/* DIGICOM 2026 – Ultimate Event Microsite */
:root{
  --bg:#05070b;--bg2:#090e15;--panel:#0d141e;--text:#f6f8fb;--muted:#9ba7b8;
  --cyan:#6cecff;--cyan2:#1cbfdc;--violet:#7a66ff;--line:rgba(255,255,255,.11);--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.evening{--cyan:#a89cff;--cyan2:#7969ff}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(54,202,255,.08),transparent 35%),radial-gradient(circle at 80% 60%,rgba(105,78,255,.08),transparent 35%);pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(65,222,255,.1),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.global-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.45}

.loader{position:fixed;inset:0;background:#030407;display:grid;place-items:center;z-index:1000;transition:opacity .8s,visibility .8s}
.loader.is-hidden{opacity:0;visibility:hidden}
.loader__copy{display:flex;align-items:center;gap:18px;font-family:"Space Grotesk";letter-spacing:.2em}
.loader__copy small{color:var(--cyan)}
.loader__line{position:absolute;width:min(500px,70vw);height:1px;background:rgba(255,255,255,.1);overflow:hidden;transform:translateY(42px)}
.loader__line span{display:block;height:100%;background:var(--cyan);animation:loadline 1.4s ease forwards}
@keyframes loadline{from{width:0}to{width:100%}}

.topbar{position:fixed;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:50;transition:.35s;background:linear-gradient(to bottom,rgba(3,5,8,.72),transparent)}
.topbar.is-scrolled{height:64px;background:rgba(5,7,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;font-weight:700}
.brand__mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:.8rem;letter-spacing:.08em}
.brand__text{font-family:"Space Grotesk";letter-spacing:.08em;font-size:.88rem}
.nav{display:flex;gap:28px;align-items:center;color:#c9d1dc;font-size:.9rem}
.nav a{transition:.25s}.nav a:hover{color:#fff}
.nav__cta{border:1px solid rgba(101,232,255,.45);padding:10px 16px}
.sound-toggle{width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer}
.sound-toggle span{width:2px;background:var(--cyan);animation:soundbar 1s ease-in-out infinite}.sound-toggle span:nth-child(1){height:8px}.sound-toggle span:nth-child(2){height:16px;animation-delay:.15s}.sound-toggle span:nth-child(3){height:12px;animation-delay:.3s}.sound-toggle span:nth-child(4){height:6px;animation-delay:.45s}
.sound-toggle.is-muted span{animation:none;height:2px}
@keyframes soundbar{50%{transform:scaleY(.4)}}

.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
.hero__video,.location__video,.finale__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.92) 0%,rgba(2,4,8,.55) 50%,rgba(2,4,8,.78) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 28%)}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.68}
.hero__content{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:150px 5vw 90px}
.eyebrow,.section__label,.era__kicker{font-size:.72rem;letter-spacing:.2em;color:var(--cyan);font-weight:700}
.hero__anniversary{display:flex;align-items:center;gap:20px;margin:28px 0 18px}
.hero__anniversary>span{font-family:"Space Grotesk";font-size:clamp(5rem,11vw,10rem);line-height:.75;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.hero__anniversary div{display:flex;flex-direction:column;gap:8px}
.hero__anniversary small{letter-spacing:.4em;color:var(--cyan)}
.hero__anniversary strong{font-family:"Space Grotesk";font-size:clamp(1rem,2.2vw,2rem)}
.hero h1,.display-title{font-family:"Space Grotesk";font-size:clamp(3.4rem,7vw,7.7rem);line-height:.92;letter-spacing:-.055em;margin:0}
.hero h1 em{font-style:normal;color:var(--cyan)}
.hero__copy{max-width:700px;font-size:1.05rem;line-height:1.75;color:#c9d2df;margin:28px 0}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;cursor:pointer;transition:.3s;font-weight:700}
.button--primary{background:var(--cyan);color:#031015}
.button--primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(101,232,255,.24)}
.button--ghost{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}
.button--ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.scroll-hint{position:absolute;right:5vw;bottom:34px;z-index:2;display:flex;align-items:center;gap:12px;color:#a8b1bf;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.scroll-hint i{display:block;width:55px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scaleX(.45);opacity:.45}}

.countdown-card{margin-top:38px;padding:18px 22px;width:max-content;max-width:100%;background:rgba(6,9,14,.45);backdrop-filter:blur(14px);border:1px solid var(--line)}
.countdown-card__label{font-size:.65rem;letter-spacing:.18em;color:#8f9aaa}
.countdown{display:flex;gap:22px;margin-top:12px}
.countdown div{display:flex;flex-direction:column}.countdown strong{font-family:"Space Grotesk";font-size:1.8rem}.countdown span{font-size:.68rem;color:var(--muted)}

.section{max-width:var(--max);margin:auto;padding:130px 5vw}
.quote-section{min-height:75vh;display:flex;flex-direction:column;justify-content:center}
.quote-section blockquote{font-family:"Space Grotesk";font-size:clamp(2.5rem,5.5vw,5.9rem);line-height:1.02;letter-spacing:-.045em;margin:24px 0}
.quote-section p,.lead{max-width:760px;color:var(--muted);font-size:1.15rem;line-height:1.8;margin-top:26px}

.timeline-heading{padding-bottom:70px}
.timeline-shell{max-width:var(--max);margin:auto;padding:0 5vw 120px}
.timeline-progress{position:sticky;top:63px;z-index:20;background:linear-gradient(to bottom,rgba(5,7,11,.97),rgba(5,7,11,.84));backdrop-filter:blur(14px);padding:20px 0 18px;border-bottom:1px solid var(--line)}
.timeline-progress__line{height:2px;background:rgba(255,255,255,.1);overflow:hidden}
.timeline-progress__line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan2),var(--cyan));box-shadow:0 0 20px var(--cyan)}
.timeline-progress__years{display:flex;justify-content:space-between;margin-top:10px}
.timeline-progress__years button{background:none;border:0;color:#6f7c8f;font-size:.68rem;letter-spacing:.08em;cursor:pointer;padding:0}
.timeline-progress__years button.is-active{color:var(--cyan)}

.era{min-height:95vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;border-bottom:1px solid var(--line);position:relative}
.era__visual{min-height:520px;display:grid;place-items:center;position:relative;overflow:hidden}
.era__visual::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;border:1px solid rgba(101,232,255,.12);box-shadow:0 0 100px rgba(52,202,255,.07) inset}
.era__year{position:absolute;bottom:25px;left:0;font-family:"Space Grotesk";font-size:clamp(4rem,9vw,8rem);font-weight:700;color:rgba(255,255,255,.035)}
.era__signal{position:absolute;top:26px;right:20px;font-size:.64rem;letter-spacing:.22em;color:var(--cyan);writing-mode:vertical-rl}
.era__content h3{font-family:"Space Grotesk";font-size:clamp(2.2rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.04em;margin:20px 0}
.era__content p{color:var(--muted);line-height:1.8;font-size:1.05rem}
.era__story{margin-top:28px;padding:20px;border:1px solid rgba(101,232,255,.16);background:rgba(101,232,255,.03);display:flex;flex-direction:column;gap:8px}
.era__story strong{font-size:.68rem;letter-spacing:.15em;color:var(--cyan)}
.era__story span{color:#dfe6ef}
.era--mono{filter:grayscale(1)}
.era--future{filter:none;background:radial-gradient(circle at 35% 50%,rgba(58,215,255,.12),transparent 35%)}

.device{position:relative;z-index:2;transform:translateY(35px) scale(.96);opacity:.6;transition:1s}
.era.is-visible .device{transform:translateY(0) scale(1);opacity:1}
.phone-body{width:250px;height:190px;background:linear-gradient(#252a2f,#111417);border-radius:28px 28px 20px 20px;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.phone-handset{position:absolute;width:280px;height:58px;left:-15px;top:-36px;border-radius:38px;background:linear-gradient(#343a40,#15181c);box-shadow:0 12px 20px rgba(0,0,0,.4);animation:ringphone 4s ease-in-out infinite}
@keyframes ringphone{4%,12%{transform:rotate(2deg)}8%,16%{transform:rotate(-2deg)}20%,100%{transform:none}}
.dial{position:absolute;width:110px;height:110px;border:13px solid #3a4046;border-radius:50%;left:70px;top:42px}
.dial span{position:absolute;width:14px;height:14px;background:#090b0d;border-radius:50%;left:35px;top:35px;transform-origin:20px 20px}
.dial span:nth-child(2){transform:rotate(36deg) translateY(-38px)}.dial span:nth-child(3){transform:rotate(72deg) translateY(-38px)}.dial span:nth-child(4){transform:rotate(108deg) translateY(-38px)}.dial span:nth-child(5){transform:rotate(144deg) translateY(-38px)}.dial span:nth-child(6){transform:rotate(180deg) translateY(-38px)}.dial span:nth-child(7){transform:rotate(216deg) translateY(-38px)}.dial span:nth-child(8){transform:rotate(252deg) translateY(-38px)}.dial span:nth-child(9){transform:rotate(288deg) translateY(-38px)}.dial span:nth-child(10){transform:rotate(324deg) translateY(-38px)}
.switchboard{width:300px;height:330px;background:linear-gradient(145deg,#2c3138,#11151a);border:8px solid #3e454c;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:34px;position:relative}
.switchboard span{width:34px;height:34px;border-radius:50%;border:5px solid #525a64;background:#080a0d;box-shadow:0 0 14px rgba(255,255,255,.08);animation:blink 2s infinite}
.switchboard span:nth-child(2n){animation-delay:.6s}
@keyframes blink{50%{box-shadow:0 0 18px var(--cyan);border-color:var(--cyan)}}
.switchboard i{position:absolute;width:4px;height:120px;background:#767f89;bottom:15px}.switchboard i:nth-of-type(1){left:70px;transform:rotate(18deg)}.switchboard i:nth-of-type(2){left:150px;transform:rotate(-12deg)}.switchboard i:nth-of-type(3){right:65px;transform:rotate(9deg)}
.fax{width:280px;position:relative}.fax__body{height:180px;background:linear-gradient(#e9ebec,#aeb4ba);border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.fax__paper{width:190px;height:170px;background:#f9f9f4;color:#121417;position:absolute;left:45px;top:-110px;padding:30px;font-family:"Space Grotesk";font-weight:700;line-height:2;animation:paper 3s ease-in-out infinite}
@keyframes paper{50%{transform:translateY(25px)}}
.mobile{width:150px;height:330px;background:linear-gradient(145deg,#2b3440,#10151a);border-radius:18px;padding:30px 18px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.mobile__antenna{position:absolute;width:12px;height:75px;background:#262e36;top:-66px;right:24px;border-radius:10px}
.mobile__screen{height:92px;background:#9bad8f;color:#172016;padding:14px;text-align:center;font-family:monospace}
.mobile__screen small{display:block;font-size:.58rem;margin-top:10px;animation:screenpulse 1.5s infinite}
@keyframes screenpulse{50%{opacity:.35}}
.mobile__keys{margin-top:32px;height:130px;background:radial-gradient(circle,#6e7a86 0 12%,transparent 13%) 0 0/33% 33%}
.network-orbit{width:300px;height:300px;border:1px solid var(--cyan);border-radius:50%;position:relative;animation:rotate 18s linear infinite}
.network-orbit::before,.network-orbit::after{content:"";position:absolute;inset:35px;border:1px solid rgba(101,232,255,.35);border-radius:50%}.network-orbit::after{inset:80px}
.network-orbit span{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--cyan);box-shadow:0 0 28px var(--cyan)}
.network-orbit span:nth-child(1){left:0;top:140px}.network-orbit span:nth-child(2){right:20px;top:50px}.network-orbit span:nth-child(3){left:70px;bottom:20px}.network-orbit span:nth-child(4){right:70px;bottom:18px}.network-orbit span:nth-child(5){left:130px;top:-9px}
.network-orbit b,.cloud b,.ai-core b{position:absolute;inset:0;display:grid;place-items:center;font-family:"Space Grotesk";letter-spacing:.15em}
@keyframes rotate{to{transform:rotate(360deg)}}
.cloud{width:300px;height:150px;border-radius:90px;background:linear-gradient(145deg,rgba(101,232,255,.8),rgba(48,107,167,.7));position:relative;box-shadow:0 0 80px rgba(101,232,255,.25);animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-16px)}}
.cloud span{position:absolute;border-radius:50%;background:inherit}.cloud span:nth-child(1){width:130px;height:130px;left:30px;top:-62px}.cloud span:nth-child(2){width:160px;height:160px;right:25px;top:-82px}.cloud span:nth-child(3){width:100px;height:100px;right:-12px;top:10px}.cloud b{z-index:2;color:#031015}
.truck{width:360px;height:180px;position:relative;animation:truckmove 5s ease-in-out infinite}
@keyframes truckmove{50%{transform:translateX(24px)}}
.truck__cargo{position:absolute;left:0;top:28px;width:235px;height:115px;background:linear-gradient(145deg,#26323d,#10161d)}.truck__cab{position:absolute;right:0;top:58px;width:125px;height:85px;background:linear-gradient(145deg,var(--cyan2),#155b6e);clip-path:polygon(0 0,70% 0,100% 45%,100% 100%,0 100%)}
.truck i{position:absolute;width:55px;height:55px;border-radius:50%;background:#0a0e12;border:12px solid #333d46;bottom:0;animation:rotate 1.6s linear infinite}.truck i:nth-of-type(1){left:45px}.truck i:nth-of-type(2){right:36px}
.truck__signal{position:absolute;right:20px;top:0;color:var(--cyan);font-size:.75rem;letter-spacing:.15em}.truck__signal::after{content:"";display:block;width:60px;height:60px;border:1px solid var(--cyan);border-radius:50%;margin:-20px 0 0 -15px;animation:ripple 1.7s infinite}
@keyframes ripple{to{transform:scale(1.8);opacity:0}}
.ai-core{width:260px;height:260px;border-radius:50%;border:1px solid var(--cyan);position:relative;box-shadow:0 0 70px rgba(101,232,255,.22) inset,0 0 80px rgba(101,232,255,.12);animation:rotate 20s linear infinite}
.ai-core span{position:absolute;width:70px;height:70px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 25px rgba(101,232,255,.3)}
.ai-core span:nth-child(1){left:-30px;top:95px}.ai-core span:nth-child(2){right:-25px;top:40px}.ai-core span:nth-child(3){left:55px;top:-35px}.ai-core span:nth-child(4){right:25px;bottom:-25px}
.ai-core b{font-size:3rem;color:var(--cyan)}

.transition-scene{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(45,195,224,.18),transparent 34%),#070b11}
.transition-scene__grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(101,232,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(101,232,255,.08) 1px,transparent 1px);background-size:80px 80px;transform:perspective(800px) rotateX(65deg) translateY(20%);mask-image:linear-gradient(to bottom,transparent 10%,#000 45%,transparent 85%);animation:gridshift 8s linear infinite}
@keyframes gridshift{to{background-position:80px 80px}}
.transition-scene__content{position:relative;z-index:2}
.display-title span{color:var(--cyan)}

.highlight-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:60px}
.highlight-card{min-height:330px;padding:38px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .2s,border-color .3s}
.highlight-card::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(101,232,255,.08);right:-80px;bottom:-80px;filter:blur(12px)}
.highlight-card>span{color:var(--cyan);font-family:"Space Grotesk";font-size:.78rem}
.highlight-card h3{font-family:"Space Grotesk";font-size:2.2rem;margin:85px 0 15px}
.highlight-card p{color:var(--muted);line-height:1.7;max-width:480px}
.highlight-card small{position:absolute;bottom:30px;left:38px;color:#738094;letter-spacing:.12em}

.program-list{margin-top:70px}
.program-item{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:45px 0;border-top:1px solid var(--line);transition:.35s}
.program-item:hover{padding-left:14px;border-color:rgba(101,232,255,.35)}
.program-item time{font-family:"Space Grotesk";font-size:3rem;color:var(--cyan)}
.program-item span{font-size:.7rem;letter-spacing:.18em;color:#79879a}
.program-item h3{font-family:"Space Grotesk";font-size:2rem;margin:8px 0}
.program-item p{color:var(--muted)}

.location{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
.location__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,11,.93),rgba(4,7,11,.2)),linear-gradient(0deg,#05070b,transparent 25%)}
.location__content{position:relative;z-index:2;width:100%}
.location__panel{max-width:700px;padding:50px;background:rgba(6,9,14,.62);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px)}
.location__panel h2{font-family:"Space Grotesk";font-size:clamp(2.6rem,5vw,5.2rem);line-height:.96;letter-spacing:-.04em;margin:22px 0}
.location__panel p{color:#cad3df;line-height:1.8}
.location__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.location__facts div{padding-top:16px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:6px}
.location__facts strong{font-size:.95rem}.location__facts span{font-size:.75rem;color:#8793a3}
.location__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.registration{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}
.smart-note{margin-top:32px;padding:20px;border-left:2px solid var(--cyan);background:rgba(101,232,255,.04)}
.smart-note span{font-size:.68rem;letter-spacing:.18em;color:var(--cyan)}.smart-note p{color:var(--muted);line-height:1.6}
.diwodo-program{min-width:0}
.diwodo-program__frame{display:block;width:100%;height:760px;border:1px solid var(--line);background:#fff}
.diwodo-program__fallback{padding:24px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-top:0}
.diwodo-program__fallback p{margin:0 0 18px;color:var(--muted);line-height:1.6}
.registration-form{padding:34px;background:rgba(255,255,255,.035);border:1px solid var(--line);position:relative;overflow:hidden}
.form-progress{height:2px;background:rgba(255,255,255,.08);margin:-34px -34px 32px}.form-progress span{display:block;height:100%;width:0;background:var(--cyan);transition:.3s}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.registration-form label{display:flex;flex-direction:column;gap:9px}
.registration-form label>span{font-size:.75rem;letter-spacing:.08em;color:#acb6c4}
input,textarea,select{width:100%;background:#090d13;border:1px solid rgba(255,255,255,.13);color:#fff;padding:15px;outline:none;transition:.25s}
input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(101,232,255,.08)}
.form-message{margin-top:20px}.checkbox{flex-direction:row!important;align-items:flex-start;margin:20px 0}.checkbox input{width:auto;margin-top:3px}
.form-status{min-height:24px;color:var(--cyan)}
.ticket-preview{margin-top:24px;padding:24px;border:1px dashed var(--cyan);background:rgba(101,232,255,.04);display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}
.ticket-preview span{font-size:.7rem;letter-spacing:.18em;color:var(--cyan)}.ticket-preview strong{font-family:"Space Grotesk";font-size:1.8rem}.ticket-preview small{color:var(--muted)}
.fake-qr{grid-column:2;grid-row:1/4;width:84px;height:84px;background:repeating-linear-gradient(45deg,#fff 0 5px,#000 5px 10px),repeating-linear-gradient(-45deg,transparent 0 7px,#fff 7px 12px);mix-blend-mode:screen}

.finale{min-height:92vh;position:relative;display:grid;place-items:center;overflow:hidden}
.finale__shade{position:absolute;inset:0;background:rgba(3,5,8,.74)}
.finale__content{position:relative;z-index:2;text-align:center;padding:30px}
.finale__content span{font-size:.75rem;letter-spacing:.24em;color:var(--cyan)}
.finale__content h2{font-family:"Space Grotesk";font-size:clamp(3.2rem,7vw,7rem);margin:18px 0 30px}

.assistant{position:fixed;right:24px;bottom:24px;z-index:80}
.assistant__trigger{width:58px;height:58px;border-radius:50%;border:1px solid var(--cyan);background:#091019;color:var(--cyan);font-size:1.4rem;box-shadow:0 0 30px rgba(101,232,255,.18);cursor:pointer}
.assistant__panel{position:absolute;right:0;bottom:72px;width:min(360px,calc(100vw - 32px));background:rgba(7,10,15,.96);border:1px solid var(--line);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s}
.assistant__panel.is-open{opacity:1;visibility:visible;transform:none}
.assistant__head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}
.assistant__head div{display:flex;flex-direction:column;gap:4px}.assistant__head small{color:var(--cyan);letter-spacing:.15em}.assistant__head button{border:0;background:none;font-size:1.5rem;cursor:pointer}
.assistant__messages{padding:18px;max-height:280px;overflow:auto}
.assistant__message{padding:12px 14px;background:rgba(255,255,255,.05);line-height:1.5;margin-bottom:10px}
.assistant__message--bot{border-left:2px solid var(--cyan)}
.assistant__quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 18px}
.assistant__quick button{background:#0b1119;border:1px solid var(--line);padding:10px;cursor:pointer;font-size:.78rem}.assistant__quick button:hover{border-color:var(--cyan)}

.easter-egg{position:fixed;inset:0;background:rgba(2,4,7,.86);backdrop-filter:blur(18px);z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s}
.easter-egg.is-open{opacity:1;visibility:visible}
.easter-egg__panel{width:min(820px,calc(100vw - 40px));padding:50px;background:#091019;border:1px solid rgba(101,232,255,.28);position:relative}
.easter-egg__panel>button{position:absolute;top:18px;right:18px;border:0;background:none;font-size:1.8rem;cursor:pointer}
.easter-egg__panel>span{font-size:.7rem;color:var(--cyan);letter-spacing:.2em}
.easter-egg__panel h3{font-family:"Space Grotesk";font-size:clamp(2.2rem,5vw,4.5rem);margin:20px 0}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.archive-grid div{padding:25px;border:1px solid var(--line);font-family:"Space Grotesk";font-size:1.4rem}.archive-grid small{color:var(--muted)}

.footer{max-width:var(--max);margin:auto;padding:45px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8e99a8;font-size:.85rem}
.footer div{display:flex;gap:20px}.footer strong{color:#fff}

.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}
.reveal.is-visible{opacity:1;transform:none}
.split-title .char,.split-words .word{display:inline-block;opacity:0;transform:translateY(40px);animation:charin .7s forwards}
@keyframes charin{to{opacity:1;transform:none}}

@media(max-width:980px){
  .nav a:not(.nav__cta){display:none}
  .era{grid-template-columns:1fr;gap:20px;padding:80px 0}.era__visual{min-height:390px}.era__content{padding-bottom:50px}
  .highlight-stage{grid-template-columns:1fr}
  .registration{grid-template-columns:1fr}
}
@media(max-width:720px){
  .topbar{padding:0 18px}.brand__text{display:none}.sound-toggle{display:none}
  .hero__content,.section,.timeline-shell{padding-left:22px;padding-right:22px}
  .hero__anniversary{align-items:flex-end}.hero__anniversary>span{font-size:5.5rem}.hero__anniversary strong{font-size:.9rem}
  .hero h1,.display-title{font-size:3.25rem}.scroll-hint{display:none}
  .countdown{gap:14px}.countdown strong{font-size:1.35rem}
  .timeline-progress__years button:nth-child(even){display:none}
  .era__visual::before{width:330px;height:330px}.era__visual{min-height:340px}
  .program-item{grid-template-columns:1fr;gap:10px}.program-item time{font-size:2.2rem}
  .location__panel{padding:28px}.location__facts{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}.registration-form{padding:22px}.form-progress{margin:-22px -22px 28px}
  .ticket-preview{grid-template-columns:1fr}.fake-qr{grid-column:1;grid-row:auto}
  .archive-grid{grid-template-columns:1fr 1fr}
  .footer{flex-direction:column;gap:20px}.footer div{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}

/* Schrader & Trojan refinement */
.brand{gap:16px;align-items:center}
.brand__logo{display:block;width:210px;max-height:54px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 24px rgba(25,94,151,.18));animation:brandReveal 1.2s cubic-bezier(.2,.8,.2,1) both}
.brand__event{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);padding-left:16px;border-left:1px solid rgba(255,255,255,.16);white-space:nowrap}
@keyframes brandReveal{0%{opacity:0;transform:translateY(-12px) scale(.98);clip-path:inset(0 100% 0 0)}55%{opacity:1}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
.topbar.is-scrolled .brand__logo{width:180px}
.smart-highlights .highlight-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.registration-form button[disabled]{opacity:.65;cursor:wait;transform:none!important}
.form-status{min-height:1.5em}
.form-status.is-success{color:#8fe3c0}
.form-status.is-error{color:#ff9c9c}
.video-fallback .hero__video,.video-fallback .location__video,.video-fallback .finale__video{display:none}
.hero,.location,.finale{background:radial-gradient(circle at 70% 20%,rgba(25,94,151,.28),transparent 38%),linear-gradient(135deg,#05070b,#0a1320 55%,#05070b)}
@media(max-width:1200px){.smart-highlights .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-highlights .highlight-card:last-child{grid-column:1/-1}.brand__logo{width:185px}}
@media(max-width:820px){.brand__logo{width:155px}.brand__event{display:none}.smart-highlights .highlight-grid{grid-template-columns:1fr}.smart-highlights .highlight-card:last-child{grid-column:auto}.topbar.is-scrolled .brand__logo{width:145px}}

/* Performance-Optimierungen für mobile Geräte und schwache Verbindungen */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.brand__logo{height:auto}
img,svg,video,canvas{max-width:100%}
section:not(.hero):not(.finale),article,.location,.registration{content-visibility:auto;contain-intrinsic-size:1px 900px}
@media(max-width:820px){
  .noise,.cursor-glow,.global-particles,.hero__canvas{display:none!important}
  .hero__video,.location__video,.finale__video{display:none!important}
  .hero,.location,.finale{background:#05070b}
  .loader{transition-duration:.2s}
  .reveal{transition-duration:.45s;transform:translateY(18px)}
  .topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(5,7,11,.96)}
  .button,.topic-card,.highlight-card{transform:none!important}
}
@media(max-width:480px){
  .section{padding-left:20px;padding-right:20px}
  .hero__content{padding-left:20px;padding-right:20px}
  .footer{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-data:reduce){
  .noise,.cursor-glow,.global-particles,.hero__canvas,.hero__video,.location__video,.finale__video{display:none!important}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}