:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--shadow: 0 4px 10px rgba(0,0,0,.08);--transition: all .2s ease;--primary-color: hsl(var(--primary));--secondary-color: hsl(175 61% 55%)}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:hsl(var(--foreground));background:hsl(var(--background));min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-full{width:100%;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid hsl(var(--border));border-radius:var(--radius);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);font-size:1rem;background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn:hover{background:hsl(var(--accent)) brightness(.95);transform:translateY(-1px);border-color:hsl(var(--ring))}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.btn-primary:hover{background:hsl(var(--primary)) brightness(.9);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:hsl(var(--primary-foreground))}:root .btn-primary{color:#fff}.dark .btn-primary{color:#000}.btn-secondary{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.btn-secondary:hover{background:color-mix(in hsl,var(--secondary-color) 90%,black);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;color:hsl(var(--foreground))}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;color:hsl(var(--muted-foreground))}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-8{margin-bottom:4rem}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}.navbar{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:1000}.nav-link{color:hsl(var(--muted-foreground))}.nav-link.active{color:var(--secondary-color);background:color-mix(in hsl,var(--secondary-color) 20%,transparent)}input,textarea,select{background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem .75rem}textarea{width:100%}code{background:hsl(var(--muted));color:hsl(var(--foreground));padding:.2rem .4rem;border-radius:.25rem;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.875rem;border:1px solid hsl(var(--border))}:root code{background:#f3f4f6}.dark code{background:hsl(var(--muted))}pre{background:hsl(var(--muted));color:hsl(var(--foreground));padding:1rem;border-radius:var(--radius);overflow-x:auto;border:1px solid hsl(var(--border));font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.875rem;line-height:1.5}pre code{background:transparent;border:none;padding:0}:root{--muted-foreground: 215.4 16.3% 46.9%}.dark{--muted-foreground: 215 20.2% 65.1%}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.rounded{border-radius:var(--radius)}.w-100{width:100%}.text-muted{color:hsl(var(--muted-foreground))}.text-accent{color:var(--secondary-color)}.btn:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}label{color:hsl(var(--foreground));font-weight:500}input:focus,textarea:focus,select:focus{outline:2px solid hsl(var(--ring));outline-offset:0;border-color:hsl(var(--ring))}.card h3,.card h4,.card h5,.card h6{color:hsl(var(--card-foreground))}.subtitle,.description{color:hsl(var(--muted-foreground));font-size:1.1rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-slide-in-right{animation:slideInFromRight .5s ease-out}.animate-slide-in-left{animation:slideInFromLeft .5s ease-out}.animate-slide-out-left{animation:slideOutToLeft .5s ease-in}.animate-slide-out-right{animation:slideOutToRight .5s ease-in}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-bounce{animation:bounce 1s infinite}@keyframes progress{0%{width:0%}to{width:100%}}.animate-progress{animation:progress 4s linear}
