:root{--bg-color: #0a0a0f;--cyber-blue: #00f3ff;--cyber-pink: #ff00ff;--glass-bg: rgba(16, 18, 27, .4);--glass-border: rgba(0, 243, 255, .2)}body{margin:0;padding:0;background-color:var(--bg-color);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:radial-gradient(circle at 15% 50%,rgba(0,243,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,0,255,.08),transparent 25%);min-height:100vh}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000005e;padding:24px}.cyber-button{background:transparent;color:var(--cyber-blue);border:1px solid var(--cyber-blue);padding:10px 20px;border-radius:4px;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 10px #00f3ff1a}.cyber-button:hover{background:var(--cyber-blue);color:#000;box-shadow:0 0 20px #00f3ff99}.cyber-input{background:#00000080;border:1px solid var(--glass-border);color:#fff;padding:10px;border-radius:4px;width:100%;box-sizing:border-box}.cyber-input:focus{outline:none;border-color:var(--cyber-pink);box-shadow:0 0 10px #f0f3}