/* SETFARO / AFTER DARK · CLUB EDITION — styles only; application data flows unchanged */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--sf-ink:#0d0912;--sf-paper:#fff5f8;--sf-muted:#c1b6c7;--sf-line:#3d2c45;--sf-card:#17111d;--sf-acid:#ff4ea6;--sf-violet:#a78afe;--sf-orange:#f6af63;color:var(--sf-paper);background:var(--sf-ink);font-family:'DM Sans',Arial,sans-serif}
html,body{background:var(--sf-ink)}body{color:var(--sf-paper);letter-spacing:-.005em;background:radial-gradient(ellipse 45% 30% at 93% 0%,#3b1e4b5e,transparent 78%),#0d0912}
h1,h2,h3,h4{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:.005em;text-transform:uppercase}
h2{font-size:clamp(2.5rem,4.6vw,3.85rem);line-height:1;font-weight:800}
h3{letter-spacing:.005em}p{color:#c7baca;line-height:1.64}a{transition:color .13s}a:hover{color:var(--sf-acid)}
.top{background:#100b17f2;border-bottom:1px solid #5c3659;backdrop-filter:blur(12px)}.nav{height:74px}.logo{font:800 2.2rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.03em;gap:10px;color:#fff4fb}.logo:hover{color:#fff4fb}
.brand-stamp{background:var(--sf-acid);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform:skewX(-8deg);color:#140a18;font:900 30px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.08em}.brand-slash{font-size:.57em;position:relative;top:4px}.brand-period{color:var(--sf-acid)}
.navlinks{color:#e2d2e6;gap:23px;font-weight:700;font-size:.88rem}.navlinks a:hover,.navlinks button:hover{color:var(--sf-acid)}
.btn{border-radius:2px;background:#2b1a32;color:var(--sf-paper);border:1px solid #775379;padding:13px 20px;font:800 .83rem/1.2 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s;box-shadow:none}.btn:hover{transform:translateY(-1px);filter:none;background:#452648;border-color:#ff80c2;color:#fff}
.btn.primary,.primary{background:var(--sf-acid);border-color:var(--sf-acid);color:#1b0b1a}.btn.primary:hover,.primary:hover{background:#ff7fbe;color:#160815;border-color:#ff7fbe;filter:none}.btn.outline,.outline{background:#1a1021a8;border-color:#816089;color:#fff5fb}.btn.outline:hover,.outline:hover{border-color:#ff80bc;color:#fff}
.btn.small{padding:10px 12px;font-size:.73rem}
.club-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);align-items:stretch;gap:0;min-height:626px;padding:0;border-bottom:1px solid #69446b}
.club-hero .hero-editorial{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 32px 26px 0;background:linear-gradient(95deg,#0d0912 90%,#22112b30);isolation:isolate}
.club-hero .hero-editorial:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 58px,#ff4ea610 59px 60px)}
.club-hero .hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 .65rem/1.4 'Space Mono',monospace;letter-spacing:.035em;color:#e1b3dd;padding-bottom:17px;border-bottom:1px solid #6c3c66}.kicker-led{display:inline-block;width:7px;height:7px;background:#f7a9d6;box-shadow:0 0 10px 3px #ff4ea68a;border-radius:50%;margin:0 6px 1px 1px}
.club-overline{font:700 .7rem/1.4 'Space Mono',monospace;color:#e7d8e8;letter-spacing:.055em;margin-top:34px}
.club-hero h1{font:900 clamp(4rem,5.9vw,6.75rem)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:.003em;text-transform:uppercase;margin:15px 0 29px;white-space:nowrap;color:#fff7fb;max-width:100%}
.club-hero h1 .hero-word{display:inline-block;position:relative;color:var(--sf-acid);text-shadow:4px 4px 0 #50215080}.club-hero h1 .hero-cross{font-family:Arial,sans-serif;font-size:.32em;display:inline-block;color:#c9a9ff;vertical-align:middle;transform:rotate(-25deg);margin:0 0 7px -5px}.club-hero h1 .headline-dot{color:var(--sf-acid)}
.club-hero p{font-size:1.06rem;max-width:500px;color:#cfc0d2;margin:0 0 4px;line-height:1.55}
.club-hero .actions{margin:26px 0 34px;gap:10px}.club-hero .actions .btn{padding:15px 17px}
.hero-bottom{border-top:1px solid #664162;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 .63rem/1.6 'Space Mono',monospace;letter-spacing:.03em;color:#cfabc8}
.club-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#1c0c2b;border:1px solid #59365e;border-top:0;border-bottom:0;isolation:isolate;min-width:0;overflow:hidden;padding:25px}
.club-visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.club-light-haze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#11091678 0%,transparent 28%,#12071710 46%,#110817e8 100%)}
.club-visual:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(90deg,#ffffff00 0 3px,#fff0 3px 6px);mix-blend-mode:screen}
.hero-side-top{display:flex;justify-content:space-between;gap:10px;font:700 .63rem/1.6 'Space Mono',monospace;color:#f3daee;text-shadow:0 1px 4px #070509;position:relative;z-index:1;letter-spacing:.02em}.status-live{white-space:nowrap;color:#fbd0e5}.status-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff80ba;box-shadow:0 0 8px 3px #ff55b3;margin-right:4px;vertical-align:middle}
.club-time{margin-top:auto;padding:0 0 20px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,5.4vw,5.4rem);font-weight:900;line-height:.89;color:#fff7fa;letter-spacing:.005em;text-transform:uppercase;text-shadow:0 5px 25px #0c071d}
.club-time span{display:block}.club-time strong{display:block;color:#ff62ad;font-weight:900;text-shadow:0 3px 18px #280c20}
.club-track{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #f6c3e76a;font:700 .64rem/1.4 'Space Mono',monospace;color:#fff0f8}.club-track b{color:#ff79b7}
.scene-strip{display:flex;justify-content:space-around;gap:22px;align-items:center;flex-wrap:wrap;background:#ff4ea6;color:#1b0e1e;font:700 .75rem/1 'Space Mono',monospace;letter-spacing:.05em;min-height:52px;margin:0 calc((1220px - min(1220px,100vw - 48px)) / -2);padding:11px}.scene-strip b{font-size:1.3rem;font-family:Arial,sans-serif}
.section{padding:55px 0 43px}.sectionhead{border-bottom:1px solid #634260;padding-bottom:19px;margin-bottom:20px}.sectionhead h2{margin:10px 0 0}.eyebrow{font:700 .7rem/1.3 'Space Mono',monospace;letter-spacing:.13em;color:#ff75b4}
.grid{gap:12px}.card,.item{background:var(--sf-card);border:1px solid #533b59;border-radius:2px;box-shadow:none;transition:background .16s,border-color .16s}.card{padding:20px}.card:hover,.item:hover{border-color:#bb6c9f;background:#251629}.card h3{font-size:1.55rem;line-height:1.02;font-weight:800}.card p{font-size:.91rem}.cardfoot{border-top:1px solid #4c3550;padding-top:15px;margin-top:18px;align-items:center}.cardfoot .btn{white-space:nowrap}
.avatar{border-radius:2px;background:#392044;border:1px solid #76416e;color:#f8acdb;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800}.avatar img{filter:saturate(.85)}
.pill{background:#28192b;border:1px solid #6f4b73;border-radius:2px;color:#dfc8e1;font-size:.73rem;padding:6px 10px}.badge{background:#ff4ea6;border-radius:2px;color:#200e1c;font:700 .68rem/1.4 'Space Mono',monospace;letter-spacing:.02em}
.dim,.muted,.help{color:#bcaabe}.green{color:#a6d7aa}.orange{color:#f5c28e}.red{color:#ff9fa5}
.filters,.form{background:#1a1020;border:1px solid #55365b;border-radius:2px;box-shadow:none}.filters{padding:20px}.form{padding:28px}
input,select,textarea{background:#100b17;color:#fff2fa;border:1px solid #715279;border-radius:2px}input:focus,select:focus,textarea:focus{border-color:#ff7bb9;box-shadow:0 0 0 1px #ff7bb9}label{color:#f0d9e9}
.empty{border:1px dashed #7b4d78;border-radius:2px;color:#d7bbd1;background:#17111c}.empty:before{content:'◆';color:#ff6eb1;margin-right:10px}
.tabs button{background:#211629;border:1px solid #5c3f63;border-radius:2px;color:#f0dceb;font:700 .82rem 'DM Sans',sans-serif}.tabs button.active{color:#1b0a1d;background:#ff60ad;border-color:#ff60ad}
.item{border-radius:2px}.chip{border:1px solid #714b71;border-radius:2px}.link{color:#ff84c0;font-weight:700}.link:hover{color:#ffb6db}
.banner{border-radius:2px}.banner.success{background:#1b3023;border-color:#396f49;color:#d7ffe0}.banner.danger{background:#431c2a;border-color:#a84d67;color:#ffe1e3}
.footer{border-top:1px solid #69456d;background:#110c18;margin-top:50px;color:#d0bdd1}.footer .shell{align-items:center}.footer a{text-decoration:none;border-bottom:1px solid #86678a;padding-bottom:3px}.footer a:hover{border-color:#ff4ea6}
.legal-copy h3{color:#fff2fa}.legal-copy a:not(.btn){color:#ff82c1}input[type=checkbox]{accent-color:#ff4ea6}.navlinks a:focus-visible,.btn:focus-visible,button:focus-visible{outline:3px solid #ff95ce;outline-offset:3px}
@media(max-width:980px){.club-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);min-height:560px}.club-hero h1{font-size:clamp(3.45rem,6.4vw,5.3rem)}.club-hero .hero-editorial{padding-right:17px}.club-visual{padding:18px}.club-time{font-size:clamp(2.6rem,5vw,4rem)}.scene-strip{margin:0}}
@media(max-width:780px){.club-hero{grid-template-columns:1fr;min-height:0}.club-hero .hero-editorial{padding:36px 0 27px}.club-hero h1{font-size:clamp(3.6rem,9vw,6rem)}.club-visual{border:1px solid #59365e;min-height:360px;padding:20px;justify-content:space-between}.club-visual-img{object-position:center 56%}.club-time{font-size:clamp(3.3rem,9vw,5.2rem)}.hero-bottom{margin-top:7px}.scene-strip{gap:14px}}
@media(max-width:520px){.nav{height:64px}.logo{font-size:1.8rem;gap:7px}.brand-stamp{width:33px;height:33px;font-size:26px}.navlinks{gap:7px}.navlinks a:first-child{display:none}.nav .btn{padding:9px;font-size:.7rem}.club-hero .hero-editorial{padding:27px 0 26px}.club-hero .hero-kicker{font-size:.57rem}.club-hero .hero-kicker span:last-child{max-width:135px;text-align:right}.club-overline{margin-top:25px;font-size:.6rem}.club-hero h1{font-size:clamp(3.45rem,13vw,5.5rem);margin:15px 0 22px}.club-hero p{font-size:.97rem}.club-hero .actions{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0 25px}.club-hero .actions .btn{width:100%;padding:13px}.hero-bottom{font-size:.55rem;gap:7px;flex-wrap:wrap}.club-visual{min-height:340px;padding:15px}.club-time{font-size:3.5rem}.hero-side-top,.club-track{font-size:.55rem}.scene-strip{font-size:.63rem;gap:9px;min-height:45px;padding:10px 6px}.scene-strip b{font-size:.85rem}.section{padding:40px 0 30px}.sectionhead{gap:8px}.sectionhead h2{font-size:2.45rem}.card{padding:17px}.form{padding:19px}}
