@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(12px)}}@keyframes noise{0%,to{transform:translate(0,0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,2px)}}@keyframes glitch{0%,to{clip-path:inset(0 0 55%0)}20%{clip-path:inset(10%0 40%0)}40%{clip-path:inset(35%0 10%0)}60%{clip-path:inset(45%0 20%0)}80%{clip-path:inset(5%0 60%0)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes pulseGlow{0%,to{box-shadow:0 24px 60px rgba(5,4,9,.9),var(--glow)}50%{box-shadow:0 30px 80px rgba(5,4,9,.85),0 0 40px rgba(122,31,255,.55)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.6}}@keyframes flash{0%,to{opacity:0}35%{opacity:.6}}@keyframes holoShift{0%{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,3px)}80%{transform:translate(2px,-1px)}}@keyframes warp{0%,to{transform:perspective(900px) rotateX(0) rotateY(0)}50%{transform:perspective(900px) rotateX(1.5deg) rotateY(-1.5deg) scale(1.01)}}@keyframes strobe{0%,to{opacity:1}50%{opacity:.4}}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}:root{color-scheme:dark;--bg:#050409;--bg-2:#090612;--panel:rgba(10, 8, 18, 0.75);--violet:#7a1fff;--violet-soft:rgba(122, 31, 255, 0.35);--cyan:#19f6da;--magenta:#ff2bd6;--text:#d8d6e6;--muted:#7b778a;--grid:rgba(122, 31, 255, 0.22);--glow:0 0 18px rgba(122, 31, 255, 0.35)}*{box-sizing:border-box;margin:0;padding:0}.hero,body{align-items:center}body{min-height:100vh;display:flex;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(60% 80%at 15% 10%,rgba(122,31,255,.16),transparent 60%),radial-gradient(50% 60%at 85% 0%,rgba(25,246,218,.08),transparent 60%),linear-gradient(140deg,rgba(255,43,214,.05),transparent 40%),var(--bg);color:var(--text);font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace;letter-spacing:.02em;overflow-x:hidden}body.t0{background:radial-gradient(65% 85%at 20% 20%,rgba(122,31,255,.28),transparent 60%),radial-gradient(50% 70%at 80% 10%,rgba(25,246,218,.18),transparent 60%),linear-gradient(160deg,rgba(255,43,214,.08),transparent 45%),var(--bg)}body.t0 .glitch::before{animation-duration:.9s}body.t0 .glitch::after{animation-duration:.7s}body.t0 .avatar-shell{box-shadow:0 18px 45px rgba(5,4,9,.7),0 0 28px rgba(122,31,255,.45),inset 0 0 30px rgba(0,0,0,.65)}body.t1{background:radial-gradient(65% 85%at 15% 12%,rgba(25,246,218,.22),transparent 60%),radial-gradient(50% 70%at 85% 20%,rgba(122,31,255,.2),transparent 60%),linear-gradient(150deg,rgba(255,43,214,.06),transparent 45%),var(--bg)}body.t1 .avatar{filter:saturate(1.25) contrast(1.1) brightness(1.08)}body.t3{--violet:#ff155f;--cyan:#00f5ff;--magenta:#ffe600;--grid:rgba(255, 230, 0, 0.25);background:radial-gradient(60% 80%at 10% 15%,rgba(255,230,0,.18),transparent 60%),radial-gradient(55% 70%at 85% 10%,rgba(0,245,255,.2),transparent 60%),linear-gradient(140deg,rgba(255,0,93,.08),transparent 45%),var(--bg)}body.t4{--violet:#1b4dff;--cyan:#00c2ff;--magenta:#16204b;--grid:rgba(27, 77, 255, 0.28);background:radial-gradient(65% 85%at 20% 15%,rgba(0,194,255,.18),transparent 60%),radial-gradient(50% 70%at 80% 10%,rgba(27,77,255,.22),transparent 60%),linear-gradient(160deg,rgba(10,18,48,.4),transparent 45%),#040615}body.t5{--violet:#ff1548;--cyan:#ff9f1a;--magenta:#ff0077;--grid:rgba(255, 21, 72, 0.25);background:radial-gradient(65% 85%at 20% 15%,rgba(255,21,72,.2),transparent 60%),radial-gradient(55% 70%at 85% 10%,rgba(255,159,26,.18),transparent 60%),linear-gradient(160deg,rgba(255,0,119,.08),transparent 45%),#08040c}body.t6{--violet:#ff6a00;--cyan:#ffd166;--magenta:#ff3d81;--grid:rgba(255, 106, 0, 0.25);background:radial-gradient(60% 80%at 16% 12%,rgba(255,106,0,.2),transparent 60%),radial-gradient(55% 70%at 85% 12%,rgba(255,61,129,.18),transparent 60%),linear-gradient(150deg,rgba(255,209,102,.08),transparent 45%),#0a060d}body.t7{--violet:#5d6b7a;--cyan:#8cb4c6;--magenta:#2c323a;--grid:rgba(140, 180, 198, 0.18);background:radial-gradient(65% 85%at 20% 15%,rgba(140,180,198,.12),transparent 60%),radial-gradient(50% 70%at 80% 10%,rgba(93,107,122,.16),transparent 60%),linear-gradient(160deg,rgba(44,50,58,.2),transparent 45%),#06070c}body.t8{--violet:#8a5cff;--cyan:#6fffe9;--magenta:#ff7ae6;--grid:rgba(138, 92, 255, 0.2);background:radial-gradient(60% 80%at 18% 12%,rgba(111,255,233,.2),transparent 60%),radial-gradient(55% 70%at 85% 14%,rgba(255,122,230,.18),transparent 60%),linear-gradient(150deg,rgba(138,92,255,.08),transparent 45%),#070612}body.t9{--violet:#c06a2a;--cyan:#f2b687;--magenta:#d4552b;--grid:rgba(192, 106, 42, 0.25);background:radial-gradient(65% 85%at 18% 12%,rgba(242,182,135,.2),transparent 60%),radial-gradient(55% 70%at 85% 12%,rgba(192,106,42,.18),transparent 60%),linear-gradient(150deg,rgba(212,85,43,.1),transparent 45%),#0a0706}body.t10{--violet:#ff1f2e;--cyan:#ff9f1c;--magenta:#ff00aa;--grid:rgba(255, 31, 46, 0.24);background:radial-gradient(65% 85%at 18% 12%,rgba(255,159,28,.2),transparent 60%),radial-gradient(55% 70%at 85% 12%,rgba(255,0,170,.16),transparent 60%),linear-gradient(150deg,rgba(255,31,46,.1),transparent 45%),#080408}body.t2::before{animation-duration:4s;opacity:.35}body.t10::after{opacity:.16;animation-duration:.6s}body.fx8::before{animation-duration:4s;opacity:.28}body.fx1 .glitch::before{animation-duration:.8s}body.fx1 .glitch::after{animation-duration:.6s}body.fx2 main.shell{animation:shake .6s ease-in-out}body.fx6 main.shell{transform-origin:50% 30%;animation:warp 1.2s ease}body.fx3 .signal-panel{animation:flicker 1.6s steps(2) infinite}body.fx4 .signal-panel::after{opacity:.4;animation:holoShift 2.2s linear infinite}body.fx5::before{animation:flash .6s ease;opacity:.55}body.fx7 .glitch{animation:strobe 1.1s steps(2) infinite}body.sig-pulse main.shell{animation:pulseGlow .9s ease}body::after,body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.04)0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen;opacity:.2;animation:scan 12s linear infinite}body::after{background:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.08)0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 3px);opacity:.06;animation:noise 1.2s steps(2) infinite}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}main.shell{position:relative;z-index:1;width:min(1100px,100%);background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(5,4,9,.9),var(--glow);backdrop-filter:blur(10px)}main.shell::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(122,31,255,.18);border-radius:12px;pointer-events:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(20px,3vw,36px)}.raven-mark{position:relative;display:grid;place-items:center;min-height:260px}.raven-mark::before{content:"";position:absolute;width:min(280px,80%);border:1px solid rgba(122,31,255,.35);box-shadow:0 0 25px rgba(122,31,255,.2)}.avatar-shell,.raven-mark::after,.raven-mark::before{aspect-ratio:1/1;border-radius:50%}.raven-mark::after{content:"";position:absolute;width:min(220px,70%);border:1px solid rgba(25,246,218,.2);filter:drop-shadow(0 0 16px rgba(25,246,218,.25));animation:pulse 3.8s ease-in-out infinite}.avatar-shell{position:relative;width:min(230px,72%);padding:8px;overflow:hidden;isolation:isolate;background:radial-gradient(60% 60%at 28% 18%,rgba(255,255,255,.08),transparent 70%),radial-gradient(70% 70%at 75% 82%,rgba(122,31,255,.35),transparent 65%),radial-gradient(65% 65%at 18% 85%,rgba(25,246,218,.25),transparent 70%),rgba(7,6,14,.92);box-shadow:0 18px 40px rgba(5,4,9,.65),0 0 24px rgba(122,31,255,.35),inset 0 0 26px rgba(0,0,0,.6)}.avatar-shell::after,.avatar-shell::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.avatar-shell::before{inset:0;border:1px solid rgba(122,31,255,.35);box-shadow:inset 0 0 22px rgba(0,0,0,.7),0 0 18px rgba(25,246,218,.25)}.avatar-shell::after{inset:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05)0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(180deg,rgba(255,255,255,.03)0,rgba(255,255,255,.03) 2px,transparent 2px,transparent 6px),radial-gradient(45% 45%at 30% 35%,rgba(122,31,255,.25),transparent 70%);opacity:.35;mix-blend-mode:screen;box-shadow:inset 0 0 30px rgba(0,0,0,.55)}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;filter:saturate(1.15) contrast(1.08) brightness(1.02)}.brand{display:grid;gap:12px}.glitch{position:relative;font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(24px,4vw,44px);text-transform:lowercase;letter-spacing:.2em}.glitch::after,.glitch::before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:.7}.glitch::before{color:var(--cyan);transform:translate(2px,-2px);clip-path:inset(0 0 55%0);animation:glitch 2.4s infinite linear alternate-reverse}.glitch::after{color:var(--magenta);transform:translate(-2px,2px);clip-path:inset(45%0 0 0);animation:glitch 1.8s infinite linear alternate-reverse}.status{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.status-line{display:flex;align-items:center;gap:8px}.status-line::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px rgba(122,31,255,.6)}.account-btn,.account-line{align-items:center;text-transform:uppercase}.account-line{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:.7rem;letter-spacing:.18em;color:var(--muted)}.account-btn{display:inline-flex;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(122,31,255,.4);letter-spacing:.22em;font-size:.62rem;color:var(--text);background:rgba(8,6,14,.7);text-decoration:none;cursor:pointer}.account-btn:hover{color:var(--cyan);box-shadow:0 0 12px rgba(122,31,255,.35)}.signal{margin-top:10px;display:grid;gap:10px}.signal-note,.signal-status{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.signal-note{font-size:.7rem;color:var(--cyan);min-height:1em}.signal-panel{margin-top:16px;padding:16px;border-radius:12px;border:1px dashed rgba(122,31,255,.35);background:rgba(8,6,14,.78);display:grid;gap:10px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;position:relative;overflow:hidden}.signal-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.18) 45%,transparent 70%);opacity:0;mix-blend-mode:screen;pointer-events:none}body.sig-open .signal-panel{opacity:1;transform:translateY(0);pointer-events:auto}.signal input,.signal-close{border:1px solid rgba(122,31,255,.4);color:var(--text)}.signal-close{position:absolute;top:10px;right:10px;border-radius:999px;padding:4px 10px;background:rgba(8,6,14,.7);text-transform:uppercase;letter-spacing:.18em;font-size:.55rem;cursor:pointer}.signal-card{display:grid;gap:8px}.signal-tag{text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;color:var(--cyan)}.signal-visual{width:min(160px,60%);aspect-ratio:1/1;border-radius:14px;border:1px solid rgba(122,31,255,.35);background:radial-gradient(60% 60%at 20% 20%,rgba(255,255,255,.06),transparent 70%),rgba(8,6,14,.65);box-shadow:inset 0 0 18px rgba(0,0,0,.65),0 0 18px rgba(122,31,255,.3);background-repeat:no-repeat;background-size:78% 78%;background-position:center;filter:drop-shadow(0 0 12px rgba(122,31,255,.25));display:none}.signal-visual.is-visible{display:block}body.fx4 .signal-visual{animation:holoShift 2.4s linear infinite}.signal-text{color:var(--muted);font-size:.86rem;line-height:1.6}.signal-quote{border-left:2px solid rgba(122,31,255,.5);padding-left:10px;font-size:.86rem;color:var(--text)}.signal-list{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.account-line span,.signal-list span{color:var(--text);letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.signal input{background:rgba(6,4,12,.9);padding:12px 14px;font-size:.95rem;outline:0;box-shadow:inset 0 0 12px rgba(0,0,0,.6)}.signal input:focus{border-color:var(--cyan);box-shadow:0 0 12px rgba(25,246,218,.35)}.signal button{background:linear-gradient(120deg,rgba(122,31,255,.85),rgba(255,43,214,.65));border:1px solid rgba(122,31,255,.7);color:#f1edff;padding:12px 16px;letter-spacing:.35em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.signal button:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(122,31,255,.5)}.divider{margin:28px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(122,31,255,.5),transparent)}.section-label,.signal button{font-size:.75rem;text-transform:uppercase}.section-label{letter-spacing:.4em;color:var(--muted);margin-bottom:14px}.modules,.panel-grid{display:grid;gap:18px}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.panel{position:relative;padding:16px;border:1px solid rgba(122,31,255,.3);border-radius:12px;background:rgba(8,6,14,.7);box-shadow:inset 0 0 20px rgba(0,0,0,.6);overflow:hidden;animation:reveal .9s ease forwards;opacity:0;transform:translateY(10px);animation-delay:var(--delay, 0s)}.panel::before{content:"";position:absolute;inset:8px;border:1px solid rgba(122,31,255,.12);border-radius:8px;pointer-events:none}.panel-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.28em;color:var(--text);margin-bottom:10px}.panel-lines{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.panel-divider{height:1px;background:rgba(122,31,255,.2);margin:4px 0}.panel-code{color:var(--text);letter-spacing:.1em}.status-chip{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}.status-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 10px rgba(122,31,255,.45)}.status-chip[data-state=online]{color:var(--cyan)}.status-chip[data-state=online]::before{background:var(--cyan);box-shadow:0 0 10px rgba(25,246,218,.6)}.status-chip[data-state=offline]{color:var(--magenta)}.status-chip[data-state=offline]::before{background:var(--magenta);box-shadow:0 0 10px rgba(255,43,214,.6)}.mini-graph,.panel-link{font-size:.8rem;color:var(--cyan);letter-spacing:.1em}.panel-link{display:inline-flex;margin-top:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.3em}.files-panel{border-color:rgba(25,246,218,.35)}.files-panel .panel-title{color:var(--cyan)}.files-panel .panel-lines span{color:var(--text)}.footer-line{margin-top:24px;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.3em}.blink{animation:blink 1.4s step-end infinite}@media (max-width:820px){.hero{grid-template-columns:1fr}.raven-mark{min-height:220px}.glitch{letter-spacing:.14em}.account-btn,.account-line{letter-spacing:.12em;font-size:.62rem}.account-btn{font-size:.58rem}.signal-panel{padding:14px}.signal-tag{letter-spacing:.18em;font-size:.62rem}.signal-list{font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}