@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--font-main: "Outfit", sans-serif;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--primary: #00f2fe;--secondary: #4facfe;--accent: #ff0080;--bg-dark: #0f172a;--text-main: #ffffff;--text-muted: #94a3b8}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background:var(--bg-dark);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);color:var(--text-main);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.btn-primary{background:linear-gradient(135deg,var(--secondary),var(--primary));border:none;padding:12px 24px;border-radius:12px;color:#000;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #4facfe66}.container{max-width:1200px;margin:0 auto;padding:20px}@media(max-width:768px){.container{padding:12px}.glass-panel{border-radius:12px;padding:16px!important}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.1rem!important}.btn-primary{padding:10px 16px;font-size:.9rem}}@media(max-width:480px){.container{padding:8px}.glass-panel{padding:12px!important;border-radius:10px}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}}html{scroll-behavior:smooth}::selection{background:var(--primary);color:var(--bg-dark)}button:focus,input:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}select{background-color:#0f172af2!important}select option{background-color:#1e293b;color:#fff;padding:10px}select option:hover,select option:checked{background-color:#3b82f6;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}