:root{--bg-color:#050510;--text-color:#e0e0ff;--primary-color:#0fc;--primary-glow:0 0 10px #0fc,0 0 20px #0fc;--secondary-color:#f0f;--secondary-glow:0 0 10px #f0f,0 0 20px #f0f;--danger-color:#f33;--danger-glow:0 0 10px #f33,0 0 20px #f33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(0,255,204,.05) 0,transparent 50%)}.glass-panel{background:#0a0a1999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000080}input{width:100%;padding:12px 16px;margin:8px 0 24px;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--primary-glow)}button{width:100%;padding:14px;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:var(--primary-glow)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}h1,h2,h3{margin-bottom:1rem;text-align:center}.text-gradient{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}