:root{--bg:#040a15;--panel:#091525;--line:#1b354b;--muted:#94aabe;--text:#e9f6ff;--accent:#5de9f0;--red:#ff718f;font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 3% 6%,#40103077,transparent 36%),radial-gradient(ellipse at 20% 30%,#03407866,transparent 52%),linear-gradient(135deg,#070d21,#02060c 85%);background-attachment:fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#2adaff06 1px,transparent 1px),linear-gradient(#2adaff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
header{max-width:1060px;padding-top:26px;border-color:#17324c80}.island{background:#040915cc;border-color:#17324c80;color:#8dbbc8;letter-spacing:.13em;padding-top:max(10px,env(safe-area-inset-top))}.spark,.liveDot{box-shadow:0 0 12px #4be8f0}.studioAccess{display:none}main{max-width:1060px}.brand{font-weight:600;letter-spacing:.2em;font-size:20px}.brandIcon{filter:hue-rotate(75deg)}
.hero{position:relative;max-width:none;min-height:370px;padding:72px 0 40px 330px}.hero h1{font-size:clamp(36px,5.3vw,56px);font-weight:500}.hero .eyebrow{letter-spacing:.22em;font-size:11px}.hero>p:not(.eyebrow){line-height:1.8}.heroLock{position:absolute;left:48px;top:75px;width:210px;height:235px;display:grid;place-items:center;color:#67eff4;filter:drop-shadow(0 0 14px #13b8ff55)}.heroLock svg{width:145px;height:176px;fill:#06172d;stroke:currentColor;stroke-width:2}.heroLock svg path{stroke-width:4}.heroLock svg circle{fill:#0c3c56}.lockHalo{position:absolute;inset:-14px;border:1px solid #22cce044;border-radius:50%;box-shadow:0 0 65px #008fff22,inset 0 0 40px #00c8ff15}.lockHalo:before,.lockHalo:after{content:'';position:absolute;inset:-20px;border-radius:50%;border:1px dashed #34dfff33}.lockHalo:after{inset:14px;border-color:#6286f344}
button{border-radius:14px;background:#102339;min-height:48px;font-weight:500;border-color:#25445b}.primary,.sendBtn,#call,.voiceRecordBig{background:linear-gradient(120deg,#7ef4ef,#43bde9);color:#041623;border-color:#7eecf2;box-shadow:0 5px 28px #00bded15}.secondary{background:#0b1a2bb0}.danger{color:#ff94aa;background:#33142688;border-color:#80344d}.textBtn{background:transparent;border:0}.roomCard{background:linear-gradient(145deg,#102c4088,#071222);border-color:#1a4159;border-radius:18px;padding:17px}.roomCard.locked{border-color:#654056}.roomCard .lockSvg{color:var(--accent)}.roomCard.locked .lockSvg{color:var(--red)}.roomList{border-color:#15324b;padding:20px 0}.joinStrip{padding:28px 0}.conferenceLink{display:flex;flex-direction:column;gap:10px;text-decoration:none;padding:24px 28px;margin-top:24px;border:1px solid #25455e;border-radius:22px;background:linear-gradient(120deg,#0b2439bb,#10162a88)}.conferenceLink span{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#7fc4d2}.conferenceLink b{font-size:21px;font-weight:500;color:var(--text)}
.conversation,.securityPanel{background:linear-gradient(135deg,#0c2032ec,#081321f5);border-color:#224159;border-radius:24px;box-shadow:0 18px 60px #0003}.chatHeader,.communicationActions,.composer{border-color:#1e3b50}.roomAvatar{background:#0b3043;border-color:#3c8190;border-radius:50%;color:var(--accent)}.bubble{background:#102a40;border-color:#25465e;border-radius:18px 18px 18px 4px}.bubble.mine{background:linear-gradient(125deg,#123d50,#123044);border-color:#326b7b;border-radius:18px 18px 4px 18px}.composer input,textarea,select{background:#061423;border-color:#284b63;border-radius:14px;color:var(--text)}.waiting{padding-top:34px}.pill{border-radius:20px;background:#092332}.securityPanel{padding:26px}.core{display:grid;place-items:center;width:120px;height:120px;margin:22px auto;position:relative}.coreInside svg{width:60px;height:70px;fill:none;stroke:#68edf3;stroke-width:2}.coreOrbit{position:absolute;inset:0;border:1px solid #51cbe388;border-radius:50%}.coreOrbit.second{inset:10px;border-style:dashed;border-color:#429af388}.core.busy{filter:drop-shadow(0 0 14px #2fcde8)}.cipherBox{background:#04111b;padding:16px;border:1px solid #153b51;border-radius:16px;margin-top:22px;font-size:10px}.cipherBox>div{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--muted)}#cipherPreview{color:#65cbd8}.rotation>div{height:3px;background:#112739;margin:12px 0;overflow:hidden}.rotation i{display:block}#panic{display:inline-block}.sessionHeading{flex-wrap:wrap}.sessionHeading .danger{font-size:12px}
dialog{background:linear-gradient(135deg,#0d2237,#070f20);border:1px solid #2b566e;border-radius:28px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#010610c9;backdrop-filter:blur(10px)}#toast{background:#b8edf1;color:#041b2c;border:1px solid #7ee4f1;border-radius:18px}.voiceAdvanced{border-color:var(--line);border-radius:16px}.confPanel{padding:26px}.confPanel>button{margin:8px 8px 12px 0}.confPanel .composer{padding-left:0;padding-right:0}#confPrints{font:12px ui-monospace,monospace;overflow-wrap:anywhere}#confNotice{color:var(--accent)}.zeroize{text-align:center;overflow:hidden}.zeroize h2{font-size:25px;line-height:1.3}.zeroize h3{font:22px ui-monospace,monospace;color:var(--accent);letter-spacing:.1em}.zeroize small{display:block;line-height:1.6;font-size:12px}.zeroize button{margin-top:24px;width:100%}.purgeRows{display:flex;flex-direction:column;gap:16px;text-align:left;padding:24px 0;border-block:1px solid #1f4057;color:#a8d5e2;font-size:12px}.zeroize.confirmed:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#91fbff;box-shadow:0 0 22px 4px #40d9fc66;pointer-events:none}
@media(prefers-reduced-motion:no-preference){button,.conferenceLink{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:scale(.975)}dialog[open]{animation:surfaceIn .22s ease-out}.core.busy .coreOrbit{animation:spin 2s linear infinite}.zeroize.confirmed .purgeRows code{animation:surfaceIn .5s ease both}.zeroize.confirmed .purgeRows code:nth-child(2){animation-delay:.3s}.zeroize.confirmed .purgeRows code:nth-child(3){animation-delay:.6s}.zeroize.confirmed:after{animation:sweep 1.6s .8s ease-in-out both}@keyframes surfaceIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{from{top:0;opacity:0}20%{opacity:1}to{top:100%;opacity:0}}}
@media(max-width:600px){header{padding:20px 18px 14px}.hero{padding:176px 6px 26px;min-height:0}.heroLock{left:50%;top:24px;transform:translateX(-50%);width:128px;height:130px}.heroLock svg{height:110px;width:95px}.lockHalo{inset:-2px}.lockHalo:before{inset:-12px}.hero h1{font-size:39px;margin:12px 0}.hero .primary{margin-top:12px}.hero .eyebrow{font-size:10px}.hero>p:not(.eyebrow){font-size:14px}.conferenceLink{padding:20px;margin-top:18px;border-radius:20px}.conferenceLink b{font-size:20px}.sessionHeading>div{flex-basis:100%}.sessionHeading{gap:8px}.sessionHeading button{flex:1}.conversation{border-radius:20px}.chatHeader{padding:17px 13px}.confPanel{padding:18px}.confPanel .messages{padding:10px 0}.securityPanel{padding:20px}footer{line-height:1.7}}

.heroLock svg.circuits{position:absolute;width:340px;height:280px;fill:none;stroke:#32c6df66;stroke-width:1;z-index:-1;max-width:none}.heroLock .circuits path{stroke-width:1}.brandIcon{filter:none}@media(max-width:600px){.heroLock svg.circuits{width:260px;height:170px}}