/* Time & Tempo live request experience */
:root{--request-violet:#7b2cff;--request-cyan:#00e5ff;--request-ink:#050609;--request-panel:#0a0c11;--request-line:#ffffff1f;--request-muted:#9197a1;--request-hot:#ff2fa8}
.request-body{min-height:100svh;background:#050609;color:#f5f5f3;overflow-x:hidden}
.request-body::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 12%,#7b2cff27,transparent 28%),radial-gradient(circle at 86% 35%,#00e5ff17,transparent 24%),linear-gradient(180deg,#07080c,#030405 62%,#050609)}
.request-body::after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 72%)}
.request-shell{position:relative;z-index:1;min-height:100svh}
.request-topbar{min-height:86px;padding:18px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--request-line);background:#050609d9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.request-topbar .request-logo{display:block;width:clamp(190px,24vw,330px)}.request-topbar .request-logo img{display:block;width:100%;height:auto}
.request-live{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.18em;font-size:.58rem;font-weight:850;color:#c7cbd1}.request-live i{width:7px;height:7px;border-radius:50%;background:#52ff78;box-shadow:0 0 0 0 #52ff7885;animation:request-pulse 1.8s infinite}.request-live b{font-weight:850;color:#fff}
@keyframes request-pulse{50%{box-shadow:0 0 0 8px #52ff7800}}
.request-guest-main{width:min(1180px,100%);margin:0 auto;padding:clamp(34px,6vw,82px) clamp(18px,4vw,56px) 80px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(40px,7vw,100px);align-items:start}
.request-intro{padding-top:18px;position:sticky;top:130px}.request-kicker{margin:0 0 18px;display:flex;align-items:center;gap:11px;text-transform:uppercase;letter-spacing:.24em;color:#9fa4ad;font-size:.62rem;font-weight:850}.request-kicker::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--request-violet),var(--request-cyan));box-shadow:0 0 15px #00e5ff88}.request-intro h1{margin:0;text-transform:uppercase;font-size:clamp(4rem,8vw,8.7rem);line-height:.76;letter-spacing:-.075em;font-weight:950}.request-intro h1 span{display:block;color:transparent;-webkit-text-stroke:1.2px #fff}.request-intro .request-lede{max-width:460px;margin:28px 0 0;color:#aeb4bd;font-size:1.02rem;line-height:1.68}.request-intro .request-lede strong{color:#fff}.request-eq{height:52px;margin-top:35px;display:flex;align-items:center;gap:4px}.request-eq i{width:3px;height:28px;display:block;background:linear-gradient(#7b2cff,#00e5ff);transform-origin:center;animation:eq 900ms ease-in-out infinite alternate;box-shadow:0 0 8px #00e5ff55}.request-eq i:nth-child(2n){animation-delay:-.25s}.request-eq i:nth-child(3n){animation-delay:-.48s}.request-eq i:nth-child(5n){animation-delay:-.7s}@keyframes eq{from{transform:scaleY(.22)}to{transform:scaleY(1)}}
.request-panel{border:1px solid #ffffff26;background:linear-gradient(145deg,#0d1017e8,#07090de8);box-shadow:0 35px 90px #0009,0 0 55px #7b2cff12;position:relative;overflow:hidden}.request-panel::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--request-violet),#5651ff,var(--request-cyan))}.request-panel-head{padding:30px 30px 20px;border-bottom:1px solid var(--request-line);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.request-panel-head span{display:block;text-transform:uppercase;letter-spacing:.18em;color:#8e949e;font-size:.56rem}.request-panel-head h2{margin:6px 0 0;text-transform:uppercase;font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;line-height:.9}.request-panel-head em{font-style:normal;color:#00e5ff;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.request-form{padding:28px 30px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-form label{display:grid;gap:9px;min-width:0}.request-form label.wide{grid-column:1/-1}.request-form label span{color:#9ba1aa;text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:800}.request-form input,.request-form textarea{width:100%;border:1px solid #ffffff24;border-radius:0;background:#05070b;color:#fff;padding:15px 16px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.request-form input{height:52px}.request-form textarea{min-height:88px;resize:vertical}.request-form input:focus,.request-form textarea:focus{border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff13;background:#070a10}.request-form input::placeholder,.request-form textarea::placeholder{color:#5f6670}.request-form .request-submit{grid-column:1/-1;min-height:60px;border:0;background:linear-gradient(100deg,#7b2cff,#5055ff 58%,#00d9f3);color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:950;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 40px #7b2cff35}.request-form .request-submit:hover{transform:translateY(-2px);box-shadow:0 18px 55px #7b2cff55,0 0 35px #00e5ff18}.request-rules{grid-column:1/-1;margin:0;color:#6f7680;font-size:.68rem;line-height:1.5}.request-rules b{color:#aab0b9}
.request-popular{margin-top:22px;border-top:1px solid #ffffff1f;padding-top:22px}.request-popular-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.request-popular-head h3{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.request-popular-head span{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:#6f7680}.request-popular-list{display:grid;gap:8px}.request-popular-empty{padding:18px;border:1px dashed #ffffff25;color:#717782;font-size:.75rem;line-height:1.55}.popular-request{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:13px 14px;border:1px solid #ffffff1a;background:#080a0e;color:#fff;text-align:left;cursor:pointer;transition:.2s}.popular-request:hover{border-color:#00e5ff66;background:#0b1016}.popular-request strong,.popular-request small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-request strong{font-size:.77rem}.popular-request small{margin-top:4px;color:#7f8690;font-size:.64rem}.popular-request b{min-width:48px;height:36px;padding:0 10px;display:grid;place-items:center;border:1px solid #7b2cff66;color:#bda5ff;font-size:.65rem;letter-spacing:.08em}
.request-success{position:fixed;z-index:80;inset:0;padding:24px;display:grid;place-items:center;background:#020304e8;backdrop-filter:blur(14px)}.request-success[hidden]{display:none}.request-success-card{width:min(520px,100%);padding:48px 34px;text-align:center;border:1px solid #ffffff2b;background:radial-gradient(circle at 50% 0,#7b2cff36,transparent 42%),#080a0f;box-shadow:0 40px 110px #000;position:relative}.request-success-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7b2cff,#00e5ff)}.request-success-card .tick{width:74px;height:74px;margin:0 auto 28px;display:grid;place-items:center;border:1px solid #00e5ff;border-radius:50%;font-size:2rem;color:#00e5ff;box-shadow:0 0 35px #00e5ff22}.request-success-card span{color:#00e5ff;text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}.request-success-card h2{margin:12px 0 10px;text-transform:uppercase;font-size:clamp(2.6rem,9vw,5rem);letter-spacing:-.07em;line-height:.84}.request-success-card p{margin:0 auto 28px;max-width:380px;color:#9ba2ac;line-height:1.6;font-size:.88rem}.request-success-card button{min-height:50px;padding:0 26px;border:1px solid #ffffff31;background:#0d1016;color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.64rem;font-weight:900;cursor:pointer}
.request-mini-footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:26px 0 38px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff1c;color:#6f7680;text-transform:uppercase;letter-spacing:.13em;font-size:.55rem}.request-mini-footer a:hover{color:#00e5ff}
/* DJ dashboard */
.dj-body{min-height:100svh;background:#050609;color:#f5f5f3}.dj-shell{min-height:100svh;display:grid;grid-template-columns:340px minmax(0,1fr);position:relative;z-index:1}.dj-sidebar{position:sticky;top:0;height:100svh;padding:26px;display:flex;flex-direction:column;gap:20px;border-right:1px solid #ffffff1f;background:linear-gradient(180deg,#090b10,#050609)}.dj-logo img{width:100%;max-width:260px}.dj-label{margin-top:2px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8e949e;text-transform:uppercase;letter-spacing:.17em;font-size:.57rem}.dj-label strong{color:#00e5ff}.dj-qr-card{margin-top:8px;padding:18px;border:1px solid #ffffff24;background:#0b0d12;box-shadow:0 25px 65px #0008}.dj-qr-frame{padding:14px;background:#fff;display:grid;place-items:center}.dj-qr-frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.dj-qr-card h2{margin:18px 0 5px;text-transform:uppercase;font-size:1.32rem;letter-spacing:-.03em}.dj-qr-card p{margin:0;color:#777e88;font-size:.66rem;line-height:1.5;word-break:break-word}.dj-qr-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dj-qr-actions a,.dj-qr-actions button{min-height:40px;padding:0 10px;display:grid;place-items:center;border:1px solid #ffffff25;background:#080a0e;color:#fff;text-transform:uppercase;letter-spacing:.11em;font-size:.56rem;font-weight:850;cursor:pointer}.dj-qr-actions a:hover,.dj-qr-actions button:hover{border-color:#00e5ff;color:#00e5ff}.dj-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff1d}.dj-stat{padding:14px 8px;text-align:center}.dj-stat+.dj-stat{border-left:1px solid #ffffff1d}.dj-stat b{display:block;font-size:1.35rem;letter-spacing:-.04em}.dj-stat span{display:block;margin-top:3px;color:#717882;text-transform:uppercase;letter-spacing:.12em;font-size:.5rem}.dj-stat.is-new b{color:#00e5ff}.dj-stat.is-queued b{color:#d5b5ff}.dj-stat.is-played b{color:#6eff8e}.dj-sidebar-foot{margin-top:auto;display:grid;gap:8px}.dj-sidebar-foot button{padding:12px;border:1px solid #ffffff1b;background:transparent;color:#6d747d;text-transform:uppercase;letter-spacing:.12em;font-size:.54rem;cursor:pointer}.dj-sidebar-foot button:hover{color:#ff6c78;border-color:#ff6c7855}
.dj-main{min-width:0;padding:28px clamp(22px,4vw,58px) 70px}.dj-header{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:28px;border-bottom:1px solid #ffffff1f}.dj-header p{margin:0;color:#8e949e;text-transform:uppercase;letter-spacing:.2em;font-size:.58rem}.dj-header h1{margin:8px 0 0;text-transform:uppercase;font-size:clamp(3rem,6vw,7rem);line-height:.78;letter-spacing:-.07em}.dj-header h1 span{color:transparent;-webkit-text-stroke:1.2px #fff}.dj-clock{text-align:right}.dj-clock b{display:block;font-size:1.8rem;letter-spacing:-.04em}.dj-clock span{display:block;margin-top:5px;color:#717781;text-transform:uppercase;letter-spacing:.13em;font-size:.55rem}.dj-toolbar{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff17}.dj-filters{display:flex;gap:7px;flex-wrap:wrap}.dj-filter{min-height:38px;padding:0 13px;border:1px solid #ffffff20;background:#080a0e;color:#7e858f;text-transform:uppercase;letter-spacing:.11em;font-size:.56rem;font-weight:850;cursor:pointer}.dj-filter:hover,.dj-filter.is-active{border-color:#00e5ff77;color:#fff;background:#00e5ff0c}.dj-toolbar-note{color:#686f79;text-transform:uppercase;letter-spacing:.12em;font-size:.54rem}.dj-request-list{padding-top:18px;display:grid;gap:10px}.dj-empty{min-height:350px;padding:55px 30px;display:grid;place-items:center;text-align:center;border:1px dashed #ffffff23;background:linear-gradient(145deg,#090b0f,#050609)}.dj-empty b{display:block;font-size:clamp(2.4rem,5vw,4.5rem);text-transform:uppercase;letter-spacing:-.055em}.dj-empty p{max-width:420px;margin:12px auto 0;color:#777e88;line-height:1.6}.dj-request{--status:#00e5ff;display:grid;grid-template-columns:72px minmax(0,1.4fr) minmax(140px,.7fr) auto;gap:18px;align-items:center;padding:17px 18px;border:1px solid #ffffff1f;border-left:2px solid var(--status);background:linear-gradient(100deg,color-mix(in srgb,var(--status) 6%,#080a0e),#080a0e 35%);transition:transform .2s,border-color .2s}.dj-request:hover{transform:translateX(3px);border-color:#ffffff35;border-left-color:var(--status)}.dj-request[data-status="queued"]{--status:#9b62ff}.dj-request[data-status="played"]{--status:#55f57a;opacity:.66}.dj-request[data-status="skipped"]{--status:#ff6274;opacity:.52}.dj-votes{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--status) 55%,#ffffff20);color:var(--status);text-align:center}.dj-votes b{display:block;font-size:1.1rem;line-height:1}.dj-votes span{display:block;margin-top:2px;font-size:.45rem;letter-spacing:.1em;text-transform:uppercase}.dj-track{min-width:0}.dj-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:clamp(1.05rem,2vw,1.45rem);letter-spacing:-.025em}.dj-track>span{display:block;margin-top:4px;color:#a0a6af;font-size:.72rem}.dj-track small{display:block;margin-top:8px;color:#666e79;font-size:.61rem;line-height:1.45}.dj-requester{min-width:0}.dj-requester span{display:block;color:#747b85;text-transform:uppercase;letter-spacing:.13em;font-size:.5rem}.dj-requester b{display:block;margin-top:5px;font-size:.7rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-requester small{display:block;margin-top:5px;color:#5f6670;font-size:.56rem}.dj-actions{display:flex;gap:6px}.dj-actions button{min-width:64px;height:38px;padding:0 10px;border:1px solid #ffffff20;background:#0b0d12;color:#8c939c;text-transform:uppercase;letter-spacing:.09em;font-size:.5rem;font-weight:850;cursor:pointer}.dj-actions button:hover{color:#fff;border-color:#ffffff55}.dj-actions .queue:hover{border-color:#9b62ff;color:#c9aaff}.dj-actions .played:hover{border-color:#55f57a;color:#7dff98}.dj-actions .skip:hover{border-color:#ff6274;color:#ff7f8d}.dj-toast{position:fixed;z-index:50;right:25px;bottom:25px;max-width:min(380px,calc(100% - 50px));padding:13px 16px;border:1px solid #00e5ff55;background:#081016;color:#dffcff;text-transform:uppercase;letter-spacing:.11em;font-size:.57rem;box-shadow:0 20px 60px #000;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.dj-toast.show{transform:none;opacity:1}
/* demo landing */
/* services promo */
.request-feature-promo{position:relative;overflow:hidden;background:#050609;color:#fff}.request-feature-promo::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 50%,#00e5ff1a,transparent 23%),radial-gradient(circle at 25% 20%,#7b2cff22,transparent 28%)}.request-feature-inner{width:min(1260px,100%);margin:0 auto;padding:clamp(75px,9vw,130px) clamp(24px,5vw,70px);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,110px);align-items:center}.request-feature-copy h2{margin:15px 0 20px;text-transform:uppercase;font-size:clamp(3rem,6vw,6.8rem);line-height:.78;letter-spacing:-.07em}.request-feature-copy h2 span{color:transparent;-webkit-text-stroke:1.1px #fff}.request-feature-copy>p{max-width:550px;color:#9ca2ab;line-height:1.7}.request-feature-copy .page-actions{margin-top:30px}.request-feature-screen{padding:14px;border:1px solid #ffffff24;background:#090b10;box-shadow:0 35px 90px #000;transform:rotate(1deg)}.request-feature-screen header{padding:15px 16px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;color:#777e88;text-transform:uppercase;letter-spacing:.13em;font-size:.52rem}.request-feature-screen header b{color:#55f57a}.request-feature-screen article{padding:16px;display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid #ffffff12}.request-feature-screen article:last-child{border-bottom:0}.request-feature-screen article>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #7b2cff66;color:#c5a8ff;font-size:.65rem}.request-feature-screen strong{display:block;text-transform:uppercase;font-size:.8rem}.request-feature-screen small{display:block;margin-top:4px;color:#737a84;font-size:.6rem}.request-feature-screen em{font-style:normal;color:#00e5ff;text-transform:uppercase;letter-spacing:.1em;font-size:.5rem}
@media(max-width:1000px){.request-guest-main{grid-template-columns:1fr}.request-intro{position:relative;top:auto;max-width:700px}.request-intro h1{font-size:clamp(4rem,13vw,7rem)}.dj-shell{grid-template-columns:285px minmax(0,1fr)}.dj-request{grid-template-columns:60px minmax(0,1fr) auto}.dj-requester{display:none}.request-feature-inner{grid-template-columns:1fr}.request-feature-screen{max-width:700px}}
@media(max-width:760px){.request-topbar{min-height:72px;padding:14px 18px}.request-topbar .request-logo{width:190px}.request-live{font-size:.5rem}.request-live .event-label{display:none}.request-guest-main{padding-top:34px}.request-intro{padding-top:0}.request-intro h1{font-size:clamp(3.6rem,18vw,6.2rem)}.request-intro .request-lede{font-size:.92rem}.request-panel-head{padding:24px 20px 18px}.request-form{padding:22px 20px 24px;grid-template-columns:1fr}.request-form label.wide,.request-form .request-submit,.request-rules{grid-column:auto}.request-mini-footer{display:grid}.dj-shell{display:block}.dj-sidebar{position:relative;height:auto;padding:18px;border-right:0;border-bottom:1px solid #ffffff20}.dj-logo{display:flex;align-items:center;justify-content:space-between}.dj-logo img{max-width:215px}.dj-qr-card{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center}.dj-qr-frame{padding:7px}.dj-qr-card h2{margin:0}.dj-qr-actions{grid-column:1/-1}.dj-stats{margin-top:0}.dj-sidebar-foot{display:none}.dj-main{padding:24px 14px 55px}.dj-header h1{font-size:clamp(3rem,15vw,5rem)}.dj-clock{display:none}.dj-toolbar{align-items:flex-start;flex-direction:column}.dj-toolbar-note{display:none}.dj-request{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px}.dj-votes{width:50px;height:50px}.dj-actions{grid-column:1/-1;margin-left:62px}.dj-actions button{flex:1}.request-feature-copy h2{font-size:clamp(3.3rem,15vw,5.2rem)}}
@media(max-width:460px){.request-live b{display:none}.dj-qr-card{grid-template-columns:105px 1fr}.dj-qr-actions{grid-template-columns:1fr}.dj-request{grid-template-columns:44px minmax(0,1fr)}.dj-votes{width:42px;height:46px}.dj-actions{margin-left:56px}.dj-actions button{min-width:0;padding:0 6px;font-size:.47rem}.request-panel-head em{display:none}}
@media(prefers-reduced-motion:reduce){.request-live i,.request-eq i{animation:none!important}.request-body *{scroll-behavior:auto}}
/* live-server additions */
.request-state{margin:0 0 14px;padding:13px 15px;border:1px solid #ffffff22;background:#0a0d12;color:#dfe4ea;font-size:.72rem;line-height:1.45}.request-state.error{border-color:#ff627455;background:#ff62740b;color:#ffb2bb}.popular-request:disabled{cursor:default;opacity:.72}.event-code-gate{width:min(880px,calc(100% - 36px));min-height:calc(100svh - 150px);margin:0 auto;padding:65px 0;display:grid;place-items:center}.event-code-gate[hidden]{display:none}.event-code-gate>div{width:min(650px,100%)}.event-code-gate h1{margin:0;text-transform:uppercase;font-size:clamp(4rem,11vw,8.5rem);line-height:.78;letter-spacing:-.075em}.event-code-gate h1 span{color:transparent;-webkit-text-stroke:1.1px #fff}.event-code-gate>div>p:not(.request-kicker){max-width:520px;color:#959ca6;line-height:1.65}.event-code-gate form{margin-top:30px;display:grid;grid-template-columns:1fr auto;border:1px solid #ffffff2b;background:#080a0e}.event-code-gate input{min-width:0;height:62px;border:0;background:transparent;color:#fff;padding:0 18px;outline:none}.event-code-gate button{border:0;padding:0 24px;background:linear-gradient(100deg,#7b2cff,#00d9f3);color:#fff;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:.62rem;cursor:pointer}
.login-body{display:grid;place-items:center}.login-shell{position:relative;z-index:1;width:min(1180px,100%);min-height:100svh;padding:40px clamp(20px,6vw,70px);display:grid;grid-template-columns:1fr minmax(420px,.72fr);gap:80px;align-items:center}.login-logo{align-self:start;width:min(390px,75vw)}.login-logo img{width:100%;height:auto}.login-card{position:relative;padding:clamp(32px,5vw,58px);border:1px solid #ffffff26;background:linear-gradient(145deg,#0c0f15ed,#07090ded);box-shadow:0 35px 100px #000b}.login-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#7b2cff,#00e5ff)}.login-signal{display:flex;align-items:center;gap:9px;color:#00e5ff;text-transform:uppercase;letter-spacing:.18em;font-size:.55rem}.login-signal i{width:7px;height:7px;border-radius:50%;background:#00e5ff;box-shadow:0 0 14px #00e5ff}.login-card .request-kicker{margin-top:50px}.login-card h1{margin:0;text-transform:uppercase;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.8;letter-spacing:-.07em}.login-card>p:not(.request-kicker){color:#949ba5;line-height:1.65;max-width:480px}.login-card>small{display:block;margin-top:20px;color:#646b74;line-height:1.5;font-size:.62rem}.login-form{margin-top:28px;display:grid;gap:15px}.login-form label{display:grid;gap:8px}.login-form label>span{color:#8d949e;text-transform:uppercase;letter-spacing:.15em;font-size:.56rem;font-weight:800}.login-form input{height:54px;border:1px solid #ffffff26;background:#05070b;color:#fff;padding:0 16px;outline:none}.login-form input:focus{border-color:#00e5ff}.login-form button{min-height:58px;border:0;background:linear-gradient(100deg,#7b2cff,#5055ff 58%,#00d9f3);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:950;cursor:pointer}.login-message{padding:12px 14px;border:1px solid #ff627455;background:#ff62740c;color:#ffb1bb;font-size:.7rem}.login-message[hidden]{display:none}
.events-shell{position:relative;z-index:1;min-height:100svh}.events-top{min-height:82px;padding:16px clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f;background:#050609de;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.events-top>div{display:flex;align-items:center;gap:24px}.events-top img{width:220px}.events-top span,.events-top nav{color:#767d87;text-transform:uppercase;letter-spacing:.14em;font-size:.55rem}.events-top nav{display:flex;align-items:center;gap:20px}.events-top button{border:0;background:none;color:#a6acb4;text-transform:uppercase;letter-spacing:.14em;font-size:.55rem;cursor:pointer}.events-main{width:min(1260px,100%);margin:0 auto;padding:clamp(45px,6vw,85px) clamp(20px,5vw,65px) 90px}.events-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.7fr);gap:clamp(45px,8vw,110px);align-items:end}.events-hero h1{margin:0;text-transform:uppercase;font-size:clamp(4.3rem,9vw,9rem);line-height:.75;letter-spacing:-.08em}.events-hero h1 span{color:transparent;-webkit-text-stroke:1.1px #fff}.events-hero>div>p:last-child{max-width:600px;color:#969da7;line-height:1.7}.create-event{padding:28px;border:1px solid #ffffff27;background:#090b10;box-shadow:0 30px 80px #0008;display:grid;gap:15px}.create-event>span,.create-event label>span{color:#00e5ff;text-transform:uppercase;letter-spacing:.16em;font-size:.54rem}.create-event h2{margin:0 0 8px;text-transform:uppercase;font-size:2rem;line-height:.9}.create-event label{display:grid;gap:8px}.create-event label small{color:#626a74}.create-event input{height:50px;border:1px solid #ffffff22;background:#05070b;color:#fff;padding:0 14px;outline:none}.create-event input:focus{border-color:#00e5ff}.create-event button{min-height:54px;border:0;background:linear-gradient(100deg,#7b2cff,#00d9f3);color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.6rem;font-weight:950;cursor:pointer}.create-event>small{color:#666d77;font-size:.58rem;line-height:1.45;word-break:break-all}.events-list-head{margin-top:80px;padding-bottom:18px;display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid #ffffff20}.events-list-head span{color:#00e5ff;text-transform:uppercase;letter-spacing:.16em;font-size:.54rem}.events-list-head h2{margin:7px 0 0;text-transform:uppercase;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.85;letter-spacing:-.055em}.events-list-head p{margin:0;color:#696f79;font-size:.68rem}.event-list{display:grid}.event-card{display:grid;grid-template-columns:135px minmax(0,1fr) minmax(250px,.65fr);gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff18}.event-card.is-closed{opacity:.6}.event-status{display:flex;align-items:center;gap:9px;color:#55f57a;text-transform:uppercase;letter-spacing:.12em;font-size:.51rem}.event-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.event-card.is-closed .event-status{color:#777e88}.event-code{display:block;color:#6f7680;text-transform:uppercase;letter-spacing:.13em;font-size:.52rem}.event-main h2{margin:5px 0 10px;text-transform:uppercase;font-size:clamp(1.65rem,3vw,2.8rem);line-height:.9;letter-spacing:-.045em}.event-counts{display:flex;gap:18px}.event-counts b{color:#dfe3e8;font-size:.66rem}.event-counts small{color:#69717b;text-transform:uppercase;letter-spacing:.1em;font-size:.5rem;font-weight:600}.event-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.event-actions a,.event-actions button{min-height:39px;padding:0 11px;display:grid;place-items:center;border:1px solid #ffffff20;background:#080a0e;color:#9aa1aa;text-transform:uppercase;letter-spacing:.09em;font-size:.5rem;font-weight:800;text-align:center;cursor:pointer}.event-actions .event-open{grid-column:1/-1;min-height:46px;border-color:#7b2cff77;color:#fff;background:#7b2cff0b}.event-actions a:hover,.event-actions button:hover{border-color:#00e5ff;color:#fff}.dj-label strong.is-closed{color:#777e88}.dj-qr-actions{grid-template-columns:1fr 1fr}.dj-sidebar-foot{display:grid;gap:8px}.dj-sidebar-foot a,.dj-sidebar-foot button{min-height:38px;padding:0 10px;display:grid;place-items:center;border:1px solid #ffffff1d;background:transparent;color:#6f7680;text-transform:uppercase;letter-spacing:.11em;font-size:.5rem;cursor:pointer}.dj-sidebar-foot a:hover,.dj-sidebar-foot button:hover{border-color:#ffffff44;color:#fff}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;gap:35px}.login-logo{width:260px}.events-hero{grid-template-columns:1fr}.event-card{grid-template-columns:100px 1fr}.event-actions{grid-column:1/-1;margin-left:124px}}
@media(max-width:650px){.event-code-gate form{grid-template-columns:1fr}.event-code-gate button{min-height:52px}.events-top span{display:none}.events-top img{width:185px}.events-main{padding-top:35px}.events-hero h1{font-size:clamp(4rem,19vw,6.4rem)}.create-event{padding:22px}.events-list-head{margin-top:55px;display:block}.events-list-head p{margin-top:12px}.event-card{grid-template-columns:1fr;gap:10px;padding:24px 0}.event-actions{grid-column:auto;margin-left:0}.event-status{order:0}.event-main{order:1}.event-actions{order:2}.login-shell{padding-top:26px}.login-card{padding:28px 22px}.login-card h1{font-size:clamp(3.2rem,17vw,5rem)}}

.create-event select{width:100%;height:48px;border:1px solid #ffffff24;background:#05070b;color:#fff;padding:0 14px;outline:none}.create-event select:focus{border-color:#00e5ff}.create-event select option{background:#080a0f;color:#fff}

/* v6.75 — complete logo in request + karaoke + DJ apps */
.request-topbar .request-logo{width:clamp(245px,28vw,360px)!important}
.request-topbar .request-logo img{width:100%!important;height:auto!important;object-fit:contain!important}
.dj-logo img{width:100%;max-width:310px!important;height:auto;object-fit:contain}
.events-top img{width:280px!important;height:auto;object-fit:contain}
.login-logo{width:min(390px,82vw)!important}
.login-logo img{width:100%;height:auto;object-fit:contain}
@media(max-width:760px){
  .request-topbar{min-height:88px}
  .request-topbar .request-logo{width:min(235px,64vw)!important}
  .dj-logo img{max-width:245px!important}
}
@media(max-width:650px){.events-top img{width:225px!important}}