@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-main:#f4f6f8;--bg-surface:#ffffff;--bg-glass:rgba(255,255,255,0.7);--bg-glass-hover:rgba(255,255,255,0.9);--text-main:#111827;--text-muted:#6b7280;--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#0ea5e9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border-color:#e5e7eb;--border-glass:rgba(255,255,255,0.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-glass:0 8px 32px 0 rgba(31,38,135,0.07);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out}@media (prefers-color-scheme:dark){:root{--bg-main:#111827;--bg-surface:#1f2937;--bg-glass:rgba(31,41,55,0.7);--bg-glass-hover:rgba(31,41,55,0.9);--text-main:#f9fafb;--text-muted:#9ca3af;--primary:#6366f1;--primary-hover:#818cf8;--secondary:#38bdf8;--border-color:#374151;--border-glass:rgba(255,255,255,0.05);--shadow-glass:0 8px 32px 0 rgba(0,0,0,0.3)}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.glass-panel:hover{background:var(--bg-glass-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.input-base{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-base:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.btn-primary{background-color:var(--primary);color:white;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 14px 0 rgba(79,70,229,.39)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.4)}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-surface);border-color:var(--text-muted)}