@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Space Grotesk", sans-serif;--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border-color:#e2e8f0;--border-focus:#2563eb;--primary:#2563eb;--primary-light:#3b82f6;--primary-glow:#2563eb26;--accent:#0284c7;--success:#10b981;--danger:#ef4444;--text-main:#0f172a;--text-dim:#475569;--text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 14px -2px #0000000f, 0 2px 6px -2px #0000000a;--shadow-lg:0 12px 30px -4px #00000014, 0 4px 10px -3px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 10% 10%,#2563eb0d 0%,#0000 45%),radial-gradient(circle at 90% 85%,#0ea5e90d 0%,#0000 45%);background-attachment:fixed;min-height:100vh;line-height:1.5}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-fade{animation:.25s ease-out forwards fadeIn}.form-group{margin-bottom:16px}.form-label{color:var(--text-dim);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;outline:none;padding:11px 14px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--border-focus);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.form-input::placeholder{color:#94a3b8}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge-green{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.generator-layout-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=1024px){.generator-layout-grid{grid-template-columns:1fr;gap:24px}}.navbar-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.navbar-nav-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;gap:4px;padding:4px;display:flex}@media (width<=768px){.navbar-container{flex-wrap:wrap;row-gap:12px;padding:10px 16px}.navbar-nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3;justify-content:flex-start;width:100%;padding:4px;overflow-x:auto}.navbar-nav-tabs::-webkit-scrollbar{display:none}.navbar-nav-tabs button{white-space:nowrap;flex-shrink:0;padding:7px 12px!important;font-size:12px!important}.navbar-auth-section{margin-left:auto}.main-content-wrap{padding:20px 16px!important}.hero-title{font-size:26px!important;line-height:1.2!important}}