@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--primary: #2563EB;--primary-glow: rgba(37, 99, 235, .1);--secondary: #64748B;--accent: #059669;--bg-dark: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--border-glass: #e2e8f0;--text-main: #0f172a;--text-dim: #475569;--success: #10b981;--error: #ef4444;--font-main: "Inter", sans-serif;--font-header: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.05) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(5,150,105,.03) 0px,transparent 50%);overflow-x:hidden}.glass-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius);box-shadow:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;border-color:#cbd5e1}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-glass);padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.02)}.form-group-glass{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.form-group-glass label{font-size:.9rem;color:var(--text-dim);font-weight:500;padding-left:2px}.input-glass{background:#fff;border:1px solid var(--border-glass);border-radius:6px;padding:10px 14px;color:var(--text-main);outline:none;transition:all .2s;width:100%;font-family:inherit;font-size:.95rem}.input-glass:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 4px #6366f114}.input-glass::placeholder{color:#94a3b8}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s ease forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.text-main{color:var(--text-main)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}@media (max-width: 768px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}.glass-card{padding:15px!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 768px){.show-mobile{display:block}}@media (max-width: 768px){.flex-mobile-column{flex-direction:column!important;align-items:flex-start!important}}@media (pointer: coarse){.btn-primary,.btn-secondary,.nav-item{min-height:44px}}
