html{scroll-behavior:smooth}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #10b981;--accent: #f43f5e;--background: #ffffff;--foreground: #0f172a;--card: #ffffff;--card-border: #f1f5f9;--muted: #475569;--muted-light: #f8fafc;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--container-width: 1280px;--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1);--ease-premium: cubic-bezier(.22, 1, .36, 1)}.dark{--background: #050510;--foreground: #f8fafc;--card: #0c0c1a;--card-border: rgba(255, 255, 255, .08);--muted: #cbd5e1;--muted-light: #0f172a}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;transition:background-color .4s var(--ease-premium),color .4s var(--ease-premium)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-lg{padding:8rem 0}.text-gradient{background:linear-gradient(135deg,var(--primary),#8b5cf6,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.1) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(244,63,94,.1) 0%,transparent 40%)}.glass{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#0f172a66;border:1px solid rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:25%;height:200%;background:#fff3;transform:rotate(30deg);transition:all .6s cubic-bezier(.19,1,.22,1);pointer-events:none}.btn-primary:hover:after{left:120%}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #6366f13b;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-outline{background:transparent;border:2px solid var(--card-border);color:var(--foreground)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d;transform:translateY(-2px)}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-100{opacity:1!important}.opacity-0{opacity:0!important}@media(min-width:1024px){.lg\:flex{display:flex!important}.lg\:block{display:block!important}.lg\:hidden{display:none!important}}@media(min-width:640px){.sm\:flex{display:flex!important}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-layout{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:1024px){.app-layout{grid-template-columns:7fr 5fr}}.app-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem}.input-field{width:100%;padding:1rem 1.25rem;border-radius:14px;border:1px solid var(--card-border);background:var(--card);color:var(--foreground);font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.input-field:focus{border-color:var(--primary);background:var(--background);outline:none;box-shadow:0 0 0 4px #6366f11a;transform:translateY(-1px)}select.input-field{appearance:none;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='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;padding-right:3rem;cursor:pointer}.dark select.input-field{background-color:#ffffff08}.select-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem}.range-slider{width:100%;height:6px;cursor:pointer;accent-color:var(--primary)}.form-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;letter-spacing:.05em}.form-group{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-\[90\]{z-index:90}.z-10{z-index:10}a,button,input,select,textarea,.card,.tool-card,.feature-card{transition:all .3s var(--ease-premium)}.skeleton{background:linear-gradient(90deg,var(--muted-light) 25%,rgba(255,255,255,.4) 50%,var(--muted-light) 75%);background-size:200% 100%;animation:skeletonPulse 2s var(--ease-premium) infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:479px){.container{padding:0 1rem}.section{padding:2rem 0}.section-lg{padding:3rem 0}}@media(min-width:480px)and (max-width:767px){.container{padding:0 1.25rem}.section{padding:2.5rem 0}.section-lg{padding:4rem 0}}@media(min-width:768px)and (max-width:1023px){.container{padding:0 2rem}.section{padding:3rem 0}.section-lg{padding:5rem 0}}@media(max-width:479px){.xs\:hidden{display:none!important}.xs\:block{display:block!important}.xs\:flex{display:flex!important}.xs\:grid{display:grid!important}}@media(min-width:480px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:grid{display:grid!important}}@media(min-width:640px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:grid{display:grid!important}}@media(min-width:768px){.lg\:grid{display:grid!important}}@media(min-width:1024px){.xl\:hidden{display:none!important}.xl\:block{display:block!important}.xl\:flex{display:flex!important}.xl\:grid{display:grid!important}}@media(max-width:479px){h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.125rem!important}}@media(min-width:480px)and (max-width:767px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.5rem!important}}@media(max-width:479px){.xs\:gap-2{gap:.5rem!important}.xs\:gap-3{gap:.75rem!important}.xs\:gap-4{gap:1rem!important}.xs\:p-4{padding:1rem!important}.xs\:px-4{padding-left:1rem!important;padding-right:1rem!important}.xs\:py-4{padding-top:1rem!important;padding-bottom:1rem!important}}@media(max-width:767px){.mobile\:flex-col{flex-direction:column!important}.mobile\:items-stretch{align-items:stretch!important}.mobile\:w-full{width:100%!important}}@media(max-width:479px){.xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media(min-width:480px)and (max-width:767px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:768px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:479px){.app-card{padding:1rem;border-radius:12px}}@media(min-width:480px)and (max-width:767px){.app-card{padding:1.5rem;border-radius:16px}}@media(max-width:479px){.btn{padding:.625rem 1rem;font-size:.875rem}}@media(max-width:767px){button,a,input,select,textarea{min-height:44px}.btn{min-height:48px}}body{overflow-x:hidden;width:100%}img{max-width:100%;height:auto}@media(max-width:767px){table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:479px){.text-gradient{font-size:clamp(1.5rem,5vw,2.5rem)}}@media(max-width:767px){.app-layout{grid-template-columns:1fr;gap:1.5rem}}@media(min-width:768px)and (max-width:1023px){.app-layout{grid-template-columns:1fr;gap:2rem}}