@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-color:#eef2f7;--bg-gradient:linear-gradient(135deg,#f5f7fa,#eef2f7);--card-bg:#eef2f7;--text-primary:#3d4f66;--text-secondary:#607189;--text-muted:#8c9fb6;--primary:#4d8bf5;--primary-hover:#3572e0;--primary-gradient:linear-gradient(135deg,#609bf8,#3575df);--success:#26a96c;--success-bg:rgba(38,169,108,.1);--warning:#f1a93c;--warning-bg:rgba(241,169,60,.1);--danger:#e65c5c;--danger-bg:rgba(230,92,92,.1);--font-sans:"Inter",sans-serif;--font-display:"Outfit",sans-serif;--nm-out:8px 8px 16px #d1d9e6,-8px -8px 16px #fff;--nm-out-sm:4px 4px 8px #d1d9e6,-4px -4px 8px #fff;--nm-out-lg:12px 12px 24px #d1d9e6,-12px -12px 24px #fff;--nm-in:inset 6px 6px 12px #d1d9e6,inset -6px -6px 12px #fff;--nm-in-sm:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #fff;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--transition-fast:0.15s ease;--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color);box-shadow:var(--nm-in-sm)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card{background:var(--card-bg);border:none;border-radius:var(--radius-md);padding:24px;box-shadow:var(--nm-out);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--nm-out-lg);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:14px;padding:12px 24px;border-radius:9999px;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;outline:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:4px 4px 10px rgba(77,139,245,.25),-4px -4px 10px #fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:2px 2px 6px rgba(77,139,245,.3),-2px -2px 6px #fff;transform:translateY(1px)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--nm-out-sm)}.btn-secondary:hover{box-shadow:var(--nm-in-sm)}.btn-danger{background:var(--danger);color:#fff;box-shadow:4px 4px 10px rgba(230,92,92,.25),-4px -4px 10px #fff}.btn-danger:hover{background:#e04b4b;box-shadow:2px 2px 6px rgba(230,92,92,.3),-2px -2px 6px #fff}.btn-disabled{background:var(--bg-color)!important;color:var(--text-muted)!important;box-shadow:var(--nm-in-sm)!important;cursor:not-allowed!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;background:var(--bg-color);border:none;border-radius:var(--radius-sm);padding:14px 20px;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);box-shadow:var(--nm-in);transition:all var(--transition-fast);outline:none}.form-input:focus{box-shadow:var(--nm-in),0 0 0 2px rgba(77,139,245,.15)}.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.05em;box-shadow:var(--nm-out-sm)}.badge-free{background:var(--bg-color);color:var(--text-secondary)}.badge-paid{background:var(--primary-gradient);color:#fff;box-shadow:2px 2px 6px rgba(77,139,245,.2)}.badge-pro{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:2px 2px 6px rgba(139,92,246,.2)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}