:root{
  --ckp50:#f5f8ff;--ckp100:#edf3ff;--ckp200:#dce7fb;--ckp300:#bfd2f4;
  --ckp600:#315bea;--ckp700:#2448c6;--ckp900:#0b1733;
  --ckp-teal:#00a884;--ckp-teal-dark:#007f67;--ckp-violet:#6d4aff;
  --ckp-orange:#ff8a34;--ckp-surface:#ffffff;--ckp-muted:#60708c;
  --ckp-line:#dfe7f3;--ckp-shadow:0 14px 36px rgba(23,39,74,.10);
  --ckp-shadow-lg:0 24px 70px rgba(15,32,69,.15);--ckp-radius:18px;--ckp-radius-sm:12px;
}
html{background:#f5f8fc}
body{background:linear-gradient(180deg,#f8fbff 0,#f4f7fb 55%,#eef3f9 100%);color:var(--ckp900);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::selection{background:#c9d8ff;color:#0b1733}

/* Reliable brand presentation on every surface */
.brand-mark,.portal-brand-mark,.worker-brand-mark,.worker-desktop-logo,.logo-mark,.recruiter-auth-brand,.prelaunch-brand-mark,.seo-brand img,.admin-brand-mark,.employer-logo{
  flex:0 0 auto;overflow:hidden;display:inline-grid;place-items:center;background:#fff;border:1px solid rgba(49,91,234,.14);box-shadow:0 8px 22px rgba(25,47,96,.12)
}
.brand-mark img,.portal-brand-mark img,.worker-brand-mark img,.worker-desktop-logo img,.logo-mark img,.recruiter-auth-brand img,.prelaunch-brand-mark img,.admin-brand-mark img,.employer-logo img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:4px
}
.brand-mark,.portal-brand-mark,.worker-brand-mark,.logo-mark,.admin-brand-mark,.employer-logo{min-width:44px;width:44px;height:44px;border-radius:13px}
.brand-mark.brand-shape-wide,.portal-brand-mark.brand-shape-wide,.worker-brand-mark.brand-shape-wide,.logo-mark.brand-shape-wide{width:116px;min-width:116px}
.worker-desktop-logo{width:50px;height:50px;border-radius:15px}.worker-desktop-logo .worker-brand-mark{width:100%;height:100%;border:0;box-shadow:none}
.prelaunch-brand-mark{width:48px;height:48px;border-radius:15px}
.seo-brand img{width:46px!important;height:46px!important;object-fit:contain!important;padding:4px;border-radius:14px}

/* Shared content rhythm */
.container,.admin-content,.employer-content,.portal-content,.seo-content,.worker-desktop-main{max-width:none}
.card,.panel,.stat-card,.metric-card,.summary-card,.table-wrap,.filterbar,.section-card,.portal-content .card,.seo-card,.worker-profile-section{
  border:1px solid var(--ckp-line)!important;border-radius:var(--ckp-radius)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--ckp-shadow)!important
}
.card,.panel,.section-card,.seo-card{padding:clamp(16px,2vw,24px)}
.section-title,.page-title,.portal-heading,.seo-page-heading{letter-spacing:-.02em}
.section-title h1,.page-title h1,.seo-page-heading h1,.portal-heading strong{color:var(--ckp900);font-weight:850}
.lead,.muted,.section-title p,.page-title p,.seo-page-heading p{color:var(--ckp-muted)!important;line-height:1.55}
.grid{gap:18px!important}

/* Buttons and controls */
.btn,button.primary,a.primary,.ckp-home-btn.primary,.prelaunch-button-primary,.seo-btn:not(.secondary),.worker-form button[type=submit],.portal-content button.primary{
  border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--ckp600),var(--ckp-violet))!important;color:#fff!important;box-shadow:0 10px 24px rgba(49,91,234,.24)!important;font-weight:800!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
}
.btn:hover,button.primary:hover,a.primary:hover,.ckp-home-btn.primary:hover,.prelaunch-button-primary:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 30px rgba(49,91,234,.30)!important}
.btn.secondary,button.secondary,a.secondary,.seo-btn.secondary,.prelaunch-button-secondary{border:1px solid #cdd9ed!important;border-radius:12px!important;background:#fff!important;color:#20345e!important;box-shadow:0 6px 16px rgba(23,39,74,.07)!important}
input,select,textarea,.input{border:1px solid #cad6e8!important;border-radius:12px!important;background:#fff!important;color:#101d38!important;min-height:44px;box-shadow:inset 0 1px 2px rgba(12,26,55,.03);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#6381f4!important;box-shadow:0 0 0 4px rgba(49,91,234,.12)!important}
label{color:#263754;font-weight:700}

/* Tables */
.table-wrap{overflow:auto;padding:0!important}
table{border-collapse:separate!important;border-spacing:0!important;width:100%}
th{background:#eef3fb!important;color:#31415f!important;font-size:12px!important;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
th,td{border-bottom:1px solid #e6edf7!important;padding:12px 14px!important;text-align:left}
tbody tr:hover td{background:#f7f9fe}
tbody tr:last-child td{border-bottom:0!important}

/* Alerts and badges */
.alert,.seo-alert,.app-toast,.worker-flash{border-radius:13px!important;border-width:1px!important;box-shadow:0 8px 20px rgba(23,39,74,.08)}
.badge,.pill,.status-badge{border-radius:999px!important;font-weight:800!important}

/* Public and prelaunch */
.topbar{background:rgba(255,255,255,.93)!important;border-bottom:1px solid rgba(208,219,237,.9)!important;backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(25,44,82,.07)}
.topbar .brand{gap:11px}.topbar .brand>span:last-child strong{color:#101d38}.topnav a{border-radius:10px;color:#30415f;font-weight:700}.topnav a:hover{background:#eef3ff;color:#2448c6}
.ckp-public-home,.prelaunch-main{background:transparent!important}
.ckp-home-hero{background:radial-gradient(circle at 12% 20%,rgba(0,168,132,.16),transparent 34%),radial-gradient(circle at 90% 12%,rgba(109,74,255,.16),transparent 32%),linear-gradient(145deg,#f9fcff,#eef3ff)!important}
.ckp-home-hero h1{color:#0a1734!important;letter-spacing:-.045em}.ckp-home-hero-lead{color:#53647f!important}
.prelaunch-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--ckp-line)!important;backdrop-filter:blur(16px)}
.prelaunch-summary-card,.prelaunch-role-card,.prelaunch-feature-card{border-color:var(--ckp-line)!important;box-shadow:var(--ckp-shadow)!important}

/* Admin and employer workspaces */
.admin-workspace,.employer-workspace{background:#f3f6fb!important}
.admin-sidebar,.employer-sidebar{background:linear-gradient(180deg,#0b1733,#101f43)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:18px 0 45px rgba(9,21,47,.14)}
.admin-sidebar a,.employer-sidebar a{border-radius:10px!important}.admin-sidebar a.active,.employer-sidebar a.active{background:linear-gradient(135deg,rgba(49,91,234,.95),rgba(109,74,255,.9))!important;color:#fff!important}
.admin-workspace-header,.employer-workspace-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--ckp-line)!important;backdrop-filter:blur(18px)}
.admin-content,.employer-content{padding:clamp(16px,2.3vw,30px)!important}
.admin-mobile-dock,.employer-mobile-dock{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--ckp-line)!important;box-shadow:0 -12px 32px rgba(23,39,74,.10)!important}

/* Recruiter portal */
.portal-layout{background:#f3f6fb!important}.portal-sidebar{background:linear-gradient(180deg,#0b1733,#111f42)!important;border-right:1px solid rgba(255,255,255,.08)!important}
.portal-nav-group{border:0!important}.portal-nav-group summary{border-radius:10px!important;color:#dbe5ff!important}.portal-nav-group-links a{border-radius:10px!important;color:#c9d5ef!important}.portal-nav-group-links a.active{background:linear-gradient(135deg,#315bea,#6d4aff)!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,91,234,.25)}
.portal-topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--ckp-line)!important;backdrop-filter:blur(18px)}
.portal-content{background:transparent!important;padding:clamp(14px,2vw,28px)!important}.content-inner{max-width:1500px!important;margin:0 auto!important}
.portal-user{border:1px solid var(--ckp-line)!important;border-radius:13px!important;background:#fff!important}

/* SEO / Growth */
.seo-shell{background:#f3f6fb!important}.seo-sidebar{background:linear-gradient(180deg,#091630,#102148)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:18px 0 48px rgba(7,17,40,.16)}
.seo-topbar{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--ckp-line)!important;backdrop-filter:blur(18px)}
.seo-content{padding:clamp(16px,2.2vw,30px)!important}.ckp-menu-section-button,.ckp-menu-link{border-radius:10px!important}.ckp-menu-section.is-open>.ckp-menu-section-button{background:rgba(255,255,255,.08)!important}.ckp-menu-link.active{background:linear-gradient(135deg,#315bea,#6d4aff)!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,91,234,.25)}
.ckp-instagram-menu-cta{border-radius:14px!important;background:linear-gradient(135deg,rgba(49,91,234,.22),rgba(109,74,255,.24))!important;border:1px solid rgba(180,199,255,.22)!important}

/* Associate web */
.worker-portal-body,.worker-auth-body{background:radial-gradient(circle at 10% 0,rgba(0,168,132,.12),transparent 30%),linear-gradient(180deg,#f8fbff,#f1f5fb)!important}
.worker-desktop-header{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--ckp-line)!important;box-shadow:0 10px 28px rgba(23,39,74,.08)!important;backdrop-filter:blur(18px)}
.worker-auth-card{border:1px solid var(--ckp-line)!important;border-radius:22px!important;box-shadow:var(--ckp-shadow-lg)!important}.worker-auth-intro{border-radius:22px!important;background:linear-gradient(145deg,#0c1a39,#18346a)!important;box-shadow:var(--ckp-shadow-lg)!important}
.worker-profile-section{margin:14px 0!important}.worker-choice,.worker-role-picker{border-color:#d9e3f1!important;background:#f8faff!important}
.registration-wizard-track{background:#dfe7f5!important}.registration-wizard-track span{background:linear-gradient(90deg,var(--ckp-teal),var(--ckp600),var(--ckp-violet))!important}

/* PWA/app surfaces */
.native-app{background:linear-gradient(180deg,#f8fbff,#eef3f9)!important}.native-app .app-card,.native-app .auth-card,.native-app .sheet,.native-app .panel{border:1px solid var(--ckp-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ckp-shadow)!important}
.native-app .app-header,.native-app .topbar{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--ckp-line)!important;backdrop-filter:blur(16px)}
.native-app .app-tabbar{background:rgba(255,255,255,.97)!important;border-top:1px solid var(--ckp-line)!important;box-shadow:0 -10px 28px rgba(23,39,74,.10)!important}

@media(max-width:900px){
  .brand-mark.brand-shape-wide,.portal-brand-mark.brand-shape-wide,.worker-brand-mark.brand-shape-wide,.logo-mark.brand-shape-wide{width:82px;min-width:82px}
  .card,.panel,.section-card,.seo-card{padding:15px}.admin-content,.employer-content,.portal-content,.seo-content{padding:14px!important}
}
@media(max-width:680px){
  :root{--ckp-radius:15px}.topbar{padding:10px 12px!important}.topbar .brand>span:last-child small{display:none}.topnav{gap:5px!important}.topnav a{padding:8px 9px!important;font-size:12px}
  .brand-mark,.portal-brand-mark,.worker-brand-mark,.logo-mark,.admin-brand-mark,.employer-logo{width:40px;height:40px;min-width:40px}
  .worker-auth-card{border-radius:17px!important}.worker-profile-section{padding:13px!important}
  th,td{padding:10px 11px!important}
}