/* PhuQuocCareers account - simple, human, optional */
.account-page{background:#f7faf9;color:#17334b}
.account-hero{padding:72px 0 48px;background:linear-gradient(135deg,#fff9ef 0%,#f4fbfc 62%,#eef7fa 100%)}
.account-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:72px;align-items:end}
.account-hero h1{max-width:760px;margin:8px 0 16px;font-family:Lora,Georgia,serif;font-size:54px;line-height:1.04;letter-spacing:-.035em;font-weight:560;color:#0b3557}
.account-hero p{max-width:680px;margin:0;color:#617784;font-size:17px;line-height:1.65}
.account-hero-note{padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(17,59,86,.08);box-shadow:0 14px 36px rgba(20,48,68,.06)}
.account-hero-note strong{display:block;margin-bottom:8px;color:#0b3557;font-size:15px}.account-hero-note span{display:block;color:#6e808b;font-size:13px;line-height:1.55}
.account-main{padding:38px 0 86px}.account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.62fr);gap:22px;align-items:start}
.account-card{background:#fff;border:1px solid rgba(17,59,86,.09);border-radius:24px;box-shadow:0 12px 34px rgba(18,49,68,.055);overflow:hidden}.account-card-inner{padding:26px}.account-card h2{margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:28px;line-height:1.15;color:#0b3557;font-weight:600}.account-card>div>p,.account-card-inner>p{margin:0 0 20px;color:#6d808c;font-size:13.5px;line-height:1.55}
.account-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 24px;padding:5px;border-radius:16px;background:#f1f7f8}.account-type-switch button{min-height:48px;border:0;border-radius:12px;background:transparent;color:#617785;font:750 13.5px/1.2 "Be Vietnam Pro",Arial,sans-serif;cursor:pointer}.account-type-switch button.active{background:#fff;color:#0b3557;box-shadow:0 5px 16px rgba(18,49,68,.08)}
.account-form{display:grid;gap:14px}.account-field{display:grid;gap:7px}.account-field label{color:#25485f;font-size:12px;font-weight:760}.account-field input,.account-field select{width:100%;min-height:50px;padding:0 14px;border:1px solid #d5e1e6;border-radius:13px;background:#fff;color:#173b58;font:500 14px/1.3 "Be Vietnam Pro",Arial,sans-serif;box-sizing:border-box}.account-field input:focus,.account-field select:focus{outline:3px solid rgba(15,111,157,.09);border-color:#8eb8ca}.account-field small{color:#7b8c96;font-size:11px;line-height:1.45}.account-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-submit{min-height:52px;margin-top:4px;border:0;border-radius:14px;background:#0b5f91;color:#fff;font:800 14px/1 "Be Vietnam Pro",Arial,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(11,95,145,.18)}.account-submit:disabled{opacity:.55;cursor:wait}.account-message{min-height:20px;margin-top:8px;font-size:12px;line-height:1.5}.account-message.ok{color:#15734f}.account-message.error{color:#a13d31}
.account-login{position:sticky;top:110px}.account-login .account-card-inner{padding:24px}.account-login h2{font-size:24px}.account-help{margin-top:18px;padding-top:16px;border-top:1px solid rgba(17,59,86,.08);color:#748692;font-size:11.5px;line-height:1.55}.account-help a{color:#0b6f91;font-weight:750}
.account-employer-note{padding:13px 14px;border-radius:14px;background:#fff7e9;color:#6f5c42;font-size:11.5px;line-height:1.55}.account-employer-note b{color:#5b472d}
.account-state{max-width:820px;margin:0 auto;padding:34px;border-radius:26px;background:#fff;border:1px solid rgba(17,59,86,.09);box-shadow:0 16px 42px rgba(18,49,68,.07)}.account-state h2{margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:34px;color:#0b3557}.account-state p{margin:0;color:#687d89;line-height:1.6}.account-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.account-status-item{padding:16px;border-radius:16px;background:#f6faf9}.account-status-item small{display:block;margin-bottom:5px;color:#7a8c96;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.account-status-item strong{display:block;color:#173e59;font-size:14px;overflow-wrap:anywhere}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-actions a,.account-actions button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(17,59,86,.13);background:#fff;color:#244c65;font:750 12.5px/1 "Be Vietnam Pro",Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.account-actions a.primary{background:#0b3557;color:#fff;border-color:#0b3557}
.account-why{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-why div{padding:15px;border-radius:16px;background:#fff;border:1px solid rgba(17,59,86,.07)}.account-why strong{display:block;color:#153e59;font-size:12.5px}.account-why span{display:block;margin-top:5px;color:#748590;font-size:11px;line-height:1.5}
.hide{display:none!important}
@media(max-width:900px){.account-hero-grid,.account-grid{grid-template-columns:1fr}.account-hero-grid{gap:24px}.account-login{position:static}.account-hero h1{font-size:44px}.account-why{grid-template-columns:1fr}}
@media(max-width:760px){.account-hero{padding:42px 0 30px}.account-hero h1{font-size:36px;line-height:1.06}.account-hero p{font-size:14px}.account-hero-note{padding:17px;border-radius:18px}.account-main{padding:22px 0 calc(100px + env(safe-area-inset-bottom))}.account-card,.account-state{border-radius:20px}.account-card-inner,.account-state{padding:18px}.account-row{grid-template-columns:1fr}.account-type-switch button{font-size:12px}.account-status-list{grid-template-columns:1fr}.account-state h2{font-size:28px}}