@theme{  --color-brand-50: #eef2ff; --color-brand-100: #e0e7ff; --color-brand-200: #c7d2fe; --color-brand-300: #a5b4fc; --color-brand-400: #818cf8; --color-brand-500: #6366f1; --color-brand-600: #4f46e5; --color-brand-700: #4338ca; --color-brand-800: #3730a3; --color-brand-900: #312e81;   --color-accent-400: #fbbf24; --color-accent-500: #f59e0b; --color-accent-600: #d97706;   --color-dark-900: #030712; --color-dark-800: #0f172a; --color-dark-700: #1e293b;   --color-primary-50: #eef2ff; --color-primary-100: #e0e7ff; --color-primary-400: #818cf8; --color-primary-500: #6366f1; --color-primary-600: #4f46e5; --color-primary-700: #4338ca;}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#0f172a;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.gradient-text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 60%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-white{background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-amber{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-gradient{background:linear-gradient(#030712 0%,#0f172a 55%,#1a1240 100%)}.section-dark{background:#030712}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 24px #6366f14d}50%{box-shadow:0 0 48px #6366f199}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.65s ease-out forwards fadeInUp}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.animate-float{animation:3s ease-in-out infinite float}.btn-primary{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.875rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 12px 32px #4f46e566}.btn-primary:active{transform:translateY(0)}.btn-ghost-white{color:#fff;cursor:pointer;letter-spacing:-.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.875rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost-white:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-1px)}.btn-outline{color:#4f46e5;cursor:pointer;letter-spacing:-.01em;background:0 0;border:1.5px solid #c7d2fe;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.875rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{background:#eef2ff;border-color:#818cf8;transform:translateY(-1px)}.tool-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;flex-direction:column;gap:.875rem;padding:1.5rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";opacity:0;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#06b6d4);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 36px #4f46e521}.tool-card:hover:after{opacity:1}.pricing-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:1.5rem;padding:2.25rem;transition:all .25s;position:relative}.pricing-card:not(.featured):hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 36px #4f46e51a}.pricing-card.featured{color:#fff;background:linear-gradient(155deg,#4338ca 0%,#4f46e5 45%,#6366f1 100%);border-color:#0000;transform:scale(1.04);box-shadow:0 30px 64px #4f46e573}.section-tag{color:#6366f1;letter-spacing:.07em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.section-tag-dark{color:#a5b4fc;letter-spacing:.07em;text-transform:uppercase;background:#6366f133;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-new{color:#166534;background:#dcfce7}.badge-popular{color:#92400e;background:#fef3c7}.badge-pro{color:#5b21b6;background:#ede9fe}.badge-coming{color:#64748b;background:#f1f5f9}.badge-free{color:#065f46;background:#d1fae5}.stat-number{letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:800;line-height:1}.stat-label{color:#ffffff8c;margin-top:.375rem;font-size:.875rem}.form-input{color:#0f172a;background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:#9ca3af}.form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.icon-box{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.375rem;display:flex}.icon-box-dark{color:#a5b4fc;background:#6366f126;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.375rem;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}:focus-visible{outline-offset:2px;outline:2px solid #6366f1}::selection{color:#1e1b4b;background:#c7d2fe}