:root{
    --bg:#f7f8fa;--card:#fff;--text:#16181d;--muted:#6d7480;--line:#e7e9ee;
    --primary:#15171b;--danger:#a52828;--danger-bg:#fff4f4;--success:#176b43;--success-bg:#f0fbf5;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
body{min-height:100vh}
a{color:inherit;text-decoration:none;font-weight:650}
a:hover{text-decoration:underline}
.auth-shell{min-height:100vh;display:flex;flex-direction:column}
.auth-brand{height:72px;display:flex;align-items:center;gap:14px;max-width:1080px;width:100%;margin:0 auto;padding:0 24px}
.brand{font-size:23px;font-weight:850;letter-spacing:-.7px}
.auth-brand span{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}
.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 18px 48px}
.auth-card{width:100%;max-width:430px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 28px rgba(20,24,32,.045)}
.auth-card-wide{max-width:500px}
.auth-heading{margin-bottom:24px}
.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--muted)}
h1{font-size:29px;letter-spacing:-.8px;margin:7px 0 7px}
.auth-heading p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.auth-form{display:grid;gap:17px}
.auth-form label>span,.segment-field legend{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
input,select{width:100%;height:50px;border:1px solid #d9dce2;border-radius:11px;background:#fff;padding:0 13px;font:inherit;color:var(--text);outline:none}
input:focus,select:focus{border-color:#7d838e;box-shadow:0 0 0 3px rgba(50,55,65,.07)}
small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4}
.primary-btn{border:0;border-radius:11px;min-height:51px;background:var(--primary);color:#fff;font:inherit;font-weight:750;cursor:pointer;padding:14px 18px;text-align:center}
.primary-btn:hover{opacity:.92;text-decoration:none}
.link-btn{display:block}
.form-row{display:flex;justify-content:flex-end;font-size:13px;margin-top:-5px}
.auth-switch{text-align:center;margin-top:22px;color:var(--muted);font-size:13px}
.auth-switch a{color:var(--text)}
.notice{padding:12px 14px;border-radius:10px;margin-bottom:17px;font-size:13px;line-height:1.5}
.notice.error{background:var(--danger-bg);color:var(--danger);border:1px solid #f2d5d5}
.notice.success{background:var(--success-bg);color:var(--success);border:1px solid #cee9d9}
.password-wrap{position:relative}
.password-wrap input{padding-right:65px}
.show-password{position:absolute;right:7px;top:7px;height:36px;border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer;color:var(--muted)}
.segment-field{border:0;padding:0;margin:0;display:grid;gap:9px}
.choice{display:flex!important;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer}
.choice input{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto}
.choice span{margin:0!important}
.choice b{display:block;font-size:13px}
.choice small{margin-top:3px}
.terms{display:flex!important;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5}
.terms input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0}
.terms span{margin:0!important;font-weight:400!important}
.auth-footer{max-width:1080px;width:100%;margin:0 auto;padding:20px 24px 28px;display:flex;gap:18px;color:var(--muted);font-size:12px}
.auth-footer span{margin-right:auto}
@media(max-width:560px){
    .auth-brand{height:62px;padding:0 18px}.auth-brand span{display:none}
    .auth-main{align-items:flex-start;padding:18px 12px 32px}
    .auth-card{padding:23px 18px;border-radius:15px;box-shadow:none}
    h1{font-size:26px}.auth-footer{padding:18px;flex-wrap:wrap}
}

/* intl-tel-input */
.phone-field .iti{width:100%}
.phone-field .iti input{width:100%;height:50px}
.phone-field .iti__country-container{border-radius:11px 0 0 11px}
.phone-field .iti__selected-country{padding-left:12px}
.phone-field .iti__dropdown-content{z-index:1000;border-radius:12px;box-shadow:0 12px 32px rgba(20,24,32,.14)}
.phone-field .iti__search-input{height:42px;border-radius:8px;margin:8px;width:calc(100% - 16px)}
.field-error{min-height:0;margin-top:6px;color:var(--danger);font-size:12px;font-weight:650}
/* Two-step signup + WhatsApp welcome */
.step-line{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:24px}.step-line span{height:4px;border-radius:999px;background:#e7e9ee}.step-line span.active{background:#15171b}.welcome-card{text-align:center;padding-top:38px;padding-bottom:34px}.success-mark{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 19px;background:#eef9f2;color:#187347;font-size:27px;font-weight:800}.welcome-heading{margin-bottom:22px}.whatsapp-btn{width:100%;min-height:52px;border:0;border-radius:11px;background:#1f8f55;color:#fff;font:inherit;font-weight:780;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;cursor:pointer;text-decoration:none}.whatsapp-btn:hover{text-decoration:none;opacity:.94}.whatsapp-btn.disabled{background:#c9ced5;cursor:not-allowed}.wa-dot{font-size:18px}.center-note{text-align:center;margin-top:9px}.continue-link{display:inline-block;margin-top:22px;font-size:13px;color:var(--muted)}

/* Signup V3 interests */
.step-line.step-three{grid-template-columns:repeat(3,1fr)}
.interests-card{max-width:650px}
.interest-section{margin-top:4px;padding:16px 0;border-top:1px solid #eceef2}
.interest-section:first-of-type{border-top:0;padding-top:0}
.interest-label{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.interest-label div{display:flex;flex-direction:column;gap:3px}
.interest-label b{font-size:14px}
.interest-label small,.interest-label>span{font-size:12px;color:var(--muted)}
.chip-grid{display:flex;flex-wrap:wrap;gap:8px}
.interest-chip{position:relative;cursor:pointer;margin:0}
.interest-chip input{position:absolute;opacity:0;pointer-events:none}
.interest-chip span{display:block;border:1px solid #dfe2e7;border-radius:999px;padding:9px 13px;background:#fff;font-size:13px;line-height:1.2;transition:.15s ease}
.interest-chip input:checked+span{border-color:#17191d;background:#17191d;color:#fff}
.interest-chip.is-disabled{opacity:.42;cursor:not-allowed}
.job-search-wrap{margin-bottom:11px}
.job-search-wrap input{width:100%}
.empty-jobs{padding:14px 0;color:var(--muted);font-size:13px}
@media(max-width:560px){.interest-chip span{padding:9px 11px}.interests-card{max-width:100%}}


/* Auth V4: pooled WhatsApp final step */
.wa-group-box{margin:0 0 14px;padding:13px 14px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa;text-align:left}
.wa-group-box b,.wa-group-box small{display:block}.wa-group-box small{margin-top:3px;color:#6b7280}
.feed-btn{display:flex;text-decoration:none;align-items:center;justify-content:center;margin-top:10px;box-sizing:border-box}
.notice.info{background:#f7f7f8;border:1px solid #e5e7eb;color:#374151}
@media(max-width:640px){.auth-card{width:calc(100% - 24px);margin:18px auto;padding:22px 18px}.auth-card-wide{width:calc(100% - 24px)}.chip-grid{grid-template-columns:1fr 1fr}.whatsapp-btn,.feed-btn{width:100%;min-height:48px}.auth-heading h1{font-size:26px}.interest-chip span{min-height:42px;display:flex;align-items:center;justify-content:center}}
@media(max-width:390px){.chip-grid{grid-template-columns:1fr}.auth-card{padding:20px 16px}}


/* Auth V5: stronger WhatsApp invitation + optional iZooto prompt */
.push-note{text-align:center;margin-top:-7px}
.wa-benefits{display:grid;gap:7px;text-align:left;background:#f4fbf7;border:1px solid #d9eee1;border-radius:12px;padding:14px;margin-bottom:14px}
.wa-benefits b{font-size:14px;margin-bottom:2px}.wa-benefits span{font-size:13px;color:#365744}
.wa-recommend{font-size:12px;color:var(--muted);line-height:1.45;margin:10px 6px 0}
.skip-divider{display:flex;align-items:center;gap:10px;color:#a0a5ad;font-size:11px;margin:19px 0 11px}.skip-divider:before,.skip-divider:after{content:"";height:1px;background:var(--line);flex:1}
.skip-feed-link{display:inline-block;color:var(--muted);font-size:13px;font-weight:650;padding:8px 4px}
@media(max-width:560px){.wa-benefits{padding:13px}.skip-feed-link{padding:10px 4px}.wa-recommend{font-size:11.5px}}


/* Auth V7: five-step signup, OneSignal after interests, quieter skip actions */
.step-five{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.step-five span{height:4px;border-radius:999px;background:#e5e7eb}.step-five span.active{background:#17191d}
.push-benefits{display:grid;gap:8px;text-align:left;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:0 0 16px}
.push-benefits span{font-size:13px;color:#374151}
.permission-note{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.skip-spacer{height:44px}.skip-spacer-large{height:72px}
.quiet-skip{display:block;text-align:center;font-weight:500;font-size:12px;color:#9aa0a8}
@media(max-width:560px){.skip-spacer{height:54px}.skip-spacer-large{height:84px}.notification-card .primary-btn{min-height:50px;width:100%}}