@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-darker: #020908;--bg-dark: #041412;--bg-medium: #07221f;--bg-light: #0d3834;--accent-cyan: #00f5e6;--accent-cyan-glow: rgba(0, 245, 230, .35);--accent-mint: #00ff9d;--accent-mint-glow: rgba(0, 255, 157, .35);--accent-coral: #ff5252;--accent-amber: #ffbe1a;--text-primary: #ffffff;--text-secondary: #8dafa8;--text-muted: #537570;--glass-bg: rgba(4, 20, 18, .65);--glass-border: rgba(0, 245, 230, .12);--glass-border-active: rgba(0, 245, 230, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-darker);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(0,245,230,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,255,157,.06) 0%,transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0,60 C15,50 25,65 35,55 C45,45 35,25 50,15 C60,5 75,15 80,30 C85,45 70,55 85,65 C100,75 110,60 120,70' fill='none' stroke='rgba(0, 245, 230, 0.025)' stroke-width='1.5'/%3E%3Cpath d='M30,30 C45,20 50,40 65,30 C75,20 65,0 80,-10' fill='none' stroke='rgba(0, 255, 157, 0.02)' stroke-width='1'/%3E%3Ccircle cx='10' cy='10' r='1.5' fill='rgba(0, 245, 230, 0.03)'/%3E%3Ccircle cx='70' cy='90' r='2' fill='rgba(0, 255, 157, 0.025)'/%3E%3Cpath d='M100,100 C80,95 75,115 60,110' fill='none' stroke='rgba(0, 245, 230, 0.015)' stroke-width='1'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}@keyframes cyber-glowing{0%{box-shadow:0 0 10px #00f5e626}50%{box-shadow:0 0 25px #00f5e659}to{box-shadow:0 0 10px #00f5e626}}@keyframes pulse-soft{0%,to{opacity:.6}50%{opacity:1}}@keyframes scan-line{0%{top:0%}50%{top:100%}to{top:0%}}.font-display{font-family:var(--font-display)}.text-gradient{background:linear-gradient(135deg,#ffffff 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-mint-gradient{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-mint) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000005e;transition:all .35s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#00f5e640;box-shadow:0 12px 40px #00f5e614}.glass-panel-active{border-color:var(--glass-border-active);box-shadow:0 0 25px #00f5e626}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;border-radius:10px;font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none}.cyber-btn-primary{background:linear-gradient(135deg,var(--accent-cyan) 0%,#00b3a7 100%);border:none;color:var(--bg-darker);box-shadow:0 4px 15px var(--accent-cyan-glow)}.cyber-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00f5e68c}.cyber-btn-secondary{background:rgba(0,245,230,.05);border:1px solid rgba(0,245,230,.25);color:var(--accent-cyan)}.cyber-btn-secondary:hover:not(:disabled){background:rgba(0,245,230,.12);border-color:var(--accent-cyan);box-shadow:0 0 15px #00f5e633}.cyber-btn:disabled{opacity:.5;cursor:not-allowed}.cyber-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cyber-input-label{font-family:var(--font-display);font-weight:500;font-size:.9rem;color:var(--text-secondary);letter-spacing:.5px}.cyber-input{background:rgba(2,9,8,.7);border:1px solid var(--glass-border);border-radius:10px;padding:14px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.cyber-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 15px #00f5e633;background:rgba(4,20,18,.85)}.cyber-input::placeholder{color:var(--text-muted)}
