body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:28px auto;padding:16px}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 6px 18px #0206170f;margin-bottom:16px}.grid{display:grid;gap:16px;grid-template-columns:1fr 360px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.form-row{display:flex;gap:12px;align-items:center}.form-row label{flex:1;display:flex;justify-content:space-between;gap:12px;align-items:center}input,select{padding:8px 10px;border-radius:6px;border:1px solid #e6edf3;background:#fbfdff}button{background:#2563eb;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer}.result{background:#fbfdff;padding:10px;border-radius:8px;margin-top:10px}.quiz-button-secondary{background:#1e293b;color:#fff;border:none;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:center}.quiz-button-secondary:hover{background:#334155}.small{font-size:.9rem;color:#475569}.tip{margin:6px 0;padding:10px;border-left:4px solid #2563eb;background:#fff;border-radius:4px}nav.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a;color:#fff}nav.navbar a{color:#fff;margin-left:8px}.navbar-brand{font-weight:700}.navbar-user{margin-right:1rem;color:#cbd5e1}.role-tag{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-left:.5rem}.role-tag.employee{background-color:#2563eb;color:#fff}.role-tag.employer{background-color:#16a34a;color:#fff}.navbar-logout{background:transparent;border:1px solid #334155;padding:6px 10px}.form-row-slider{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-row-slider label{margin-bottom:.5rem;color:#475569}.form-row-slider input[type=range]{width:100%}.error-message{color:#d93025;text-align:center;margin:1rem 0}.result-score{font-size:3rem;font-weight:700;color:#2563eb;text-align:center;margin:1rem 0}.quiz-container{max-width:700px;margin:2rem auto;padding:2rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:sans-serif}.quiz-container h2{text-align:center;color:#333;margin-bottom:1.5rem}.question-block{margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:6px;border:1px solid #eee}.question-text{font-size:1.1rem;font-weight:600;color:#444;margin-bottom:1rem}.options-container{display:flex;justify-content:space-between;flex-wrap:wrap}.option-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:.9rem;color:#666}.option-label input[type=radio]{margin-bottom:.5rem}.quiz-button{display:block;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.quiz-button:hover{background-color:#0056b3}.result-score{font-size:4rem;font-weight:700;color:#007bff;text-align:center;margin:1rem 0 2rem}.result-tips ul{list-style-type:disc;padding-left:20px}.result-tips li{margin-bottom:.75rem;line-height:1.5}:root{--brand:#2563eb;--bg:#f8fafc;--muted:#64748b}:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #10b981;--accent: #f43f5e;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--ease-spring: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}body{background-color:var(--background);color:var(--text-main)}.hover-lift{transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring);will-change:transform,box-shadow}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-animate{transition:transform .1s var(--ease-smooth),background-color .2s}.btn-animate:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s var(--ease-smooth) forwards;opacity:0}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:1em;width:100%;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}input[type=range]{accent-color:var(--primary);cursor:pointer}@keyframes borderPulse{0%,to{box-shadow:0 6px 18px #0206170f,0 0 #2563eb00}50%{box-shadow:0 6px 18px #0206170f,0 0 0 4px #2563eb66}}.flow-step{animation:borderPulse 4s infinite ease-in-out}.flow-step:hover{animation:none}