:root{--bg-primary:#0f111a;--bg-secondary:#161824;--bg-glass:#1618248c;--border-glass:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-accent:#38bdf8;--text-accent-dim:#38bdf880;--accent-color:#38bdf8;--accent-glow:0 0 25px #38bdf866;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Roboto Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 0,#38bdf81f,#0000 40%),radial-gradient(circle at 85% 100%,#818cf81f,#0000 40%),radial-gradient(circle,#0f111a 0%,#08090d 100%);background-attachment:fixed;min-height:100vh;line-height:1.6}.app-container{max-width:1280px;margin:0 auto;padding:2rem}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0003}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 12px 40px #0000004d}.info-box{border-left:4px solid var(--accent-color);color:var(--text-secondary);background:#00e5ff0d;border-radius:0 8px 8px 0;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.95rem}.info-box strong{color:var(--text-primary)}h1,h2,h3{letter-spacing:-.02em;font-weight:600}h1{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.mono{font-family:var(--font-mono)}.accent-text{color:var(--text-accent)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-mono);background:#0006;border-radius:8px;padding:1rem;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--accent-color);box-shadow:var(--accent-glow);outline:none}.btn{cursor:pointer;font-weight:600;font-family:var(--font-main);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;text-shadow:0 1px 2px #0003;box-shadow:0 4px 15px #38bdf84d}.btn-primary:hover{background:linear-gradient(135deg,#7dd3fc 0%,#a5b4fc 100%);transform:translateY(-3px);box-shadow:0 8px 25px #38bdf880}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}