@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap";
:root{--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", sans-serif;--background-hsl:35, 30%, 96%;--foreground-hsl:20, 20%, 12%;--primary-hsl:20, 85%, 58%;--primary-hover-hsl:20, 85%, 50%;--primary-foreground-hsl:0, 0%, 100%;--secondary-hsl:32, 25%, 85%;--secondary-hover-hsl:32, 25%, 78%;--secondary-foreground-hsl:20, 30%, 15%;--accent-hsl:345, 75%, 55%;--accent-foreground-hsl:0, 0%, 100%;--muted-hsl:25, 10%, 45%;--muted-background-hsl:35, 15%, 90%;--border-hsl:25, 15%, 82%;--input-hsl:25, 20%, 92%;--ring-hsl:20, 85%, 58%;--glass-bg:#fdfbf7b3;--glass-border:#c8b4a059;--glass-blur:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #78502814, 0 4px 6px -4px #7850280d;--shadow-xl:0 20px 25px -5px #7850281f, 0 8px 10px -6px #78502814;--shadow-glow:0 0 20px 2px #eb5e2833;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--background-hsl:20, 16%, 8%;--foreground-hsl:35, 20%, 93%;--primary-hsl:20, 85%, 62%;--primary-hover-hsl:20, 90%, 68%;--primary-foreground-hsl:20, 16%, 8%;--secondary-hsl:20, 12%, 18%;--secondary-hover-hsl:20, 12%, 24%;--secondary-foreground-hsl:35, 20%, 93%;--accent-hsl:345, 80%, 65%;--accent-foreground-hsl:20, 16%, 8%;--muted-hsl:20, 10%, 65%;--muted-background-hsl:20, 12%, 15%;--border-hsl:20, 12%, 16%;--input-hsl:20, 12%, 14%;--ring-hsl:20, 85%, 62%;--glass-bg:#161210bf;--glass-border:#ffffff14;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 25px 2px #f3722c40}}[data-theme=dark]{--background-hsl:20, 16%, 8%;--foreground-hsl:35, 20%, 93%;--primary-hsl:20, 85%, 62%;--primary-hover-hsl:20, 90%, 68%;--primary-foreground-hsl:20, 16%, 8%;--secondary-hsl:20, 12%, 18%;--secondary-hover-hsl:20, 12%, 24%;--secondary-foreground-hsl:35, 20%, 93%;--accent-hsl:345, 80%, 65%;--accent-foreground-hsl:20, 16%, 8%;--muted-hsl:20, 10%, 65%;--muted-background-hsl:20, 12%, 15%;--border-hsl:20, 12%, 16%;--input-hsl:20, 12%, 14%;--ring-hsl:20, 85%, 62%;--glass-bg:#161210bf;--glass-border:#ffffff14;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 25px 2px #f3722c40}[data-theme=light]{--background-hsl:35, 30%, 96%;--foreground-hsl:20, 20%, 12%;--primary-hsl:20, 85%, 58%;--primary-hover-hsl:20, 85%, 50%;--primary-foreground-hsl:0, 0%, 100%;--secondary-hsl:32, 25%, 85%;--secondary-hover-hsl:32, 25%, 78%;--secondary-foreground-hsl:20, 30%, 15%;--accent-hsl:345, 75%, 55%;--accent-foreground-hsl:0, 0%, 100%;--muted-hsl:25, 10%, 45%;--muted-background-hsl:35, 15%, 90%;--border-hsl:25, 15%, 82%;--input-hsl:25, 20%, 92%;--ring-hsl:20, 85%, 58%;--glass-bg:#fdfbf7b3;--glass-border:#c8b4a059;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #78502814, 0 4px 6px -4px #7850280d;--shadow-xl:0 20px 25px -5px #7850281f, 0 8px 10px -6px #78502814;--shadow-glow:0 0 20px 2px #eb5e2826}body{font-family:var(--font-sans);background-color:hsl(var(--background-hsl));color:hsl(var(--foreground-hsl));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:hsl(var(--foreground-hsl));font-weight:700;line-height:1.25}p{color:hsl(var(--muted-hsl));line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border-hsl));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-hsl))}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-xl);border-color:hsl(var(--primary-hsl), .3);transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg, hsl(var(--primary-hsl)) 0%, hsl(var(--accent-hsl)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg, hsl(var(--primary-hsl)) 0%, hsl(var(--accent-hsl)) 100%)}.gradient-glow{position:relative}.gradient-glow:before{content:"";background:linear-gradient(135deg, hsl(var(--primary-hsl)), hsl(var(--accent-hsl)));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal);filter:blur(8px);position:absolute;inset:-1px}.gradient-glow:hover:before{opacity:.6}button,.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary-hsl)) 0%, hsl(var(--primary-hover-hsl)) 100%);color:hsl(var(--primary-foreground-hsl));box-shadow:var(--shadow-md), 0 4px 10px hsl(var(--primary-hsl), .2)}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);opacity:.95;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:hsl(var(--muted-background-hsl));color:hsl(var(--muted-hsl));box-shadow:none;cursor:not-allowed;transform:none}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-secondary{background:hsl(var(--secondary-hsl));color:hsl(var(--secondary-foreground-hsl));border:1px solid hsl(var(--border-hsl))}.btn-secondary:hover{background:hsl(var(--secondary-hover-hsl));transform:translateY(-1px)}.btn-secondary:active{transform:translateY(1px)}.btn-outline{color:hsl(var(--foreground-hsl));border:1px solid hsl(var(--border-hsl));background:0 0}.btn-outline:hover{background:hsl(var(--secondary-hsl));border-color:hsl(var(--muted-hsl))}.btn-text{color:hsl(var(--muted-hsl));background:0 0;padding:.5rem 1rem}.btn-text:hover{color:hsl(var(--foreground-hsl));background:hsl(var(--secondary-hsl), .5)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{font-family:var(--font-display);color:hsl(var(--foreground-hsl));font-size:.875rem;font-weight:500}.form-input{border-radius:var(--radius-md);border:1px solid hsl(var(--border-hsl));background-color:hsl(var(--input-hsl));width:100%;color:hsl(var(--foreground-hsl));font-family:var(--font-sans);transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}.form-input:focus{border-color:hsl(var(--ring-hsl));box-shadow:0 0 0 3px hsl(var(--ring-hsl), .15);outline:none}.form-input::placeholder{color:hsl(var(--muted-hsl));opacity:.6}.form-input:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-spin{animation:1s linear infinite spin}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:#22c55e;background-color:#22c55e26}.badge-warning{color:#eab308;background-color:#eab30826}.badge-error{color:#ef4444;background-color:#ef444426}.badge-info{color:#3b82f6;background-color:#3b82f626}.badge-primary{background-color:hsl(var(--primary-hsl), .15);color:hsl(var(--primary-hsl))}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.layout-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.layout-grid{grid-template-columns:280px 1fr}}.line-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}