:root{--red:#e30613;--red2:#ad0010;--ink:#f5f5f5;--muted:#a4a4a8;--bg:#080808;--panel:#111214;--panel2:#18191c;--line:#303136;--white:#fff;--shadow:0 22px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.nav{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(5,5,5,.9);backdrop-filter:blur(18px);z-index:40;border-bottom:1px solid rgba(227,6,19,.28)}.wordmark{display:grid;grid-template-columns:46px auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;font-weight:900;letter-spacing:.05em}.wordmark .mini-crest{grid-row:1/3;width:44px;height:44px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:white;font-size:17px;box-shadow:inset 0 0 0 5px #111}.wordmark>span:nth-child(2){font-size:16px}.wordmark i{color:var(--red);font-style:normal}.wordmark small{color:var(--muted);font-size:10px;letter-spacing:.18em}.navlinks{display:flex;align-items:center;gap:25px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.09em}.navlinks a{opacity:.82}.navlinks a:hover{opacity:1;color:#fff}.pill{border:1px solid var(--red);padding:11px 15px;border-radius:8px;color:white!important}.hero{min-height:calc(100vh - 78px);padding:80px clamp(24px,7vw,120px);display:grid;grid-template-columns:minmax(0,1.35fr) .65fr;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #1c1c1e}.hero-photo{position:absolute;inset:0;background:url('/static/demo/julia-robin-poster.jpg') center 42%/cover no-repeat;filter:saturate(.7) contrast(1.15);opacity:.34;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.91) 33%,rgba(7,7,7,.65) 65%,rgba(7,7,7,.82) 100%),linear-gradient(0deg,#080808 0%,transparent 45%)}.stadium-lines{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 88px,rgba(227,6,19,.045) 88px 90px);mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-inner{position:relative;z-index:2;max-width:890px}.kicker,.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:900;color:#c5c5c8;text-transform:uppercase}.hero .kicker{color:#fff}.hero h1,.section h2,.wall-promo h2,.qr-section h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.hero h1{font-size:clamp(70px,11vw,154px);line-height:.77;margin:.23em 0 .18em}.hero h1 span{display:block}.hero h1 b{display:block;color:var(--red);font-size:.5em;line-height:.9;font-weight:400}.hero p{font-size:clamp(18px,2vw,27px);line-height:1.45;max-width:670px;color:#d2d2d4}.chant{display:inline-block;margin-top:15px;padding:8px 12px;border-left:4px solid var(--red);background:rgba(227,6,19,.09);font-weight:900;font-size:11px;letter-spacing:.16em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:14px 19px;cursor:pointer;font-weight:900;letter-spacing:.045em;font-size:12px;text-transform:uppercase;transition:.2s transform,.2s background}.button:hover{transform:translateY(-1px)}.button.red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 10px 35px rgba(227,6,19,.18)}.button.glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:white}.button.full{width:100%}.hero-stat{display:flex;align-items:baseline;gap:10px;margin-top:42px}.hero-stat strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:46px}.hero-stat span{color:var(--muted);font-size:13px}.match-badge{position:relative;z-index:2;width:min(29vw,350px);aspect-ratio:1;border-radius:50%;justify-self:center;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle at 50% 40%,#242427,#0a0a0b 67%);box-shadow:0 0 0 8px rgba(227,6,19,.08),0 0 0 9px rgba(227,6,19,.35),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}.match-badge:before,.match-badge:after{content:"";position:absolute;width:22%;height:2px;background:var(--red);top:50%}.match-badge:before{left:-7%}.match-badge:after{right:-7%}.match-badge small{font-weight:900;letter-spacing:.18em;font-size:10px}.match-badge strong{font-family:Impact,sans-serif;color:var(--red);font-size:clamp(80px,10vw,145px);line-height:.82;text-shadow:0 6px 35px rgba(227,6,19,.25)}.match-badge span{margin-top:12px;font-size:12px;font-weight:900;letter-spacing:.18em}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);z-index:2;color:#8a8a8f;font-size:9px;font-weight:900;letter-spacing:.22em}.matchday-strip{height:50px;display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden;background:var(--red);color:#fff;font-weight:900;font-size:11px;letter-spacing:.16em;white-space:nowrap}.matchday-strip i{font-size:7px}.section{position:relative;padding:105px clamp(24px,7vw,120px)}.section-number{position:absolute;right:clamp(24px,7vw,120px);top:95px;font-family:Impact,sans-serif;font-size:74px;color:#18181a;line-height:1}.section-intro{max-width:780px;margin-bottom:45px}.section-intro h2,.wall-promo h2,.qr-section h2{font-size:clamp(46px,6.8vw,92px);line-height:.88;margin:.17em 0}.section-intro p,.wall-promo p,.qr-section p,.video-copy p{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}.intro-section{background:#0b0b0c}.feature-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.feature-stats article{padding:26px 20px;background:linear-gradient(145deg,#141416,#0d0d0e);border-right:1px solid var(--line)}.feature-stats article:last-child{border:0}.feature-stats b,.feature-stats strong,.feature-stats span{display:block}.feature-stats b{font-size:28px;margin-bottom:20px;color:var(--red)}.feature-stats strong{text-transform:uppercase;font-size:14px}.feature-stats span{color:var(--muted);font-size:12px;margin-top:5px}.video-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;background:#101012}.video-copy h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:clamp(44px,6vw,82px);line-height:.9;margin:.2em 0}.video-copy h2 em{color:var(--red);font-style:normal}.video-shell{position:relative;background:black;border:1px solid #343438;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.video-shell:before{content:"";display:block;position:absolute;inset:0;border:1px solid rgba(227,6,19,.28);z-index:2;pointer-events:none}.video-shell video{width:100%;display:block;max-height:68vh;background:#000}.video-label{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.78);padding:8px 10px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.15em}.video-label i,.live-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 10px rgba(227,6,19,.7)}.score-line{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}.score-line span{color:var(--muted);letter-spacing:.14em;font-weight:800}.score-line b{text-align:right;color:white}.upload-section{display:grid;grid-template-columns:1fr minmax(340px,610px);gap:7vw;background:linear-gradient(145deg,#090909,#121214)}.upload-card,.guest-form,.auth-card{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}label{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;color:#d9d9dc}label span{font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}input,textarea{width:100%;margin-top:7px;border:1px solid #36373b;background:#09090a;color:white;padding:13px 14px;border-radius:8px;outline:none}input:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,6,19,.12)}.file-drop{display:flex;min-height:160px;border:1.5px dashed #4b4c51;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#0b0b0c;text-align:center}.file-drop:hover{border-color:var(--red)}.file-drop input{display:none}.file-drop strong{font-size:15px}.file-drop span{margin-top:7px}.camera-icon{width:42px;height:42px;border:1px solid var(--red)!important;border-radius:50%;display:grid!important;place-items:center;margin:0 0 10px!important;color:white!important;font-size:25px}.privacy-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.privacy-choice label{display:flex;gap:10px;border:1px solid var(--line);padding:14px;border-radius:10px;cursor:pointer;margin:0;background:#0b0b0c}.privacy-choice label:has(input:checked){border-color:var(--red);background:rgba(227,6,19,.055)}.privacy-choice input{width:auto;margin:3px 0 0}.privacy-choice small{display:block;color:var(--muted);font-weight:400;margin-top:3px;text-transform:none}.upload-note{display:flex;gap:12px;margin-top:25px;border-left:3px solid var(--red);padding:10px 12px;background:#111114;font-size:12px}.upload-note span{color:var(--muted)}.status{min-height:22px;padding-top:10px;color:var(--muted);font-size:13px}.status.success{color:#84d497}.status.error{color:#ff6d75}.progress-wrap{height:6px;background:#27272b;border-radius:99px;margin-top:14px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--red);transition:width .2s}.moments-section{background:#0d0d0f}.row-intro{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;gap:30px}.text-link{font-weight:900;border-bottom:1px solid var(--red);padding-bottom:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid var(--line);background:#121214;color:#d8d8db;border-radius:6px;padding:9px 14px;cursor:pointer;font-weight:900;font-size:10px;letter-spacing:.1em}.filter.active{background:var(--red);color:white;border-color:var(--red)}.moments-grid{columns:4 260px;column-gap:14px}.moment{break-inside:avoid;margin:0 0 14px;background:#151517;border-radius:10px;overflow:hidden;border:1px solid #29292d;cursor:pointer;transition:.2s transform,.2s border-color}.moment:hover{transform:translateY(-2px);border-color:#48484d}.moment-media{position:relative;background:#222}.moment img,.moment video{display:block;width:100%;height:auto}.moment .video-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(135deg,#202024,#080808);color:#fff;font-weight:900}.source-badge{position:absolute;left:9px;top:9px;background:rgba(8,8,8,.9);color:white;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:900;border-left:3px solid var(--red);text-transform:uppercase}.moment-copy{padding:13px}.moment-copy .meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.moment-copy .meta b{color:#fff}.moment-copy p{margin:8px 0 4px;line-height:1.4;font-size:13px}.like-btn{border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.empty{padding:70px 0;color:var(--muted)}.wall-promo{padding:100px clamp(24px,7vw,120px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:#070707;border-top:1px solid #1f1f22;border-bottom:1px solid #1f1f22}.wall-promo-copy .eyebrow{color:#fff}.wall-promo-copy .live-dot{margin-bottom:1px}.wall-preview{min-height:460px;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:12px;background:#111114;border:1px solid #313136;border-radius:16px;position:relative;box-shadow:var(--shadow)}.fake-card{border-radius:9px;background:linear-gradient(160deg,#3c0a0e,#161618 60%);position:relative;overflow:hidden}.fake-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 60px,rgba(255,255,255,.035) 60px 62px)}.fake-card.big{grid-row:1/3;background:linear-gradient(160deg,#19191c,#56030b)}.fake-card span{position:absolute;left:12px;bottom:12px;font-size:9px;font-weight:900;background:#080808;padding:6px;border-left:3px solid var(--red)}.preview-caption{position:absolute;left:30px;top:30px;background:var(--red);padding:8px 10px;font-size:10px;font-weight:900;letter-spacing:.14em}.guestbook{background:#101012}.guestbook-layout{display:grid;grid-template-columns:minmax(300px,470px) 1fr;gap:50px}.emoji-row{display:flex;gap:8px;margin:12px 0 20px}.emoji{width:44px;height:44px;border:1px solid var(--line);background:#0b0b0c;border-radius:50%;cursor:pointer}.emoji.active{border-color:var(--red);background:#210205}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.guest-messages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.guest-message{background:#171719;padding:22px;border:1px solid var(--line);border-radius:11px}.guest-message .emoji-big{font-size:26px}.guest-message p{font-size:17px;line-height:1.45}.guest-message small{color:var(--muted)}.qr-section{padding:100px clamp(24px,7vw,120px);display:flex;justify-content:space-between;align-items:center;gap:50px;background:linear-gradient(145deg,#180104,#070707)}.qr-card{background:#fff;color:#111;border-radius:12px;padding:18px;box-shadow:var(--shadow);text-align:center;min-width:230px;border:6px solid #151515}.qr-card img{width:185px;display:block;margin:auto}.qr-card strong,.qr-card span,.qr-card small{display:block;margin-top:4px}.qr-card strong{font-family:Impact,sans-serif;text-transform:uppercase;font-size:22px}.qr-card span{font-weight:800}.qr-card small{font-size:9px;letter-spacing:.18em;color:#777}footer{display:flex;justify-content:space-between;align-items:center;padding:30px clamp(24px,7vw,120px);font-size:10px;color:#8b8b90;border-top:1px solid #202024;text-transform:uppercase;letter-spacing:.08em}footer b{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--red);border-radius:50%;color:white;margin-right:8px}dialog{border:0;border-radius:12px;padding:0;background:#060606;max-width:min(92vw,1100px);max-height:92vh}dialog::backdrop{background:rgba(0,0,0,.88)}#lightboxContent img,#lightboxContent video{display:block;max-width:90vw;max-height:88vh}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #555;background:#111;color:white;font-size:25px;cursor:pointer}
/* Live wall */.wall-body{background:#050505;color:white;overflow:hidden}.wall-shell{height:100vh;padding:2.5vh 2.4vw;display:grid;grid-template-rows:auto 1fr auto;gap:1.7vh;background:radial-gradient(circle at 25% 0%,#2d0308 0,transparent 34%),#050505}.wall-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29292d;padding-bottom:1.5vh}.wall-header h1{font-family:Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,6vw,95px);margin:0;line-height:.85}.wall-header .eyebrow{color:#fff}.wall-qr{display:flex;align-items:center;gap:12px;background:#fff;color:#111;padding:7px 12px 7px 7px;border-radius:9px;font-weight:900;font-size:11px}.wall-qr img{width:82px;border-radius:5px}.wall-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:.8vw;min-height:0}.wall-tile{position:relative;overflow:hidden;border-radius:9px;background:#19191c;border:1px solid #303035}.wall-tile img,.wall-tile video{width:100%;height:100%;object-fit:cover}.wall-tile.featured{grid-column:span 2;grid-row:span 2}.wall-tile .caption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.86));font-weight:800;font-size:13px;border-bottom:3px solid var(--red)}.wall-footer{display:flex;justify-content:space-between;color:#8e8e93;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.wall-empty{grid-column:1/-1;display:grid;place-items:center;color:#a9a9ad;font-family:Impact,sans-serif;font-size:30px;text-transform:uppercase}
/* auth/admin */.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#310307,#060606 45%)}.auth-card{width:min(100%,480px)}.auth-card.wide{width:min(100%,700px)}.auth-card h1{font-family:Impact,sans-serif;text-transform:uppercase;font-size:50px}.auth-card>a{display:block;margin-top:20px;color:var(--muted)}.admin-body{background:#09090a}.admin-shell{max-width:1200px;margin:auto;padding:40px 20px}.admin-shell header{display:flex;justify-content:space-between;align-items:center}.admin-shell h1{font-family:Impact,sans-serif;text-transform:uppercase;font-size:60px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats article{background:#151517;border:1px solid #29292d;padding:20px;border-radius:10px}.admin-stats b{font-size:30px;display:block}.admin-stats span{color:var(--muted)}.admin-list{display:grid;gap:8px}.admin-list article{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;background:#151517;border:1px solid #29292d;border-radius:10px;padding:10px}.admin-thumb{width:80px;height:70px;border-radius:7px;overflow:hidden;background:#222;display:grid;place-items:center}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-list small{display:block;color:var(--muted)}.admin-list p{margin:.35em 0}.admin-actions{display:flex;gap:5px}.admin-list button{border:1px solid #444;background:#0d0d0e;color:white;padding:7px 10px;border-radius:7px;cursor:pointer}.danger-link{color:#ff6b72}.admin-emoji{font-size:30px;text-align:center}
@media(max-width:850px){.nav{height:68px}.wordmark .mini-crest{width:38px;height:38px}.wordmark{grid-template-columns:40px auto}.navlinks>a:not(.pill){display:none}.pill{padding:9px 11px}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:95px;min-height:calc(100svh - 68px)}.hero-photo{opacity:.3;background-position:58% 50%}.hero-overlay{background:linear-gradient(90deg,rgba(6,6,6,.94),rgba(6,6,6,.63)),linear-gradient(0deg,#080808,transparent)}.match-badge{position:absolute;right:-90px;top:13%;width:270px;opacity:.27}.hero h1{font-size:clamp(66px,23vw,105px)}.hero p{max-width:90%}.matchday-strip{justify-content:flex-start;padding-left:20px}.feature-stats{grid-template-columns:1fr 1fr}.feature-stats article:nth-child(2){border-right:0}.feature-stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.video-feature,.upload-section,.guestbook-layout,.wall-promo{grid-template-columns:1fr}.video-feature{gap:35px}.privacy-choice{grid-template-columns:1fr}.row-intro{display:block}.moments-grid{columns:2 150px}.guest-messages{grid-template-columns:1fr}.qr-section{flex-direction:column;align-items:flex-start}.section{padding-top:75px;padding-bottom:75px}.section-number{top:70px;font-size:54px}.wall-preview{min-height:340px}.wall-grid{grid-template-columns:repeat(2,1fr)}.wall-tile.featured{grid-column:span 2;grid-row:span 1}.wall-qr span{display:none}.admin-stats{grid-template-columns:1fr 1fr}.admin-list article{grid-template-columns:60px 1fr}.admin-actions{grid-column:2}.admin-thumb{width:60px;height:60px}footer{flex-direction:column;align-items:flex-start;gap:12px}.score-line{grid-template-columns:auto 1fr}}
@media(max-width:480px){.wordmark>span:nth-child(2){font-size:13px}.wordmark small{font-size:8px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:19vw}.section,.wall-promo,.qr-section{padding-left:20px;padding-right:20px}.moments-grid{columns:1}.feature-stats{grid-template-columns:1fr 1fr}.section-number{display:none}.wall-preview{min-height:280px}.guest-form,.upload-card{padding:20px}.nav{padding-left:14px;padding-right:14px}}