@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;min-height:100vh;color:#fff}.bg-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(201,169,89,.05) 0%,transparent 70%);z-index:0}.container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:50px}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#c9a959,#a88b3d);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#0a0a0f}.brand-text{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:#fff9;font-weight:500}.hero{text-align:center;margin-bottom:50px}.hero h1{font-size:3.5rem;font-weight:300;margin-bottom:12px;letter-spacing:-1px;color:#fff}.tagline{font-size:1.1rem;color:#ffffff80;font-weight:300}.orb-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.orb{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#c9a959,#a88b3d,#8b7355);box-shadow:0 0 60px #c9a95966,0 0 100px #c9a95933,inset 0 0 40px #ffffff1a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;border:none;outline:none}.orb:hover{transform:scale(1.05);box-shadow:0 0 80px #c9a95980,0 0 120px #c9a9594d,inset 0 0 40px #ffffff26}.orb.connected{background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);box-shadow:0 0 60px #4ade8066,0 0 100px #4ade8033}.orb.connecting{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);animation:pulse-connect 1s ease-in-out infinite}.orb.listening{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);animation:pulse-listen 1.5s ease-in-out infinite}.orb.speaking{background:linear-gradient(135deg,#a855f7,#9333ea,#7c3aed);animation:pulse-speak .6s ease-in-out infinite}.orb-icon{font-size:2.5rem}@keyframes pulse-connect{0%,to{transform:scale(1);box-shadow:0 0 60px #fbbf2480,0 0 100px #fbbf244d}50%{transform:scale(1.05);box-shadow:0 0 80px #fbbf2499,0 0 120px #fbbf2466}}@keyframes pulse-listen{0%,to{transform:scale(1);box-shadow:0 0 60px #3b82f680,0 0 100px #3b82f64d}50%{transform:scale(1.1);box-shadow:0 0 100px #3b82f699,0 0 150px #3b82f666}}@keyframes pulse-speak{0%,to{transform:scale(1);box-shadow:0 0 60px #a855f780,0 0 100px #a855f74d}50%{transform:scale(1.08);box-shadow:0 0 100px #a855f799,0 0 150px #a855f766}}.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(201,169,89,.15);pointer-events:none}.orb-ring:nth-child(1){width:160px;height:160px}.orb-ring:nth-child(2){width:200px;height:200px}.orb-ring:nth-child(3){width:240px;height:240px}.status{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ffffff80;margin-bottom:20px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.status-dot.disconnected{background:#6b7280}.status-dot.connecting{background:#fbbf24;animation:blink .5s ease-in-out infinite}.status-dot.listening{background:#3b82f6;animation:blink 1s ease-in-out infinite}.status-dot.speaking{background:#a855f7;animation:blink .5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.cta{font-size:.85rem;color:#ffffff59;text-align:center}.footer{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:.7rem;color:#ffffff26}@media(max-width:600px){.hero h1{font-size:2.5rem}.orb-container{width:180px;height:180px}.orb{width:100px;height:100px}.orb-ring:nth-child(1){width:130px;height:130px}.orb-ring:nth-child(2){width:160px;height:160px}.orb-ring:nth-child(3){width:190px;height:190px}}