@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-\[5px\]{top:5px}.top-\[11px\]{top:11px}.right-1\/4{right:25%}.bottom-1\/4{bottom:25%}.bottom-\[5px\]{bottom:5px}.bottom-\[11px\]{bottom:11px}.left-1\/2{left:50%}.left-1\/4{left:25%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.max-h-\[calc\(100vh-64px\)\]{max-height:calc(100vh - 64px)}.min-h-\[55vh\]{min-height:55vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[90px\]{min-height:90px}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}nav{height:64px;transition:all .3s}@media (min-width:768px){nav{height:80px}}#mobile-menu,.hamburger-line{transition:all .3s cubic-bezier(.4,0,.2,1)}body.no-scroll{overflow:hidden}.mobile-menu-panel{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 64px);overflow-y:auto}@media (min-width:768px){.mobile-menu-panel{max-height:calc(100vh - 80px)}}@supports (padding:max(0px)){.safe-top{padding-top:max(env(safe-area-inset-top), 0px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom), 0px)}}nav.fixed{z-index:50;height:64px;position:fixed;top:0;left:0;right:0}@media (min-width:768px){nav.fixed{height:80px}}main{padding-top:64px}@media (min-width:768px){main{padding-top:80px}}:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--primary-50:#eef2ff;--secondary:#7c3aed;--secondary-50:#f5f3ff;--accent:#06b6d4;--accent-50:#ecfeff;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #eef2ff 0%, #e0e7ff 30%, #c7d2fe 60%, #a5b4fc 100%);--gradient-hero-dark:linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 70%, #7c3aed 100%);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #4f46e526;--shadow-lg:0 10px 40px #4f46e52e;--shadow-xl:0 20px 60px #4f46e540;--shadow-glow:0 0 40px #4f46e54d;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#0f172a;background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-fadeInUp{animation:.6s ease-out forwards fadeInUp}.animate-fadeInScale{animation:.5s ease-out forwards fadeInScale}.animate-float{animation:3s ease-in-out infinite float}.animate-gradient{background-size:300% 300%;animation:4s ease-in-out infinite gradientMove}.animate-pulse-slow{animation:3s ease-in-out infinite pulse}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0f172acc;border:1px solid #ffffff1a}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#4f46e514 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute}.hero-glow-accent{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.tool-card{background:#fff;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.tool-card .card-icon{margin-bottom:6px;font-size:28px;transition:transform .3s;display:block}.tool-card:hover .card-icon{transform:scale(1.15)}.tool-card .card-title{color:#0f172a;font-size:13px;font-weight:600;line-height:1.4}.input-modern{color:#0f172a;border-radius:var(--radius-sm);background:#f8fafc;border:2px solid #e2e8f0;transition:all .2s}.input-modern:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #4f46e51a}.input-modern:hover:not(:focus){background:#f1f5f9;border-color:#94a3b8}.input-modern::placeholder{color:#94a3b8}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 28px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:2px solid #e2e8f0;padding:12px 28px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:#f8fafc;transform:translateY(-2px)}select{appearance:none;color:#0f172a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:48px}@layer utilities{.touch-target{min-width:44px;min-height:44px}}@media (prefers-color-scheme:dark){body{color:#f8fafc;background:#0f172a}.glass{background:#1e293bd9;border-color:#ffffff0d}.tool-card{background:#1e293b;border-color:#334155}.tool-card .card-title{color:#f8fafc}.input-modern{color:#f8fafc;background:#1e293b;border-color:#334155}.input-modern:focus{border-color:var(--primary-light);background:#1e293b}.input-modern::placeholder{color:#64748b}select{color:#f8fafc;background-color:#1e293b;border-color:#334155}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}