/* Minimal bootstrap-inspired palette for JobSeeker */
:root {--bs-primary:#5b5bd6;--bs-secondary:#ff7a59;--bs-light:#f5f7fb;--bs-dark:#0b1021;--bs-success:#2ecc71;--bs-danger:#e74c3c;--bs-warning:#f1c40f;}
 *{box-sizing:border-box;}html,body{height:100%;}body{margin:0;font-family:'Segoe UI',sans-serif;background:radial-gradient(circle at 20% 20%,#f9fbff,#eef1ff 45%,#e7ebff);display:flex;flex-direction:column;}a{color:var(--bs-primary);text-decoration:none;}a:hover{text-decoration:underline;}h1,h2,h3,h4{color:var(--bs-dark);}header.navbar{background:linear-gradient(90deg,#0b1021,#141b38);border-bottom:1px solid #0f1531;box-shadow:0 8px 20px rgba(0,0,0,.18);}header .nav-inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:24px;justify-content:space-between;}header .brand{font-weight:800;color:#fff;font-size:20px;letter-spacing:-.2px;}header .brand-badge{background:rgba(91,91,214,.15);color:#cdd4ff;padding:4px 8px;border-radius:10px;font-size:12px;margin-left:8px;border:1px solid rgba(255,255,255,.08);}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center;}nav ul li{display:inline-block;}nav ul li a{padding:10px 14px;border-radius:12px;transition:.2s;font-weight:600;color:#dfe5ff;}nav ul li a:hover,nav ul li a.active{background:rgba(255,255,255,.08);color:#fff;}main{max-width:1280px;margin:50px auto;padding:0 24px 120px;flex:1;}footer{padding:24px;text-align:center;background:#0b1021;color:#fff;margin-top:auto;} .btn{display:inline-block;padding:10px 18px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 10px 24px rgba(91,91,214,.25);} .btn-primary{background:var(--bs-primary);color:#fff;} .btn-secondary{background:var(--bs-secondary);color:#fff;} .btn-light{background:var(--bs-light);color:var(--bs-dark);} .btn-danger{background:var(--bs-danger);color:#fff;} .btn-outline{background:transparent;border:1px solid #d0d5e2;color:var(--bs-dark);} header .btn-outline{color:#fff;border-color:#dfe5ff;} .card{background:#fff;border-radius:18px;padding:22px;margin-bottom:22px;box-shadow:0 14px 32px rgba(15,23,42,.12);border:1px solid #e9edfb;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;} .form-group{margin-bottom:16px;} label{display:block;margin-bottom:6px;font-weight:600;} input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #d0d5e2;font-size:15px;} table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;} th,td{padding:12px;border-bottom:1px solid #eef1f6;} th{background:#f2f4fa;text-align:left;} .badge{padding:6px 10px;border-radius:10px;font-size:12px;} .badge-success{background:rgba(46,204,113,.12);color:#1e874b;} .badge-danger{background:rgba(231,76,60,.12);color:#c0392b;} .hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:24px;} .hero-visual{background:linear-gradient(160deg,#5b5bd6,#7e5bd6);color:#fff;border-radius:20px;padding:28px;box-shadow:0 16px 38px rgba(91,91,214,.35);} .hero-visual h3{color:#fff;margin-top:0;} .stat{background:#fff;border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(11,16,33,.1);} .wizard-steps{display:flex;gap:12px;flex-wrap:wrap;} .wizard-step{flex:1;min-width:180px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 5px 18px rgba(0,0,0,.05);} .alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;} .alert-success{background:rgba(46,204,113,.12);color:#1e874b;} .alert-danger{background:rgba(231,76,60,.12);color:#c0392b;} .alert-info{background:rgba(52,152,219,.1);color:#1f6fa7;} .nav-cta{display:flex;gap:10px;align-items:center;} .ribbon{border-left:4px solid var(--bs-primary);background:linear-gradient(135deg,#fff,#f7f8ff);} .eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#5b5bd6;margin:0 0 4px;} .muted{color:#6b7280;font-size:14px;} .progress{background:#eef1f8;border-radius:14px;overflow:hidden;height:18px;margin:10px 0 6px;position:relative;} .progress-bar{height:100%;background:linear-gradient(90deg,#5b5bd6,#7e5bd6);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;} .progress-bar-animated{animation:pulse 1.6s infinite;} @keyframes pulse{0%{filter:brightness(1);}50%{filter:brightness(1.35);}100%{filter:brightness(1);}}