:root{color-scheme:light;--green:#006400;--green-dark:#004b00;--ink:#111714;--muted:#626a65;--line:#dfe3df;--soft:#f3f4f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff;color:var(--ink);font-family:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.account-header{height:72px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #eee;padding:12px 18px}.account-header>a:first-child{position:absolute;left:50%;transform:translateX(-50%)}.account-header img{display:block;width:130px;max-height:42px;object-fit:contain}.back-link{position:absolute;right:18px;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}main{width:100%;max-width:510px;margin:0 auto;padding:24px 22px 34px}.card{width:100%;border:0;border-radius:0;padding:0;background:#fff;box-shadow:none}.mode-links{display:flex;gap:24px;border-bottom:1px solid #e8e8e8;margin-bottom:26px}.mode-links a{padding:0 0 12px;color:#555;text-decoration:none;font-weight:600;font-size:15px;border-bottom:3px solid transparent}.mode-links a[aria-selected=true]{color:var(--green);border-color:var(--green)}h1{font-size:clamp(25px,6vw,31px);line-height:1.2;letter-spacing:-.7px;margin:0 0 8px;font-weight:700}#subheading{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 24px;text-align:left}h2{font-size:21px;margin:0 0 7px;letter-spacing:-.4px}p{line-height:1.5}.signup-methods{margin:0 0 18px;padding:0;border:0;background:#fff}.method-intro{font-size:14px;color:var(--muted);margin:0 0 20px;text-align:left}label,legend{display:block;font-size:14px;font-weight:600;margin:17px 0 8px}fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}legend{padding:0}.role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.role-option{position:relative;display:flex;align-items:stretch;min-width:0;min-height:115px;padding:12px 7px;border:1px solid var(--line);border-radius:13px;margin:0;text-align:center;cursor:pointer}.role-option:has(input:checked){border-color:#39945b;background:#f1f8f2}.role-option input{position:absolute;opacity:0}.role-content{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.role-symbol{display:grid;place-items:center;width:34px;height:34px;color:var(--green);font-size:25px}.role-content strong{font-size:13px}.role-content small{font-size:11px;color:var(--muted);line-height:1.3}.phone-row{display:flex;align-items:center;gap:10px}.country-code{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 12px;border:1.5px solid #cfd4d0;border-radius:10px;white-space:nowrap;font-size:15px}input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;min-height:52px;border:1.5px solid #cfd4d0;border-radius:10px;padding:14px 15px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}input::placeholder{color:#939a95}input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 2px #00640018}.submit,.secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:10px;padding:14px 16px;margin-top:18px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.submit{background:var(--green);color:white}.submit:hover{background:var(--green-dark)}.secondary{background:#f0f0f0;color:#111}.whatsapp-verify{border-radius:999px}.method-divider,.divider-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#666;font-size:14px}.method-divider:before,.method-divider:after,.divider-or:before,.divider-or:after{content:"";height:1px;background:#d7d7d7;flex:1}.provider-options{display:grid;gap:10px}.provider-option{display:flex;align-items:center;justify-content:center;gap:12px;min-height:53px;width:100%;border:1px solid #d2d5d2;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.provider-option:focus-visible,.submit:focus-visible,.secondary:focus-visible{outline:3px solid #8bbf92;outline-offset:2px}.provider-mark{display:grid;place-items:center;width:25px;height:25px;font-size:21px}.google-mark{font-weight:700;color:#4285f4}.facebook-mark{font-weight:700;color:#1877f2}.field-help{font-size:12px;color:#68736b;margin:8px 0 12px}.method-status{text-align:left}.policy-note{font-size:12px;line-height:1.6;color:#666;margin:24px 0 0;text-align:left}.note{font-size:12px;line-height:1.5;color:#626a65;text-align:left;margin:16px 0 0;overflow-wrap:anywhere}.password-wrap{position:relative}.password-wrap input{padding-right:65px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--green);font:inherit;font-size:12px;font-weight:700;padding:8px;cursor:pointer}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.optional{font-weight:400;color:#777}.terms{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.5}.terms input{width:16px;height:16px;flex:0 0 auto;margin:2px 0 0}.terms span{font-size:12px}.terms a{color:var(--green);font-weight:700}[hidden]{display:none!important}button:disabled{opacity:.6;cursor:wait}@media(max-width:390px){.account-header{height:66px}.account-header img{width:118px}.back-link{right:12px;font-size:12px}main{padding:22px 18px 30px}.role-options{gap:6px}.role-option{padding:10px 4px;min-height:110px}.role-content strong{font-size:12px}.role-content small{font-size:10px}.field-grid{grid-template-columns:1fr;gap:0}}

/* Account page redesign: clearer tabs, original landing-page role marks and official provider marks */
.account-header{height:66px;border-bottom:0;background:linear-gradient(135deg,#006400,#024f1f);padding:10px 18px}
.account-header img{filter:brightness(0) invert(1);width:122px;max-height:38px}
.back-link{color:#fff}
main{max-width:560px;padding:22px 20px 36px}
.card{overflow:visible}
.mode-links{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 25px;border-bottom:1px solid #e1e7e2}
.mode-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px 12px;border-bottom:3px solid transparent;color:#69716c;font-size:16px;font-weight:700}
.mode-links a[aria-selected=true]{color:var(--green);border-color:var(--green)}
h1{font-size:clamp(25px,6vw,32px);line-height:1.18;margin-bottom:10px}
#subheading{font-size:15px;margin-bottom:24px}
.signup-methods{margin-bottom:20px}
h2{font-size:23px;line-height:1.2;margin-bottom:8px}
.method-intro{font-size:14px;margin-bottom:18px}
fieldset{margin-bottom:20px}
.role-options{gap:9px}
.role-option{min-height:145px;padding:12px 6px 14px;border-radius:17px;box-shadow:0 4px 14px rgba(10,35,20,.045);transition:border-color .18s,background .18s,transform .18s}
.role-option:has(input:checked){border:1.5px solid #16843c;background:#f0f8f1;box-shadow:0 5px 16px rgba(0,100,0,.09)}
.role-content{gap:8px}
.role-symbol{width:46px;height:48px;font-size:29px}
.role-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.role-content strong{font-size:14px}
.role-content small{font-size:12px;line-height:1.35;max-width:100px}
.phone-row{gap:9px}
.country-code{min-height:54px;border-radius:12px;background:#fff;font-size:14px}
.phone-row input{flex:1}
input:not([type=checkbox]):not([type=radio]){min-height:54px;border-radius:12px}
.whatsapp-verify{min-height:58px;border-radius:999px;margin-top:17px;box-shadow:0 7px 18px rgba(0,100,0,.13)}
.whatsapp-verify.verified{background:#eaf5ed;color:#075c24;border:1px solid #b7d8bf;box-shadow:none}
.phone-otp-field{margin-top:14px;padding:14px;border:1px solid #e0e7e1;border-radius:14px;background:#f8fbf8}
.phone-otp-field label{margin-top:0}
.method-divider,.divider-or{margin:23px 0 15px;font-size:13px;gap:13px}
.provider-options{gap:11px}
.provider-option{position:relative;justify-content:flex-start;gap:15px;min-height:60px;padding:10px 17px;border-radius:999px;font-size:15px;border-color:#e0e4e1;box-shadow:0 3px 12px rgba(20,35,25,.045);transition:background .15s,border-color .15s}
.provider-option>span:nth-child(2){flex:1;text-align:left}
.provider-mark{flex:0 0 30px;width:30px;height:30px}
.provider-mark svg{display:block;width:100%;height:100%}
.provider-arrow{font-size:26px;line-height:1;color:#26332b;font-weight:400}
.google-provider{background:#fff}
.facebook-provider{background:#f5f8ff;border-color:#e0e9fb}
.email-provider{background:#fffdfb}
.provider-option:active{transform:scale(.99)}
.provider-option[aria-pressed=true]{border-color:#16843c;box-shadow:0 0 0 2px #16843c1a}
.policy-note{text-align:center;margin:22px 0 0;font-size:12px}
.note{text-align:center}
@media(max-width:390px){
 main{padding:20px 16px 30px}
 .role-options{gap:6px}
 .role-option{min-height:132px;padding:10px 4px}
 .role-symbol{width:40px;height:43px}
 .role-content strong{font-size:12px}
 .role-content small{font-size:10px}
 .provider-option{min-height:56px;font-size:14px;padding:9px 14px}
 .provider-mark{flex-basis:27px;width:27px;height:27px}
}

#notice{display:block;min-height:1.25em;overflow-wrap:anywhere}#notice.notice-visible{padding:10px 12px;margin:12px 0;border-radius:10px;background:#f1f7f1;color:#14532d;line-height:1.45}#submit:disabled{opacity:.75;cursor:wait}
