:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-secondary: #6366f1;--success: #10b981;--error: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.card{background-color:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;flex:1 1 300px;max-width:600px;min-width:300px;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#fff3}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.75}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.justify-between{justify-content:space-between}.space-y-12>*+*{margin-top:3rem}.items-center{align-items:center}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.spinner{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top:3px solid var(--accent-primary);width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.competency-wrapper{flex:1;min-width:0;overflow:auto;padding:1rem}.competency-scroll-container{min-width:max-content}.competency-grid-row{display:grid;grid-template-columns:300px repeat(14,150px);gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0}.competency-grid-row:hover{background-color:#ffffff05}.competency-header{position:sticky;top:0;background-color:var(--bg-primary);z-index:10;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:none}.header-cell{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem;border-bottom:2px solid transparent;text-align:center;display:flex;align-items:flex-end;justify-content:center;line-height:1.2;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;overflow-wrap:break-word}.w-full{width:100%}.flex-row{display:flex;flex-direction:row}.items-end{align-items:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.w-32{width:8rem}.gap-6{gap:1.5rem}.gap-2{gap:.5rem}@media(min-width:768px){.md-flex-row{flex-direction:row}}.border-l{border-left:1px solid}.pl-8{padding-left:2rem}.bg-green-600{background-color:#16a34a}.border-green-500{border-color:#22c55e}.shadow-green-900\/40{box-shadow:0 10px 15px -3px #14532d66}.bg-emerald-600{background-color:#059669}.border-emerald-500{border-color:#10b981}.shadow-emerald-900\/40{box-shadow:0 10px 15px -3px #064e3b66}.bg-slate-800{background-color:#1e293b}.bg-slate-800\/50{background-color:#1e293b80}.border-slate-700\/50{border-color:#33415580}.hover\:bg-slate-800:hover{background-color:#1e293b}.hover\:border-slate-500:hover{border-color:#64748b}.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-green-100{color:#dcfce7}.text-green-100\/90{color:#dcfce7e6}.text-emerald-100{color:#d1fae5}.text-emerald-100\/90{color:#d1fae5e6}.group:hover .group-hover\:text-slate-300{color:#cbd5e1}