@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#030712;--bg-panel:#111827b3;--primary:#6366f1;--primary-glow:#6366f180;--accent:#ec4899;--text-white:#fff;--text-gray:#9ca3af;--glass-border:#ffffff1a;--glass-highlight:#ffffff0d}*{box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-white);background-image:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#ec489926,#0000 25%);min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.nav-fixed{z-index:1000;padding-top:1rem;position:fixed;top:0;left:0;right:0}.nav-container{border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.logo-container{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.logo-text{color:var(--text-white);font-size:1.25rem;font-weight:700}.nav-links{gap:2rem;display:none}.nav-link{color:var(--text-gray);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-white)}.mobile-toggle{color:var(--text-white);cursor:pointer;background:0 0;border:none;display:block}@media (min-width:768px){.nav-links{align-items:center;display:flex}.mobile-toggle{display:none}.cta-btn-container{display:block}}.mobile-menu{z-index:100;background-color:#0f172a;border:1px solid #ffffff1a;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.5rem;display:flex;position:relative}.hero{text-align:center;padding-top:8rem;padding-bottom:4rem;position:relative}.hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--text-gray);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.hero-actions{justify-content:center;gap:1rem;display:flex}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0;display:grid}.tool-card{cursor:pointer;padding:2rem;text-decoration:none;transition:transform .3s,border-color .3s;display:block}.tool-card:hover{border-color:#ffffff4d;transform:translateY(-5px)}.tool-icon{width:48px;height:48px;color:var(--primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.tool-title{color:var(--text-white);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.tool-desc{color:var(--text-gray);font-size:.9rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-10{padding:2.5rem}.pb-2{padding-bottom:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.block{display:block}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-b{border-bottom:1px solid var(--glass-border)}.border-2{border-width:2px}.border-dashed{border-style:dashed}.bg-white-5{background-color:#ffffff0d}.bg-white-10{background-color:#ffffff1a}.border-white-5{border-color:#ffffff0d}.bg-primary-10{background-color:#6366f11a}.text-center{text-align:center}.text-left{text-align:left}.text-white{color:var(--text-white)}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-primary{color:var(--primary)}.text-red-400{color:#f87171}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.pt-10{padding-top:2.5rem}.pb-32{padding-bottom:8rem}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-3{gap:.75rem}.aspect-square{aspect-ratio:1}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.transition-colors{transition:background-color .2s,color .2s}.transition-all{transition:all .2s}.hover-bg-white-10:hover{background-color:#ffffff1a}.hover-text-white:hover{color:#fff}.border-white-10{border-color:#ffffff1a}.hover-border-white-20:hover{border-color:#fff3}.border-primary{border-color:var(--primary)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.relative{position:relative}.absolute{position:absolute}.top-1\/2{top:50%}.left-4{left:1rem}.-translate-y-1\/2{transform:translateY(-50%)}.right-4{right:1rem}.top-4{top:1rem}.input-dark{color:#fff;background-color:#0f172a;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:1rem;transition:border-color .2s}.input-dark:focus{border-color:var(--primary)}input::placeholder{color:#6b7280}input:-webkit-autofill{-webkit-text-fill-color:white!important;caret-color:#fff!important;color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:hover{-webkit-text-fill-color:white!important;caret-color:#fff!important;color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:focus{-webkit-text-fill-color:white!important;caret-color:#fff!important;color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}input:-webkit-autofill:active{-webkit-text-fill-color:white!important;caret-color:#fff!important;color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}