@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--accent:#10b981;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#ffffffe6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#0f172a1a;--border-hover:#0f172a33;--shadow:0 4px 20px #00000014;--glow:0 0 40px #6366f133;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);--gradient-bg:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f8fafc 100%);--radius:16px;--radius-sm:8px;--radius-lg:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark],.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293bcc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b81a;--border-hover:#94a3b833;--shadow:0 25px 50px -12px #00000080;--glow:0 0 40px #6366f14d;--gradient-bg:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--gradient-bg);background-attachment:fixed}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:14px 16px;font-size:15px;transition:all .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}.app-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 24px;text-decoration:none;transition:all .3s;display:flex}.app-card:hover{border-color:var(--primary);box-shadow:var(--glow);transform:translateY(-8px)}.app-card-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.app-card-title{font-size:18px;font-weight:600}.app-card-description{color:var(--text-secondary);text-align:center;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-float{animation:6s ease-in-out infinite float}@media (max-width:768px){.glass-card{border-radius:var(--radius-sm)}}