*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#232638;--border:#2e3248;--text:#e8eaf0;--text2:#8b90a8;--accent:#7c6ffa;--accent2:#5b50d6;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--beginner:#34d399;--intermediate:#60a5fa;--advanced:#f59e0b;--expert:#f87171;--radius:10px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}textarea,input,select{font-family:inherit;font-size:inherit;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:6px;outline:none;width:100%;padding:8px 12px;transition:border-color .15s}textarea:focus,input:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.btn{border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:11px 24px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-beginner{color:var(--beginner);background:#34d39926}.badge-intermediate{color:var(--intermediate);background:#60a5fa26}.badge-advanced{color:var(--advanced);background:#f59e0b26}.badge-expert{color:var(--expert);background:#f8717126}.badge-developer{color:var(--accent);background:#7c6ffa26}.badge-pm,.badge-gold{color:var(--warning);background:#fbbf2426}.badge-silver{color:#94a3b8;background:#94a3b826}.badge-platinum{color:#6ee7b7;background:#a7f3d026}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{width:100%;max-width:1100px;margin:0 auto;padding:24px 20px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.grid-3{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-mono{font-family:SF Mono,Fira Code,monospace}.w-full{width:100%}.text-center{text-align:center}