:root{--spark: #F59E0B;--spark-lt: #FCD34D;--spark-dk: #D97706;--spark-dim: rgba(245,158,11,.1);--spark-glow: rgba(245,158,11,.25);--bg-0: #060606;--bg-1: #0C0C0C;--bg-2: #111111;--bg-3: #171717;--bg-4: #1F1F1F;--text-1: #F5F5F5;--text-2: #A3A3A3;--text-3: #6B6B6B;--text-4: #3A3A3A;--line-1: #1A1A1A;--line-2: #262626;--line-3: #333333;--green: #10B981;--red: #EF4444;--blue: #3B82F6;--purple: #8B5CF6;--f-sans: "Inter", -apple-system, sans-serif;--f-mono: "JetBrains Mono", monospace;--t-fast: all .15s ease;--t-mid: all .25s ease;--max-w: 1200px;--nav-h: 60px;background:var(--bg-0);color:var(--text-1);font-family:var(--f-sans);line-height:1.6;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-0);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%}input,textarea,select{font-family:inherit;color:var(--text-1);background:var(--bg-3);border:1px solid var(--line-2);border-radius:8px;padding:0 14px;height:40px;font-size:14px;outline:none;transition:var(--t-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--spark);box-shadow:0 0 0 3px var(--spark-dim)}textarea{height:auto;padding:12px 14px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-4)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section{padding:64px 0}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 18px;height:40px;font-size:14px;font-weight:600;border-radius:8px;transition:var(--t-fast);white-space:nowrap;border:1px solid transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-spark{background:var(--spark);color:#000;border-color:var(--spark)}.btn-spark:hover:not(:disabled){background:var(--spark-lt);box-shadow:0 0 20px var(--spark-glow)}.btn-outline{background:transparent;color:var(--text-2);border-color:var(--line-3)}.btn-outline:hover:not(:disabled){border-color:var(--spark);color:var(--spark)}.btn-ghost{background:transparent;color:var(--text-3);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text-1)}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:6px}.btn-lg{height:48px;padding:0 28px;font-size:15px;border-radius:10px}.card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:12px;transition:var(--t-fast)}.card:hover{border-color:var(--line-3)}.card-spark:hover{border-color:var(--spark);box-shadow:0 0 24px var(--spark-dim)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em;font-family:var(--f-mono)}.badge-spark{background:var(--spark-dim);color:var(--spark);border:1px solid rgba(245,158,11,.2)}.badge-green{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.2)}.badge-purple{background:#8b5cf61a;color:var(--purple);border:1px solid rgba(139,92,246,.2)}.badge-blue{background:#3b82f61a;color:var(--blue);border:1px solid rgba(59,130,246,.2)}.badge-gray{background:var(--bg-3);color:var(--text-3);border:1px solid var(--line-2)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-family:var(--f-mono);background:var(--bg-3);color:var(--text-3);border:1px solid var(--line-2);transition:var(--t-fast);cursor:pointer}.tag:hover{border-color:var(--spark);color:var(--spark)}.tag.active{background:var(--spark-dim);color:var(--spark);border-color:var(--spark)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-3);transition:var(--t-fast);border:1px solid transparent}.icon-btn:hover{background:var(--bg-3);color:var(--text-1);border-color:var(--line-2)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:600px 100%;animation:shimmer 1.5s infinite;border-radius:6px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}@media (max-width: 768px){.container{padding:0 16px}.section{padding:48px 0}}