.mo-container{position:relative;width:320px;height:320px;display:flex;justify-content:center;align-items:center}.mo-outer-ring{position:absolute;width:280px;height:280px;border:1.5px solid rgba(45,212,255,.1);border-radius:50%;z-index:3;transition:opacity 1s ease,border-color .5s ease}.mo-outer-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid transparent;border-top:2px solid rgba(246,211,101,.6);border-right:2px solid rgba(246,211,101,.2);border-radius:50%;animation:rotate 12s linear infinite}.mo-outer-ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid transparent;border-bottom:1px solid rgba(246,211,101,.3);border-left:1px solid rgba(246,211,101,.1);border-radius:50%;animation:rotate 20s linear infinite reverse}.mo-inner-ring{position:absolute;width:160px;height:160px;border:1px solid rgba(246,211,101,.3);border-radius:50%;z-index:4;transition:opacity 1s ease,border-color .5s ease;animation:innerPulse 4s ease-in-out infinite}@keyframes innerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.mo-core{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#2d1b01 0%,#000000 100%);display:flex;justify-content:center;align-items:center;color:#f6d365;font-size:36px;letter-spacing:10px;padding-left:10px;font-weight:700;font-family:Inter,Helvetica Neue,sans-serif;box-shadow:0 0 45px #f6d36566,0 0 90px #f6d36526,inset 0 0 30px #f6d36540,inset 0 0 60px #000000e6;border:1.5px solid rgba(246,211,101,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:color .6s ease,box-shadow .6s ease,transform .3s ease;z-index:10;-webkit-user-select:none;user-select:none;text-shadow:0 0 15px rgba(246,211,101,.8),0 0 35px rgba(246,211,101,.45)}.idle .mo-core{color:#7de3ff40;box-shadow:0 0 12px #2dd4ff14,inset 0 0 10px #2dd4ff0f;text-shadow:0 0 8px rgba(125,227,255,.3);animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 12px #2dd4ff14,inset 0 0 10px #2dd4ff0f}50%{transform:scale(1.025);box-shadow:0 0 22px #2dd4ff26,inset 0 0 18px #2dd4ff1a}}.listening .mo-core{color:#c084fc;box-shadow:0 0 25px #a855f799,0 0 55px #a855f733,inset 0 0 20px #a855f759;text-shadow:0 0 14px rgba(192,132,252,.95),0 0 35px rgba(168,85,247,.5);border-color:#a855f74d;animation:listeningPulse 1.8s ease-in-out infinite}@keyframes listeningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.thinking .mo-core{color:#93c5fd;box-shadow:0 0 28px #3b82f6a6,0 0 60px #3b82f633,inset 0 0 22px #3b82f659;text-shadow:0 0 14px rgba(147,197,253,.95),0 0 35px rgba(59,130,246,.5);border-color:#3b82f64d;animation:thinkPulse 2.2s ease-in-out infinite}@keyframes thinkPulse{0%,to{transform:scale(1);opacity:1}33%{transform:scale(1.04);opacity:.85}66%{transform:scale(.98);opacity:.95}}.speaking .mo-core{color:#f6d365;box-shadow:0 0 40px #f6d365b3,0 0 80px #f6d3654d,inset 0 0 30px #f6d36580;text-shadow:0 0 18px rgba(246,211,101,1),0 0 45px rgba(246,211,101,.6);border-color:#f6d36580}.mo-ripple{position:absolute;width:110px;height:110px;border-radius:50%;border:1.5px solid rgba(246,211,101,.6);animation:rippleOut 2s cubic-bezier(.2,0,.6,1) infinite;z-index:5;pointer-events:none}.mo-ripple-delayed{animation-delay:.7s}@keyframes rippleOut{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Inter,sans-serif}.onboarding-card{width:100%;max-width:500px;padding:40px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;text-align:center}.progress-bar-container{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin-bottom:40px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00D4FF,#00FFFF);transition:width .5s cubic-bezier(.4,0,.2,1)}.onboarding-card h2{font-size:24px;font-weight:300;margin-bottom:24px;letter-spacing:-.5px;color:#e0e0e0}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-size:13px;color:#888;margin-bottom:8px;margin-left:4px}.onboarding-card input,.onboarding-card select,.onboarding-card textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:14px 18px;border-radius:12px;color:#fff;font-size:16px;transition:all .3s;outline:none}.onboarding-card input:focus,.onboarding-card select:focus,.onboarding-card textarea:focus{background:rgba(255,255,255,.08);border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff26}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.option-btn{padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ccc;cursor:pointer;font-size:14px;transition:all .2s;text-align:center}.option-btn.selected{background:rgba(0,212,255,.15);border-color:#00d4ff;color:#0ff}.nav-buttons{display:flex;gap:12px;margin-top:32px}.nav-buttons button{flex:1;padding:14px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:#00D4FF;color:#000;border:none}.btn-primary:hover{background:#00FFFF;transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-secondary:hover{background:rgba(255,255,255,.05)}.contact-row{display:flex;gap:8px;margin-bottom:8px}.contact-row input{padding:10px;font-size:13px}.transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center}.blu-ray-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(0,255,255,.15),transparent 70%);filter:blur(40px);animation:glowPulse 4s infinite alternate}@keyframes glowPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.5)}}.mo-logos{font-size:80px;letter-spacing:20px;font-weight:200;color:#0ff;opacity:0;animation:fadeInOut 5s forwards;z-index:2001}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9);filter:blur(10px)}30%{opacity:1;transform:scale(1);filter:blur(0px)}80%{opacity:1;transform:scale(1);filter:blur(0px)}to{opacity:0;transform:scale(1.1);filter:blur(20px)}}