@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800;900&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--background-hsl:210 20% 98%;--foreground-hsl:220 20% 10%;--primary-hsl:220 30% 12%;--primary-foreground-hsl:210 20% 98%;--secondary-hsl:210 16% 93%;--secondary-foreground-hsl:220 20% 15%;--accent-hsl:24 95% 53%;--accent-foreground-hsl:0 0% 100%;--accent-hover-hsl:24 95% 45%;--success-hsl:142 72% 29%;--destructive-hsl:0 84% 60%;--muted-hsl:215 16% 47%;--border-hsl:214 32% 91%;--card-hsl:0 0% 100%;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 8px 30px #0000000f;--shadow-lg:0 20px 40px -15px #0000001a;--shadow-accent:0 10px 25px -5px #f9731640;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{font-family:var(--font-sans);color:hsl(var(--foreground-hsl));background-color:hsl(var(--background-hsl));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;display:flex}a{color:inherit;text-decoration:none;transition:color .25s}a:hover{color:hsl(var(--accent-hsl))}main{flex-grow:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:hsl(var(--foreground-hsl));letter-spacing:-.02em;font-weight:700;line-height:1.25}.gradient-text{background:linear-gradient(135deg, hsl(var(--accent-hsl)) 0%, #f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-bg{background:linear-gradient(135deg, hsl(var(--primary-hsl)) 0%, #0b0e14 100%)}.orange-gradient-bg{background:linear-gradient(135deg, hsl(var(--accent-hsl)) 0%, #ea580c 100%)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:hsl(var(--accent-hsl));color:hsl(var(--accent-foreground-hsl));box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:hsl(var(--accent-hover-hsl));box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:hsl(var(--secondary-hsl));color:hsl(var(--secondary-foreground-hsl));border-color:hsl(var(--border-hsl))}.btn-secondary:hover{background-color:hsl(var(--border-hsl));transform:translateY(-2px)}.btn-outline{color:hsl(var(--foreground-hsl));border:1px solid hsl(var(--border-hsl));background-color:#0000}.btn-outline:hover{background-color:hsl(var(--secondary-hsl));border-color:hsl(var(--foreground-hsl) / .15);transform:translateY(-2px)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{background-color:hsl(var(--card-hsl));border:1px solid hsl(var(--border-hsl));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:hsl(var(--accent-hsl) / .3);transform:translateY(-4px)}.input{width:100%;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid hsl(var(--border-hsl));background-color:hsl(var(--card-hsl));color:hsl(var(--foreground-hsl));outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input:focus{border-color:hsl(var(--accent-hsl));box-shadow:0 0 0 3px hsl(var(--accent-hsl) / .15)}.label{font-family:var(--font-sans);color:hsl(var(--foreground-hsl) / .8);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--background-hsl))}::-webkit-scrollbar-thumb{background:hsl(var(--muted-hsl) / .3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-hsl) / .5)}
