:root{--bg-dark:#0f0a1f;--bg-purple:#1a1040;--bg-purple-mid:#2d1b69;--bg-blue:#1a2a6c;--accent-cyan:#00d9ff;--accent-cyan-dim:#0ea5e9;--glass-bg:#ffffff14;--glass-border:#ffffff26;--glass-highlight:#ffffff40;--text-primary:#fff;--text-secondary:#ffffffb3}html,body{max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{background:linear-gradient(135deg,var(--bg-dark)0%,var(--bg-purple)25%,var(--bg-purple-mid)50%,var(--bg-blue)100%);background-attachment:fixed;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 80%,#8a2be233 0%,#0000 50%),radial-gradient(60% 40% at 80% 20%,#1e40af4d 0%,#0000 50%),radial-gradient(100% 60% at 50% 100%,#4c1d9540 0%,#0000 40%);position:fixed;inset:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d,inset 0 1px 0 var(--glass-highlight);border-radius:24px}.glass-button{-webkit-backdrop-filter:blur(10px);color:var(--text-primary);background:#ffffff0d;border:1px solid #6496ff4d;transition:all .2s;box-shadow:0 0 8px #00b4ff26}.glass-button:hover{border-color:var(--glass-highlight);background:#ffffff26;box-shadow:0 0 20px #00d9ff33}.glass-button:active{background:#fff3;transform:scale(.95)}.call-button{background:linear-gradient(135deg,var(--accent-cyan)0%,var(--accent-cyan-dim)100%);border:none;transition:all .2s;box-shadow:0 4px 20px #00d9ff66,inset 0 1px #ffffff4d}.call-button:hover{transform:scale(1.05);box-shadow:0 6px 30px #00d9ff99,inset 0 1px #ffffff4d}.call-button:active{transform:scale(.95)}.hangup-button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;transition:all .2s;box-shadow:0 4px 20px #ef444466,inset 0 1px #ffffff4d}.hangup-button:hover{transform:scale(1.05);box-shadow:0 6px 30px #ef444499,inset 0 1px #ffffff4d}.hangup-button:active{transform:scale(.95)}