:root{--color-primary:#0a1628;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-bg:#f8f9fa;--color-card:#ffffff;--color-border:#e5e7eb;--color-text:#111827;--color-text-secondary:#6b7280;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-star:#fbbf24;--color-badge-verified:#3b82f6;--color-badge-premier:#7c3aed;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.10);--font-main:'Inter',system-ui,-apple-system,sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-main);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-2);color:var(--color-primary)}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600;margin-top:var(--space-4)}h3{font-size:1.2rem;font-weight:600;margin-top:var(--space-3)}@media (min-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}p{margin:0 0 var(--space-2)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-3) 0}small{font-size:0.875rem}.muted{color:var(--color-text-secondary)}.muted.small{font-size:0.875rem}.text-center{text-align:center}.skip-link{position:absolute;left:-1000px;top:0;background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-2);z-index:1000}.skip-link:focus{left:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-2)}@media (min-width:768px){.container{padding:0 var(--space-3)}}.container.narrow{max-width:760px}/* Header */ .site-header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;gap:var(--space-2)}.brand{display:flex;align-items:center;gap:var(--space-1);font-weight:700;color:var(--color-primary);font-size:1.25rem;text-decoration:none}.brand-mark{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:var(--radius);display:grid;place-items:center}.nav-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;font-size:1.25rem;cursor:pointer}.site-nav{display:none}.site-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:var(--space-2)}.site-nav a{color:var(--color-text);padding:8px 12px;min-height:44px;min-width:44px;display:inline-flex;align-items:center}.site-nav .nav-icon{position:relative}.site-nav .badge{position:absolute;top:0;right:0;background:var(--color-danger);color:#fff;border-radius:999px;font-size:0.75rem;padding:2px 6px;min-width:20px;text-align:center;line-height:1.2}@media (min-width:768px){.nav-toggle{display:none}.site-nav{display:block}}.site-nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border)}.site-nav.open ul{flex-direction:column;padding:var(--space-2);gap:0}.site-nav.open li{width:100%}.site-nav.open a{width:100%;padding:14px var(--space-2);border-bottom:1px solid var(--color-border)}/* Buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px;font-family:inherit;font-size:1rem;transition:background .15s,transform .1s}.btn:hover{text-decoration:none}.btn-accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-outline{background:#fff;color:var(--color-primary);border-color:var(--color-border)}.btn-outline:hover{background:var(--color-bg)}.btn-google{background:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-google:hover{background:var(--color-bg)}.btn-sm{padding:8px 14px;font-size:0.875rem;min-height:36px}.btn-lg{padding:16px 28px;font-size:1.1rem}.btn-block{display:flex;align-items:center;justify-content:center;width:100%}.btn-icon{background:none;border:none;cursor:pointer;padding:8px}/* Hero */ .hero{background:linear-gradient(135deg,var(--color-primary) 0%,#1e3a5f 100%);color:#fff;padding:var(--space-6) 0;text-align:center}.hero h1{color:#fff;font-size:2rem;margin-bottom:var(--space-2)}@media (min-width:768px){.hero h1{font-size:3rem}.hero{padding:var(--space-8) 0}}.hero-sub{font-size:1.15rem;max-width:700px;margin:0 auto var(--space-3);color:rgba(255,255,255,0.85)}.hero-ctas{display:flex;align-items:center;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin:var(--space-3) 0}.hero-stats{display:flex;align-items:flex-start;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-4)}.stat .stat-num{font-size:2rem;font-weight:700}.stat .stat-label{font-size:0.875rem;opacity:.8}/* Sections */ .section{padding:var(--space-4) 0}.section-alt{background:#fff}.section-lead{color:var(--color-text-secondary);margin-bottom:var(--space-3)}/* Answer box */ .answer-box{background:#eff6ff;border-left:4px solid var(--color-accent);padding:var(--space-2) var(--space-3);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:var(--space-3)}.answer-box strong{color:var(--color-primary)}/* Trust bar */ .trust-bar{background:var(--color-primary);color:#fff;padding:var(--space-2) 0}.trust-bar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);justify-content:center;font-size:0.95rem}.trust-bar i{color:var(--color-accent);margin-right:6px}/* Tabs / steps */ .role-tabs{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3);flex-wrap:wrap}.tab{background:#fff;border:1px solid var(--color-border);border-radius:999px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:0.95rem}.tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.steps{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--color-card);padding:var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.step-icon{width:56px;height:56px;border-radius:var(--radius);background:#eff6ff;color:var(--color-accent);display:grid;place-items:center;font-size:1.5rem;margin-bottom:var(--space-2)}/* Categories */ .category-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:center}.category-grid>*{width:100%;max-width:220px}.category-card{background:var(--color-card);border-radius:var(--radius);padding:var(--space-3) var(--space-2);text-align:center;box-shadow:var(--shadow-sm);color:var(--color-text);display:flex;flex-direction:column;gap:8px;align-items:center;transition:transform .15s,box-shadow .15s}.category-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-card i{font-size:1.75rem;color:var(--color-accent)}/* Companies / cards */ /* Catalog-style fixed grid — for browse pages with many cards */ .company-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:stretch;align-items:stretch}/* Centered card grid — for variable/small card counts (testimonials,featured,highlights). Lone card centers;partial rows stay centered;full rows fill width left-to-right. */ .card-grid-centered{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:24px;padding:0;margin:0;list-style:none}.card-grid-centered>*{flex:1 1 280px;min-width:0;max-width:480px}.company-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);text-align:left}.company-card>*{margin:0}.company-card-head{display:flex;align-items:flex-start;gap:12px;width:100%}.company-card-head-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.company-card h3{margin:0;font-size:1.1rem;line-height:1.3}.company-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.company-card-meta .meta-text{margin:0;color:var(--color-text-secondary);font-size:0.9rem;line-height:1.4}.company-logo{width:56px;height:56px;border-radius:var(--radius);background:#eff6ff;color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:cover}.company-logo.big{width:120px;height:120px;font-size:3rem}.rating-row{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;white-space:nowrap;line-height:1}.rating-row.big{font-size:1.1rem}.stars{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:2px;white-space:nowrap;color:var(--color-star);line-height:1}.stars i{display:inline-block;line-height:1}.rating-number{font-weight:600}.company-desc{color:var(--color-text-secondary);font-size:0.95rem;line-height:1.5;min-height:2.4em;margin:0}.company-card-meta-line{margin:0;color:var(--color-text-secondary);font-size:0.85rem;line-height:1.5}.card-actions{display:flex;align-items:stretch;gap:8px;margin-top:auto;width:100%}.card-actions .btn{flex:1 1 0}/* Badges */ .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:0.8rem;font-weight:600;background:var(--color-bg);color:var(--color-text)}.badge-verified{background:var(--color-badge-verified);color:#fff}.badge-premier{background:var(--color-badge-premier);color:#fff}.badge-success{background:var(--color-success);color:#fff}/* Status badges */ .status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:0.8rem;font-weight:600;text-transform:capitalize}.status-open{background:#dbeafe;color:#1e40af}.status-in_progress{background:#fef3c7;color:#92400e}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-pending{background:#e5e7eb;color:#374151}.status-applied{background:#dbeafe;color:#1e40af}.status-reviewed{background:#fef3c7;color:#92400e}.status-hired{background:#d1fae5;color:#065f46}.status-declined{background:#fee2e2;color:#991b1b}.status-accepted{background:#d1fae5;color:#065f46}/* Testimonials — uses centered flex pattern so a lone card never strands left */ .testimonial-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:24px}.testimonial-grid>*{flex:1 1 280px;min-width:0;max-width:480px}.testimonial{background:var(--color-card);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}/* Accordion */ .accordion{display:flex;flex-direction:column;gap:8px}.accordion-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.accordion-item summary{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;list-style:none}.accordion-item summary::-webkit-details-marker{display:none}.accordion-item[open] summary i{transform:rotate(180deg)}.accordion-item summary i{transition:transform .15s}.accordion-item p{margin-top:var(--space-2);color:var(--color-text-secondary)}/* CTA banner */ .cta-banner{background:var(--color-primary);color:#fff;text-align:center}.cta-banner h2{color:#fff}/* Mobile bottom CTA */ .mobile-cta-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);padding:var(--space-1);z-index:40;box-shadow:0 -2px 8px rgba(0,0,0,.06);display:block}@media (min-width:768px){.mobile-cta-bar{display:none}}/* Footer */ .site-footer{background:var(--color-primary);color:rgba(255,255,255,0.85);padding:var(--space-4) 0 var(--space-2);margin-top:var(--space-6);padding-bottom:80px}@media (min-width:768px){.site-footer{padding-bottom:var(--space-2)}}.site-footer .brand-name{color:#fff}.footer-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.site-footer h4{color:#fff;margin:0 0 var(--space-1);font-size:1rem}.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.site-footer a{color:rgba(255,255,255,0.7)}.site-footer a:hover{color:#fff}.footer-tag{font-size:0.875rem;max-width:260px}.footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-2);margin-top:var(--space-3);font-size:0.875rem}/* Cookie banner */ .cookie-banner{position:fixed;bottom:70px;left:var(--space-2);right:var(--space-2);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-md);z-index:41;flex-wrap:wrap}.cookie-banner[hidden]{display:none}@media (min-width:768px){.cookie-banner{bottom:var(--space-2);left:var(--space-2);right:var(--space-2);max-width:600px;margin-left:auto;margin-right:auto}}.cookie-banner p{margin:0;flex:1;font-size:0.9rem}/* Auth */ .auth-page{background:var(--color-bg)}.auth-container{padding:var(--space-4) 0 var(--space-6)}.auth-card{background:#fff;max-width:460px;margin:0 auto;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.auth-card.auth-wide{max-width:900px}.auth-card h1{text-align:center}.auth-card form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.divider{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);margin:var(--space-2) 0}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--color-border)}.role-picker{display:grid;gap:var(--space-2);grid-template-columns:1fr;margin:var(--space-3) 0}@media (min-width:768px){.role-picker{grid-template-columns:repeat(3,1fr)}}.role-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;color:var(--color-text);transition:border-color .15s,transform .1s}.role-card:hover{border-color:var(--color-accent);text-decoration:none;transform:translateY(-2px)}.role-card i{font-size:2.5rem;color:var(--color-accent);margin-bottom:var(--space-1)}.role-card h2{margin:0;font-size:1.25rem}.role-card p{margin:8px 0 0;color:var(--color-text-secondary);font-size:0.9rem}.back-link{display:inline-block;margin-bottom:var(--space-2);color:var(--color-text-secondary)}/* Forms */ label{display:block;font-weight:500;font-size:0.95rem}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;font-size:1rem;margin-top:4px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}input:disabled{background:var(--color-bg);color:var(--color-text-secondary)}textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media (min-width:600px){.form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.form-card{background:#fff;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.radio-row{display:flex;align-items:center;gap:8px;font-weight:400;padding:4px 0}fieldset{border:none;padding:0;margin:0}fieldset legend{font-weight:600;margin-bottom:4px}/* Alerts */ .alert{padding:var(--space-2);border-radius:var(--radius);margin-bottom:var(--space-2);font-size:0.95rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}/* Breadcrumbs */ .breadcrumbs ol{list-style:none;padding:0;margin:0 0 var(--space-2);display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:0.875rem;color:var(--color-text-secondary)}.breadcrumbs li + li::before{content:'/';margin-right:6px}/* Legal pages */ .legal h2{margin-top:var(--space-4)}/* Stats row */ .stat-row{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:var(--space-3) 0}.stat-card{background:var(--color-card);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--color-border);text-align:center}.stat-card .stat-num{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.stat-card .stat-label,.stat-card div:last-child{color:var(--color-text-secondary);font-size:0.875rem}/* Ads */ .ad-slot{background:#f3f4f6;border:1px dashed var(--color-border);border-radius:var(--radius);display:grid;place-items:center;color:var(--color-text-secondary);font-size:0.75rem;margin:var(--space-2) auto;max-width:100%}.ad-leaderboard{width:728px;max-width:100%;height:90px}.ad-rectangle{width:300px;height:250px}