/* P1ERRE5 V2 — clean creator brand, square corners. */
:root{--red:#b92238;--ink:#1e2026;--line:#e3e6ec;--muted:#69717f;--content:1440px}
body{background:#f7f8fa;color:#1a1b21;letter-spacing:-.008em}
.container{width:min(var(--content),calc(100% - 64px))}
.site-header{background:rgba(255,255,255,.98);box-shadow:0 1px 0 #e3e5e9}
.brand{letter-spacing:-.065em}
.brand img{background:#181a20;object-fit:contain;padding:5px}
.hero-home{background:#202127;position:relative;overflow:hidden}
.hero-home:before{content:"";position:absolute;inset:0;background:linear-gradient(132deg,rgba(191,38,58,.17),transparent 42%),repeating-linear-gradient(145deg,transparent 0 150px,rgba(255,255,255,.012) 151px 153px);pointer-events:none}
.hero-copy h1{font-weight:900;letter-spacing:-.065em}
.hero-image-panel{background:#14161b;border:1px solid #353740;box-shadow:26px 26px 0 #a82037}
.hero-image-panel img{object-fit:contain;mix-blend-mode:normal}
.section{background:#fff}
.section:nth-of-type(even){background:#f7f8fa}
.page-hero{background:#202127;position:relative}
.page-hero:after{content:"";position:absolute;right:5%;top:8%;width:100px;height:100px;border-top:18px solid #bd243d;border-right:18px solid #bd243d;opacity:.7;transform:skew(-12deg);pointer-events:none}
.streamer-grid{gap:22px}
.streamer-card{border:1px solid #e1e4ea;box-shadow:0 8px 36px rgba(22,27,39,.035);background:white;transition:transform .2s ease, box-shadow .2s ease;min-height:210px}
.streamer-card:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(25,25,35,.085)}
.streamer-card-cover{padding:14px 0 14px 14px;box-sizing:border-box;align-self:stretch;display:flex;align-items:center}
.streamer-card-cover .avatar{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.streamer-card-body{padding:20px 16px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.streamer-name{font-size:22px;font-weight:850;letter-spacing:-.045em;line-height:1.12}
.streamer-card-body .small{color:#67717e;font-size:12px}
.streamer-card-body .social-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
.social-link{display:inline-flex!important;align-items:center;gap:6px;border:1px solid #e2e5ec!important;background:#f6f7f9!important;color:#262b34!important;padding:7px 9px!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important;transition:background .18s}
.social-link:hover{background:#eceff5!important;border-color:#c6ced8!important}
.social-link span{line-height:1}
.social-link .fa-local{width:13px;height:13px;object-fit:contain;display:inline-block}
.social-link>span:last-child{display:inline-block}
.streamer-card .subtle-link{margin-top:7px;color:#b62439!important;font-weight:800}
.clip-card{border:1px solid #e1e4e9;box-shadow:0 7px 28px rgba(15,15,20,.035);background:#fff}
.clip-body{padding:20px}
.cta-card,.info-card,.step,.site-form,.admin-panel,.discord-stage{border:1px solid #e4e6eb}
.btn,.social-link,input,select,textarea,.status-tag,.clip-card,.streamer-card,.kpi-card,.admin-panel,.avatar,.faq details{border-radius:0!important}
.btn-red{background:#b92238!important;border-color:#b92238!important}
.btn-red:hover{background:#9d172a!important}
.discord-stage{background:#202127!important;border:0!important;position:relative;overflow:hidden;padding:72px 40px!important}
.discord-stage:before,.discord-stage:after{content:"";position:absolute;width:140px;height:140px;background:#b92238;transform:skew(-43deg)}
.discord-stage:before{left:-95px;top:-48px}.discord-stage:after{right:-95px;bottom:-60px}
.discord-stage-brand{display:flex;align-items:center;justify-content:center;gap:16px;font-size:19px!important;letter-spacing:.18em!important;font-weight:850!important;color:#fff}
.community-symbol{width:70px;height:70px;object-fit:contain;background:#121319;padding:8px}
.info-grid>*,.step{background:white}
.footer{background:#1c1e24!important}
.footer-grid{gap:48px}
.footer-grid h4{color:#fff}
.footer-brand{font-size:29px!important;letter-spacing:-.07em}
.footer .social-link{background:#2b2e36!important;border:1px solid #3d414b!important;color:#fff!important;padding:9px!important}
.footer .social-link .fa-local{filter:invert(1)}
.footer .social-link span{display:none}
.footer .social-link:hover{background:#3b404b!important}
.cookie-consent{position:fixed;bottom:20px;left:20px;right:20px;z-index:9999;background:#fff;border:1px solid #dfe3e8;box-shadow:0 15px 60px rgba(0,0,0,.2);padding:20px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between;max-width:1040px;margin:0 auto}
.cookie-consent[hidden]{display:none!important}
.cookie-consent strong{font-size:16px}.cookie-consent p{margin:6px 0 0;color:#626b76;font-size:12px;line-height:1.6;max-width:600px}
.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.cookie-actions .btn{font-size:11px;padding:13px!important;white-space:nowrap}.cookie-actions a{font-size:11px;color:#a71b2f;text-decoration:underline}
.cookie-settings-link{position:fixed;bottom:0;right:12px;border:0;background:#24262d;color:#fff;padding:5px 10px;z-index:500;cursor:pointer;font-size:10px;opacity:.85}
@media(max-width:1150px){.container{width:min(var(--content),calc(100% - 32px))}.streamer-card{min-height:170px}.streamer-card-body{padding:12px}.streamer-name{font-size:18px}.social-link{font-size:10px!important;padding:5px!important}}
@media(max-width:700px){.streamer-card-cover{padding:10px 0 10px 10px}.streamer-card-body{padding:10px}.streamer-card{min-height:155px}.cookie-consent{bottom:12px;left:12px;right:12px;display:block}.cookie-actions{margin-top:12px}.discord-stage{padding:40px 20px!important}.community-symbol{width:55px;height:55px}}

.discord-emblem{display:flex!important;align-items:center;justify-content:center;gap:14px;font-weight:900;letter-spacing:-.05em;font-size:25px!important;color:#fff!important}
.discord-emblem span{font-size:25px;color:#fff}.discord-emblem small{font-size:13px;color:#e0a6ae;letter-spacing:.14em}
.discord-symbol{display:block;width:80px;height:80px;object-fit:contain;background:#111318;padding:10px}
.feature-icon{width:32px;height:32px;display:block;margin-bottom:18px;filter:invert(18%) sepia(85%) saturate(2511%) hue-rotate(328deg) brightness(85%) contrast(96%)}
.community-features>div{background:#fff;border:1px solid #e0e3e9;padding:32px;box-shadow:0 8px 22px rgba(25,28,35,.04)}
@media(max-width:700px){.discord-emblem{flex-direction:column}.discord-emblem span{font-size:19px}}
