:root{--bg-primary:#0f1419;--bg-secondary:#1a202c;--bg-tertiary:#2d3748;--bg-accent:#374151;--text-primary:#fff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-disabled:#6b7280;--border-color:#2d3748;--border-focus:#4c6ef5;--accent-primary:#4c6ef5;--accent-secondary:#7c3aed;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5);--shadow-glow:0 4px 12px rgba(76,110,245,.3);--radius:8px;--radius-sm:4px;--radius-lg:12px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"Fira Code","SF Mono",Monaco,monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-size:16px;scroll-behavior:smooth}body{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--space-4);letter-spacing:-.025em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4);color:var(--text-secondary)}input,select,textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(76,110,245,.1)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius);background:var(--accent-primary);color:#fff;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}button:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:translateY(0)}button:disabled{background:var(--text-disabled);cursor:not-allowed;transform:none;opacity:.6}button.secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color)}button.secondary:hover{background:var(--bg-accent);border-color:var(--text-muted);color:var(--text-primary)}button.danger{background:var(--accent-error)}button.danger:hover{background:#dc2626}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.card-header h3{margin-bottom:var(--space-2)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-error{color:var(--accent-error)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:rgba(76,110,245,.3);color:var(--text-primary)}::-moz-selection{background:rgba(76,110,245,.3);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--accent-primary);border-radius:50%;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){html{font-size:14px}.container{padding:0 var(--space-3)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.card{padding:var(--space-4)}button{padding:var(--space-3) var(--space-4);font-size:.9rem}.mobile-p-4{padding:var(--space-4)}.mobile-mt-6{margin-top:var(--space-6)}.mobile-gap-4{gap:var(--space-4)}}@media (max-width:480px){:root{--space-4:0.875rem;--space-6:1.25rem;--space-8:1.75rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.card{padding:var(--space-3)}}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.border-b{border-bottom:1px solid var(--border-color)}.border-gray-700{border-color:var(--border-color)}.border-b-2{border-bottom-width:2px}.border-transparent{border-color:transparent}.border-blue-500{border-color:var(--accent-primary)}.text-blue-400{color:var(--accent-primary)}.text-gray-300{color:var(--text-secondary)}.text-warning{color:var(--accent-warning)}.transition-colors{transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}.hover\:text-gray-300:hover{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}textarea[style*="resize: vertical"]{resize:vertical;min-height:100px}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.block{display:block}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--border-color:currentColor}}@media (forced-colors:active){*{forced-color-adjust:auto}}