:root{
  --cauth-green:#1b8f5a;
  --cauth-green-deep:#062b1c;
  --cauth-orange:#f57c00;
  --cauth-orange-2:#f97316;
  --cauth-red:#d32f2f;
  --cauth-cream:#fbf4ea;
  --cauth-cream-2:#fffaf3;
  --cauth-cream-3:#fffbf5;
  --cauth-text:#142116;
  --cauth-muted:#8c7c69;
  --cauth-soft:#a58a69;
  --cauth-line:#eadfce;
  --cauth-brand-gradient:linear-gradient(135deg,var(--cauth-green),var(--cauth-orange),var(--cauth-red));
  --cauth-shadow:0 30px 90px rgba(65,47,28,.16);
  --cauth-shadow-soft:0 18px 55px rgba(85,58,30,.08);
}
body.auth-fullscreen{background:var(--cauth-cream)!important;min-height:100dvh;overflow-x:hidden;color:var(--cauth-text)}
body.auth-fullscreen .wrap, body.auth-fullscreen .noHeaderWrap{padding:0!important;min-height:100dvh;background:var(--cauth-cream)}
.cauth-page{min-height:100dvh;background:radial-gradient(circle at 4% 0%,rgba(27,143,90,.16),transparent 25%),radial-gradient(circle at 100% 0%,rgba(245,124,0,.18),transparent 30%),linear-gradient(180deg,#fffaf3,var(--cauth-cream));color:var(--cauth-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}
.cauth-page *{box-sizing:border-box}
.cauth-page a{text-decoration:none}
.cauth-wrap{width:min(1500px,100%);margin:0 auto;padding:28px 22px 34px}
.cauth-shell{overflow:hidden;border:1px solid rgba(234,223,206,.98);background:var(--cauth-cream-2);border-radius:36px;box-shadow:var(--cauth-shadow)}
.cauth-browser-bar{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid #eee2d3;background:rgba(255,255,255,.78);padding:0 20px;backdrop-filter:blur(18px)}
.cauth-browser-dots{display:flex;gap:8px}.cauth-browser-dots span{width:12px;height:12px;border-radius:999px;display:block}.cauth-dot-red{background:var(--cauth-red)}.cauth-dot-orange{background:var(--cauth-orange)}.cauth-dot-green{background:var(--cauth-green)}
.cauth-browser-label{display:inline-flex;align-items:center;border-radius:999px;background:#f5eadb;color:var(--cauth-muted);padding:7px 13px;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.cauth-layout{display:grid;grid-template-columns:minmax(380px,1fr) minmax(480px,1.05fr);gap:20px;padding:20px;align-items:stretch}
.cauth-design-panel{position:relative;overflow:hidden;border-radius:32px;background:var(--cauth-green-deep);color:#fff;min-height:660px;padding:32px;box-shadow:0 24px 70px rgba(6,43,28,.24)}
.cauth-panel-bg{position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(27,143,90,.58),transparent 30%),radial-gradient(circle at 82% 12%,rgba(245,124,0,.46),transparent 30%),radial-gradient(circle at 92% 88%,rgba(211,47,47,.34),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 1px);background-size:auto,auto,auto,48px 48px;opacity:.86}
.cauth-design-panel:before{content:"";position:absolute;right:-110px;top:-110px;width:330px;height:330px;border-radius:999px;background:rgba(245,124,0,.24);filter:blur(38px)}
.cauth-design-panel:after{content:"";position:absolute;left:-120px;bottom:-130px;width:330px;height:330px;border-radius:999px;background:rgba(27,143,90,.28);filter:blur(40px)}
.cauth-panel-content{position:relative;z-index:1;min-height:596px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.cauth-brand-bars{display:grid;height:7px;grid-template-columns:1fr 1fr 1fr;overflow:hidden;border-radius:999px;margin-bottom:28px}.cauth-brand-bars span:nth-child(1){background:var(--cauth-green)}.cauth-brand-bars span:nth-child(2){background:var(--cauth-orange)}.cauth-brand-bars span:nth-child(3){background:var(--cauth-red)}
.cauth-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cauth-logo{display:flex;align-items:center;gap:13px}.cauth-logo-mark{position:relative;display:grid;place-items:center;overflow:hidden;width:50px;height:50px;border-radius:22px;background:var(--cauth-brand-gradient);box-shadow:0 18px 40px rgba(249,115,22,.28);color:#fff;font-weight:1000;font-size:24px;letter-spacing:-.08em}.cauth-logo-mark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.58),transparent 32%)}.cauth-logo-mark span{position:relative;z-index:1}.cauth-logo-text{line-height:1}.cauth-logo-name{font-size:24px;font-weight:1000;letter-spacing:-.06em;color:#122014}.cauth-logo-name span{color:var(--cauth-orange-2)}.cauth-logo-sub{margin-top:5px;font-size:10px;font-weight:950;letter-spacing:.32em;text-transform:uppercase;color:#94a3b8}.cauth-logo-light .cauth-logo-name{color:#fff}.cauth-logo-light .cauth-logo-sub{color:rgba(255,255,255,.45)}
.cauth-home{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:15px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-weight:900;backdrop-filter:blur(10px)}
.cauth-panel-main{margin-top:52px}.cauth-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.1);border-radius:999px;padding:9px 13px;color:#ffedd5;font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(16px)}.cauth-chip svg{width:16px;height:16px;color:#fed7aa}.cauth-panel-title{max-width:520px;margin:24px 0 0;font-size:clamp(44px,4.2vw,64px);line-height:.9;letter-spacing:-.085em;font-weight:1000}.cauth-panel-subtitle{max-width:410px;margin:22px 0 0;color:rgba(255,255,255,.64);font-size:14px;line-height:1.8;font-weight:700}
.cauth-panel-bottom{display:grid;gap:14px}.cauth-trust-card{display:flex;gap:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);border-radius:24px;padding:18px;backdrop-filter:blur(18px)}.cauth-trust-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:18px;background:rgba(255,255,255,.11);color:#fed7aa}.cauth-trust-icon svg{width:24px;height:24px}.cauth-trust-card strong{display:block;font-size:14px;color:#fff}.cauth-trust-card span{display:block;margin-top:5px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.55;font-weight:650}.cauth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cauth-metric{border-radius:22px;background:rgba(255,255,255,.09);padding:15px;text-align:center;backdrop-filter:blur(16px)}.cauth-metric b{display:block;font-size:26px;line-height:1;font-weight:1000}.cauth-metric span{display:block;margin-top:6px;color:rgba(255,255,255,.48);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.cauth-form-panel{display:flex;align-items:center;min-height:660px;border:1px solid var(--cauth-line);background:#fff;border-radius:32px;padding:34px;box-shadow:var(--cauth-shadow-soft)}.cauth-form-inner{width:100%;max-width:620px;margin:0 auto}.cauth-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:30px}.cauth-form-head-main .cauth-logo{margin-bottom:30px}.cauth-step{display:block;color:var(--cauth-orange-2);font-size:11px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}.cauth-form-title{margin:8px 0 0;color:var(--cauth-text);font-size:clamp(32px,3vw,48px);line-height:.95;letter-spacing:-.07em;font-weight:1000}.cauth-form-subtitle{max-width:490px;margin:13px 0 0;color:var(--cauth-muted);font-size:14px;line-height:1.7;font-weight:750}.cauth-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:999px;border:0;background:#f6efe5;color:var(--cauth-muted);font-weight:800}.cauth-close:hover{background:#fff3e7;color:var(--cauth-orange-2)}
.cauth-stack{display:grid;gap:14px}.cauth-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:1px solid var(--cauth-line);background:#fff;color:inherit;border-radius:26px;padding:15px;text-align:left;box-shadow:0 14px 34px rgba(57,42,24,.06);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}.cauth-choice:hover{transform:translateY(-1px);border-color:#ffc48b;box-shadow:0 18px 40px rgba(249,115,22,.13)}.cauth-choice-active{border-color:#ffc48b;background:linear-gradient(135deg,#fff3e7 0%,#fff 52%,#effaf4 100%)}.cauth-choice-main{display:flex;align-items:center;gap:14px;min-width:0}.cauth-choice-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:20px;background:#f6efe5;color:#0f5132}.cauth-choice-active .cauth-choice-icon{background:var(--cauth-brand-gradient);color:#fff}.cauth-choice-icon svg{width:22px;height:22px}.cauth-choice-copy strong{display:block;color:var(--cauth-text);font-size:14px;font-weight:1000}.cauth-choice-copy span{display:block;margin-top:4px;color:var(--cauth-muted);font-size:12px;font-weight:750;line-height:1.5}.cauth-choice-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:999px;background:#f6efe5;color:#9b856a}.cauth-choice-arrow svg{width:16px;height:16px}.cauth-choice:hover .cauth-choice-arrow{background:var(--cauth-orange-2);color:#fff}
.cauth-field{display:block}.cauth-field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.cauth-field > span,.cauth-field-row label,.cauth-field-row span{font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.18em;color:var(--cauth-soft)}.cauth-ready{display:inline-flex;border-radius:999px;background:rgba(27,143,90,.1);padding:3px 8px;color:#047857;font-size:10px;font-weight:1000}.cauth-input-wrap{position:relative}.cauth-input-wrap i{position:absolute;left:16px;top:50%;z-index:2;transform:translateY(-50%);color:var(--cauth-green);font-style:normal}.cauth-input-wrap i svg{width:18px;height:18px}.cauth-input-wrap input,.cauth-input-wrap textarea{width:100%;min-height:56px;border:1px solid var(--cauth-line);border-radius:22px;background:var(--cauth-cream-3);padding:0 16px 0 48px;color:#334155;font-size:15px;font-weight:800;outline:0;box-shadow:0 10px 30px rgba(57,42,24,.05)}.cauth-input-wrap input:focus,.cauth-input-wrap textarea:focus{border-color:#ffc48b;box-shadow:0 0 0 4px rgba(245,124,0,.12),0 10px 30px rgba(57,42,24,.05)}.cauth-input-wrap textarea{padding-top:15px;min-height:96px;resize:vertical}.cauth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cauth-wide{grid-column:1 / -1}.cauth-split{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#7d6d59;font-size:12px;font-weight:950}.cauth-split a,.cauth-link{color:var(--cauth-orange-2);font-weight:1000}.cauth-helper{text-align:center;color:var(--cauth-muted);font-size:12px;font-weight:850}.cauth-helper a,.cauth-helper b{color:var(--cauth-orange-2);font-weight:1000}.cauth-notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #d1fae5;background:rgba(236,253,245,.86);border-radius:24px;padding:15px;color:#065f46;font-size:12px;line-height:1.65;font-weight:850}.cauth-notice svg{width:20px;height:20px;flex:none}.cauth-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.cauth-action-group{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cauth-status{font-size:13px;font-weight:1000}.cauth-status.success{color:#15803d}.cauth-status.error{color:#dc2626}
.cauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;width:100%;border:0;border-radius:22px;background:var(--cauth-brand-gradient);color:#fff;font-size:14px;font-weight:1000;box-shadow:0 18px 38px rgba(249,115,22,.24);cursor:pointer;transition:transform .16s ease, box-shadow .16s ease}.cauth-btn:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(249,115,22,.28)}.cauth-btn svg{width:17px;height:17px}.cauth-btn-secondary{background:#fff;color:#183d2a;border:1px solid var(--cauth-line);box-shadow:0 10px 26px rgba(57,42,24,.06)}.cauth-btn-secondary:hover{color:var(--cauth-orange-2);border-color:#ffc48b;box-shadow:0 14px 34px rgba(57,42,24,.08)}.cauth-btn-inline{width:auto;padding:0 20px}.cauth-phone-control{display:flex;align-items:center;overflow:hidden;min-height:56px;border:1px solid var(--cauth-line);border-radius:22px;background:var(--cauth-cream-3);box-shadow:0 10px 30px rgba(57,42,24,.05)}.cauth-phone-prefix{display:flex;align-items:center;gap:10px;align-self:stretch;padding:0 16px;border-right:1px solid var(--cauth-line);background:#fff7ed;color:#142116;font-weight:1000}.cauth-flag-ng{display:inline-block;width:20px;height:14px;border:1px solid rgba(15,23,42,.14);border-radius:3px;background:linear-gradient(90deg,#128a49 0 33.333%,#fff 33.333% 66.666%,#128a49 66.666% 100%)}.cauth-phone-control input{flex:1;min-width:0;min-height:56px;border:0;background:transparent;padding:0 16px;color:#334155;font-size:15px;font-weight:800;outline:0}
.cauth-code-card,.cauth-verify-card{border:1px solid var(--cauth-line);background:#fff3e7;border-radius:26px;padding:20px;text-align:center}.cauth-code-card small{display:block;color:var(--cauth-orange-2);font-size:11px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}.cauth-code-card strong{display:block;margin-top:6px;color:var(--cauth-text);font-size:18px}.cauth-otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cauth-otp-grid input{height:56px;width:100%;border:1px solid var(--cauth-line);border-radius:18px;background:#fff;color:#142116;text-align:center;font-size:20px;font-weight:1000;outline:0;box-shadow:0 10px 28px rgba(57,42,24,.06)}.cauth-otp-grid input:focus{border-color:#ffc48b;box-shadow:0 0 0 4px rgba(245,124,0,.12),0 10px 28px rgba(57,42,24,.06)}.cauth-verify-card span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:24px;background:#fff3e7;color:var(--cauth-orange-2)}.cauth-verify-card svg{width:28px;height:28px}.cauth-verify-card strong{font-size:16px;font-weight:1000}.cauth-verify-card p{max-width:320px;margin:8px auto 0;color:var(--cauth-muted);font-size:12px;line-height:1.6;font-weight:800}.cauth-check-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--cauth-line);border-radius:20px;background:#fff;padding:14px 15px;box-shadow:0 10px 26px rgba(57,42,24,.05)}.cauth-check-row span:first-child{font-size:13px;font-weight:1000}.cauth-check-row span:last-child{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--cauth-green);color:#fff}.cauth-check-row svg{width:16px;height:16px}.cauth-complete-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;overflow:hidden;border-radius:28px;background:var(--cauth-green-deep);padding:22px;color:#fff;position:relative}.cauth-complete-card:after{content:"";position:absolute;right:-60px;bottom:-80px;width:200px;height:200px;border-radius:999px;background:var(--cauth-brand-gradient);opacity:.34}.cauth-complete-card>*{position:relative}.cauth-complete-card small{display:block;color:rgba(255,255,255,.48);font-size:10px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}.cauth-complete-card strong{display:block;margin-top:8px;font-size:28px;line-height:1;letter-spacing:-.06em;font-weight:1000}.cauth-complete-card p{margin:10px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55;font-weight:700}.cauth-complete-card>span{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:20px;background:var(--cauth-brand-gradient);color:#fff}.cauth-store{display:none}.cauth-store-title{text-align:center;margin-bottom:12px;color:#64748b;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.cauth-store-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cauth-store-links img{display:block;height:48px;width:auto;max-width:100%}.cauth-mobile-copy{display:none}.cn-google-auth{margin:18px 0 4px!important}.cn-google-divider{font-size:11px!important;color:#b8a995!important}.cn-google-divider:before,.cn-google-divider:after{background:var(--cauth-line)!important}.cn-google-note{color:var(--cauth-muted)!important;font-weight:700}
@media(max-width:1100px){.cauth-layout{grid-template-columns:1fr}.cauth-design-panel{min-height:440px}.cauth-panel-content{min-height:380px}.cauth-panel-main{margin-top:34px}.cauth-form-panel{min-height:auto}.cauth-panel-title{font-size:46px}}
@media(max-width:720px){body.auth-fullscreen{background:var(--cauth-cream)!important}.cauth-wrap{padding:0;min-height:100dvh}.cauth-shell{border:0;border-radius:0;box-shadow:none;background:transparent}.cauth-browser-bar{display:none}.cauth-layout{display:block;padding:0}.cauth-design-panel{min-height:auto;border-radius:0 0 30px 30px;padding:22px 18px 28px;box-shadow:none}.cauth-panel-bg{background:radial-gradient(circle at 20% 10%,rgba(27,143,90,.58),transparent 34%),radial-gradient(circle at 88% 14%,rgba(245,124,0,.42),transparent 32%),radial-gradient(circle at 100% 100%,rgba(211,47,47,.28),transparent 30%)}.cauth-panel-content{min-height:auto;gap:0}.cauth-brand-bars{height:5px;margin-bottom:20px}.cauth-home{display:none}.cauth-logo-mark{width:42px;height:42px;border-radius:17px}.cauth-logo-name{font-size:20px}.cauth-logo-sub{display:none}.cauth-panel-main{margin-top:36px}.cauth-chip{padding:7px 10px;font-size:10px}.cauth-panel-title{font-size:38px;line-height:.92}.cauth-panel-subtitle{font-size:12px;line-height:1.65;margin-top:14px}.cauth-panel-bottom{display:none}.cauth-form-panel{display:block;margin:14px 12px 0;min-height:auto;border-radius:30px;padding:20px 16px;box-shadow:0 18px 45px rgba(85,58,30,.1)}.cauth-form-head{margin-bottom:22px}.cauth-form-head-main .cauth-logo{display:none}.cauth-form-head .cauth-step{margin-top:0}.cauth-form-title{font-size:31px}.cauth-form-subtitle{font-size:12px;line-height:1.6}.cauth-close{display:none}.cauth-form-grid{grid-template-columns:1fr}.cauth-wide{grid-column:auto}.cauth-choice{border-radius:20px;padding:13px}.cauth-choice-icon{width:44px;height:44px;flex-basis:44px;border-radius:16px}.cauth-choice-copy strong{font-size:13px}.cauth-choice-copy span{font-size:11px}.cauth-field-row label,.cauth-field-row span,.cauth-field > span{font-size:10px}.cauth-input-wrap input,.cauth-input-wrap textarea,.cauth-phone-control,.cauth-phone-control input{min-height:52px}.cauth-actions{align-items:stretch;flex-direction:column-reverse}.cauth-action-group{width:100%;justify-content:stretch}.cauth-btn-inline{width:100%}.cauth-otp-grid{gap:6px}.cauth-otp-grid input{height:48px;border-radius:15px;font-size:18px}.cauth-store{display:block;margin:14px 12px 0;border:1px solid var(--cauth-line);background:#fff;border-radius:24px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.08)}.cauth-mobile-copy{display:block;padding:14px 14px 18px;text-align:center;color:#64748b;font-size:11px}.cauth-store-links img{height:42px}.cauth-phone-prefix{padding:0 12px}.cauth-phone-control input{padding:0 12px}.cauth-code-card,.cauth-verify-card{padding:16px}.cauth-complete-card strong{font-size:24px}}
/* Batch 2 signup/email/address refinements */
.cauth-mini-help{margin-top:7px;color:#8c7c69;font-size:12px;font-weight:750;line-height:1.5}.cauth-field-row small{font-size:10px;color:#8c7c69;text-transform:none;letter-spacing:0;font-weight:850}.cauth-select-wrap select{width:100%;min-height:56px;border:1px solid var(--cauth-line);border-radius:22px;background:var(--cauth-cream-3);padding:0 44px 0 48px;color:#334155;font-size:15px;font-weight:800;outline:0;box-shadow:0 10px 30px rgba(57,42,24,.05);appearance:none}.cauth-select-wrap:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #9b856a;border-bottom:2px solid #9b856a;transform:translateY(-70%) rotate(45deg);pointer-events:none}.cauth-select-wrap select:focus{border-color:#ffc48b;box-shadow:0 0 0 4px rgba(245,124,0,.12),0 10px 30px rgba(57,42,24,.05)}.cauth-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cauth-tag-option{cursor:pointer}.cauth-tag-option input{position:absolute;opacity:0;pointer-events:none}.cauth-tag-option span{display:flex;min-height:74px;flex-direction:column;justify-content:center;border:1px solid var(--cauth-line);border-radius:22px;background:#fff;padding:14px 16px;box-shadow:0 10px 26px rgba(57,42,24,.05);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.cauth-tag-option span:hover{transform:translateY(-1px);border-color:#ffc48b}.cauth-tag-option b{color:#142116;font-size:14px;font-weight:1000}.cauth-tag-option small{margin-top:4px;color:#8c7c69;font-size:12px;font-weight:750;line-height:1.4}.cauth-tag-option input:checked + span{border-color:#ffc48b;background:linear-gradient(135deg,#fff3e7 0%,#fff 52%,#effaf4 100%);box-shadow:0 16px 34px rgba(249,115,22,.12)}@media(max-width:720px){.cauth-tag-grid{grid-template-columns:1fr}.cauth-select-wrap select{min-height:52px}.cauth-mini-help{font-size:11px}}
/* Batch 4 completion/onboarding/password recovery refinements */
.cauth-avatar-card{display:flex;align-items:center;gap:16px;border:1px solid var(--cauth-line);border-radius:26px;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);padding:16px;box-shadow:0 14px 34px rgba(57,42,24,.06)}
.cauth-avatar-preview{display:flex;align-items:center;justify-content:center;flex:0 0 78px;width:78px;height:78px;border:1px solid var(--cauth-line);border-radius:26px;background:#f6efe5;color:#8c7c69;font-size:32px;overflow:hidden;box-shadow:0 10px 26px rgba(57,42,24,.06)}
.cauth-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.cauth-avatar-card strong{display:block;color:#142116;font-size:15px;font-weight:1000}.cauth-avatar-card span{display:block;margin-top:4px;color:#8c7c69;font-size:12px;font-weight:750;line-height:1.5}.cauth-avatar-card input[type=file]{display:block;margin-top:10px;width:100%;color:#64594c;font-size:12px;font-weight:800}.cauth-avatar-card input[type=file]::file-selector-button{margin-right:10px;border:1px solid var(--cauth-line);border-radius:12px;background:#fff;color:#183d2a;padding:8px 12px;font-weight:1000;cursor:pointer}
.cauth-setup-card{display:grid;gap:14px;border:1px solid var(--cauth-line);border-radius:26px;background:#fff;padding:18px;box-shadow:0 14px 34px rgba(57,42,24,.06)}.cauth-setup-card strong{display:block;color:#142116;font-size:15px;font-weight:1000}.cauth-setup-card span{display:block;margin-top:5px;color:#8c7c69;font-size:12px;font-weight:750;line-height:1.6}.cauth-setup-card b{color:#142116}.cauth-progress-panel{border:1px solid var(--cauth-line);border-radius:26px;background:#fff;padding:18px;box-shadow:0 14px 34px rgba(57,42,24,.06)}.cauth-progress-panel h3{margin:0 0 12px;color:#142116;font-size:18px;letter-spacing:-.03em;font-weight:1000}.cauth-progress-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--cauth-line);border-radius:20px;background:#fffaf3;padding:14px;margin-top:10px}.cauth-progress-row.done{border-color:#bbf7d0;background:#f0fdf4}.cauth-progress-row strong{display:block;color:#142116;font-size:13px;font-weight:1000}.cauth-progress-row span{display:block;margin-top:3px;color:#8c7c69;font-size:12px;font-weight:750}.cauth-progress-row em,.cauth-progress-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:#fff7ed;color:#c2410c;padding:0 10px;font-style:normal;font-size:11px;font-weight:1000}.cauth-progress-row.done em,.cauth-progress-badge.done{background:#dcfce7;color:#166534}
@media(max-width:720px){.cauth-avatar-card{align-items:flex-start}.cauth-avatar-preview{width:64px;height:64px;flex-basis:64px;border-radius:22px}.cauth-setup-card .cauth-action-group{align-items:stretch;flex-direction:column}.cauth-progress-row{align-items:flex-start;flex-direction:column}.cauth-progress-row em{align-self:flex-start}}

/* User-requested auth polish: real logo, Times New Roman, compact no-page-scroll desktop layout */
.cauth-page,
.cauth-page button,
.cauth-page input,
.cauth-page select,
.cauth-page textarea {
  font-family: "Times New Roman", Times, serif !important;
}
body.auth-fullscreen {
  font-family: "Times New Roman", Times, serif !important;
}
.cauth-real-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
}
.cauth-real-logo img {
  display: block;
  width: min(220px, 42vw);
  max-height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.24));
}
.cauth-real-logo-light {
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  padding: 10px 16px;
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}
.cauth-form-head-main .cauth-logo,
.cauth-form-head .cauth-logo {
  display: none !important;
}
.cauth-panel-bottom,
.cauth-trust-card,
.cauth-metrics,
.cauth-metric {
  display: none !important;
}
.cauth-panel-spacer {
  min-height: 1px;
}
.cauth-store,
.cauth-mobile-copy {
  display: none !important;
}

@media (min-width: 921px) {
  body.auth-fullscreen {
    overflow: hidden !important;
  }
  .cauth-page {
    min-height: 100dvh;
    overflow: hidden;
  }
  .cauth-wrap {
    padding: 8px 14px !important;
  }
  .cauth-shell {
    min-height: calc(100dvh - 16px);
    border-radius: 28px !important;
  }
  .cauth-browser-bar {
    height: 40px !important;
    padding: 0 16px !important;
  }
  .cauth-layout {
    min-height: calc(100dvh - 58px);
    padding: 10px !important;
    gap: 12px !important;
    grid-template-columns: minmax(320px,.92fr) minmax(440px,1.08fr) !important;
  }
  .cauth-design-panel,
  .cauth-form-panel {
    min-height: calc(100dvh - 78px) !important;
    max-height: calc(100dvh - 78px) !important;
    border-radius: 24px !important;
  }
  .cauth-design-panel {
    padding: 22px !important;
  }
  .cauth-panel-content {
    min-height: auto !important;
    height: 100%;
    justify-content: flex-start !important;
  }
  .cauth-brand-bars {
    margin-bottom: 18px !important;
  }
  .cauth-panel-main {
    margin-top: 34px !important;
  }
  .cauth-panel-title {
    font-size: clamp(38px,3.45vw,54px) !important;
    line-height: .92 !important;
  }
  .cauth-panel-subtitle {
    margin-top: 16px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  .cauth-form-panel {
    padding: 22px 24px !important;
    overflow-y: auto;
    scrollbar-width: thin;
  }
  .cauth-form-inner {
    max-width: 600px !important;
  }
  .cauth-form-head {
    margin-bottom: 18px !important;
  }
  .cauth-step {
    font-size: 10px !important;
  }
  .cauth-form-title {
    font-size: clamp(28px,2.55vw,40px) !important;
  }
  .cauth-form-subtitle {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .cauth-choice {
    padding: 12px !important;
    border-radius: 20px !important;
  }
  .cauth-choice-icon {
    flex-basis: 44px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
  }
  .cauth-field-row {
    margin-bottom: 6px !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-btn {
    min-height: 50px !important;
    border-radius: 18px !important;
  }
  .cauth-stack {
    gap: 11px !important;
  }
  .cauth-otp-inputs input {
    height: 50px !important;
    border-radius: 16px !important;
  }
  .cauth-tag-option span {
    min-height: 60px !important;
    border-radius: 18px !important;
    padding: 10px 14px !important;
  }
}

@media (max-width: 920px) {
  body.auth-fullscreen {
    overflow-y: auto !important;
  }
  .cauth-wrap {
    padding: 10px 12px 14px !important;
  }
  .cauth-real-logo-light {
    padding: 8px 12px;
  }
  .cauth-real-logo img {
    width: min(185px, 58vw);
    max-height: 64px;
  }
  .cauth-panel-bottom,
  .cauth-panel-spacer {
    display: none !important;
  }
}

/* User requested production polish v2: full-width, Roboto, no browser chrome, transparent logo, image-backed side panel, compact no-scroll desktop, simplified mobile. */
.cauth-page,
.cauth-page *,
.cauth-page button,
.cauth-page input,
.cauth-page select,
.cauth-page textarea,
body.auth-fullscreen {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
}
body.auth-fullscreen {
  margin: 0 !important;
  background: #fbf4ea !important;
}
.cauth-page {
  width: 100% !important;
  min-height: 100dvh !important;
  background: #fbf4ea !important;
}
.cauth-wrap {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}
.cauth-shell {
  width: 100% !important;
  min-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fffaf3 !important;
}
.cauth-browser-bar,
.cauth-browser-dots,
.cauth-browser-label,
.cauth-chip,
.cauth-step {
  display: none !important;
}
.cauth-mobile-topbar {
  display: none;
}
.cauth-real-logo,
.cauth-real-logo-light {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: 235px !important;
}
.cauth-real-logo img,
.cauth-real-logo-light img {
  width: min(218px, 28vw) !important;
  max-height: 76px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 24px rgba(0,0,0,.22)) !important;
}
.cauth-panel-bg {
  background-image:
    linear-gradient(135deg, rgba(6,43,28,.93), rgba(6,43,28,.72) 48%, rgba(6,43,28,.88)),
    radial-gradient(circle at 15% 10%, rgba(27,143,90,.34), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(245,124,0,.24), transparent 28%),
    url('/assets/images/auth/chopnow-auth-bg.jpg') !important;
  background-size: cover, auto, auto, cover !important;
  background-position: center !important;
  opacity: 1 !important;
}
.cauth-design-panel:before {
  background: rgba(245,124,0,.18) !important;
}
.cauth-design-panel:after {
  background: rgba(27,143,90,.2) !important;
}
.cauth-form-head-main .cauth-logo,
.cauth-form-head .cauth-logo,
.cauth-logo {
  /* Keep old generated logo hidden in auth shell; real logo image is used instead. */
}
.cauth-form-head {
  border-bottom: 1px solid rgba(234,223,206,.76) !important;
  padding-bottom: 16px !important;
}
.cauth-form-title {
  max-width: 560px !important;
  margin: 0 !important;
  color: #142116 !important;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
}
.cauth-form-subtitle {
  max-width: 540px !important;
  color: #7f705d !important;
  font-weight: 500 !important;
}
.cauth-panel-title {
  font-weight: 900 !important;
  letter-spacing: -.06em !important;
}
.cauth-panel-subtitle {
  font-weight: 500 !important;
}
.cauth-panel-bottom,
.cauth-trust-card,
.cauth-metrics,
.cauth-metric,
.cauth-panel-spacer {
  display: none !important;
}
.cauth-mobile-copy,
.cauth-store {
  display: none !important;
}

@media (min-width: 921px) {
  html,
  body.auth-fullscreen {
    height: 100% !important;
    overflow: hidden !important;
  }
  .cauth-page {
    height: 100dvh !important;
    overflow: hidden !important;
  }
  .cauth-shell {
    height: 100dvh !important;
    overflow: hidden !important;
  }
  .cauth-layout {
    height: 100dvh !important;
    min-height: 100dvh !important;
    display: grid !important;
    grid-template-columns: minmax(420px, 48vw) minmax(460px, 1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }
  .cauth-design-panel,
  .cauth-form-panel {
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }
  .cauth-design-panel {
    padding: clamp(28px, 3vw, 48px) !important;
    border: 0 !important;
  }
  .cauth-panel-content {
    height: 100% !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  .cauth-brand-bars {
    margin-bottom: 22px !important;
  }
  .cauth-panel-top {
    align-items: center !important;
  }
  .cauth-home {
    min-height: 38px !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
  }
  .cauth-panel-main {
    margin-top: clamp(42px, 6vh, 82px) !important;
  }
  .cauth-panel-title {
    max-width: 620px !important;
    font-size: clamp(44px, 4.65vw, 76px) !important;
    line-height: .9 !important;
  }
  .cauth-panel-subtitle {
    max-width: 510px !important;
    margin-top: 18px !important;
    font-size: clamp(14px, 1.05vw, 16px) !important;
    line-height: 1.68 !important;
  }
  .cauth-form-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(18px, 2.6vw, 44px) !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  .cauth-form-inner {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
  }
  .cauth-form-head {
    margin-bottom: 16px !important;
  }
  .cauth-form-title {
    font-size: clamp(30px, 2.6vw, 44px) !important;
    line-height: 1.02 !important;
  }
  .cauth-form-subtitle {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
  }
  .cauth-close {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
  }
  .cauth-stack {
    gap: 10px !important;
  }
  .cauth-choice {
    padding: 10px 12px !important;
    border-radius: 18px !important;
  }
  .cauth-choice-icon {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }
  .cauth-choice-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  .cauth-choice-copy strong {
    font-size: 13px !important;
  }
  .cauth-choice-copy span {
    font-size: 11px !important;
    margin-top: 2px !important;
  }
  .cauth-choice-arrow {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
  }
  .cauth-form-grid {
    gap: 9px 12px !important;
  }
  .cauth-field-row {
    margin-bottom: 5px !important;
  }
  .cauth-field > span,
  .cauth-field-row label,
  .cauth-field-row span {
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }
  .cauth-ready {
    display: none !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 44px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 72px !important;
    padding-top: 12px !important;
  }
  .cauth-input-wrap i svg {
    width: 16px !important;
    height: 16px !important;
  }
  .cauth-mini-help {
    margin-top: 4px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  .cauth-split,
  .cauth-helper,
  .cauth-status {
    font-size: 11px !important;
  }
  .cauth-actions {
    gap: 10px !important;
  }
  .cauth-btn-inline {
    width: auto !important;
    min-width: 190px !important;
    padding: 0 18px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 17px !important;
  }
  .cauth-code-card,
  .cauth-verify-card,
  .cauth-notice {
    padding: 12px 14px !important;
    border-radius: 18px !important;
  }
  .cauth-tag-grid {
    gap: 8px !important;
  }
  .cauth-tag-option span {
    min-height: 52px !important;
    border-radius: 16px !important;
    padding: 9px 12px !important;
  }
  .cauth-tag-option b {
    font-size: 12px !important;
  }
  .cauth-tag-option small {
    font-size: 10px !important;
    margin-top: 2px !important;
  }
  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    border-radius: 18px !important;
    padding: 12px !important;
  }
  .cauth-progress-row {
    padding: 10px 12px !important;
    border-radius: 16px !important;
    margin-top: 7px !important;
  }
}

@media (max-width: 920px) {
  .cauth-page {
    min-height: 100dvh !important;
    background: #fffaf3 !important;
  }
  .cauth-wrap,
  .cauth-shell {
    min-height: 100dvh !important;
  }
  .cauth-mobile-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 12px 14px !important;
    background: #fffaf3 !important;
    border-bottom: 1px solid rgba(234,223,206,.9) !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(150px, 48vw) !important;
    max-height: 48px !important;
    filter: none !important;
  }
  .cauth-mobile-home {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #062b1c !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }
  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-home,
  .cauth-panel-title,
  .cauth-panel-subtitle {
    display: none !important;
  }
  .cauth-layout {
    display: block !important;
    padding: 0 !important;
    min-height: auto !important;
  }
  .cauth-form-panel {
    display: block !important;
    margin: 0 !important;
    padding: 12px 12px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fffaf3 !important;
    min-height: auto !important;
  }
  .cauth-form-inner {
    max-width: 540px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(234,223,206,.95) !important;
    border-radius: 24px !important;
    background: #fff !important;
    padding: 14px !important;
    box-shadow: 0 14px 34px rgba(85,58,30,.08) !important;
  }
  .cauth-form-head {
    display: none !important;
  }
  .cauth-form-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .cauth-wide {
    grid-column: auto !important;
  }
  .cauth-stack {
    gap: 10px !important;
  }
  .cauth-choice {
    padding: 11px 12px !important;
    border-radius: 18px !important;
  }
  .cauth-choice-icon {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }
  .cauth-choice-copy strong {
    font-size: 13px !important;
  }
  .cauth-choice-copy span {
    font-size: 11px !important;
    margin-top: 2px !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 48px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 78px !important;
  }
  .cauth-actions,
  .cauth-action-group {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .cauth-btn-inline {
    width: 100% !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  .cauth-tag-option span {
    min-height: 54px !important;
    padding: 9px 12px !important;
    border-radius: 16px !important;
  }
  .cauth-store,
  .cauth-mobile-copy {
    display: none !important;
  }
}


/* User requested polish v3: centered desktop hero copy, sharper homepage logo, no close button, plain phone icons, smoother interactions, and iPhone-friendly mobile behavior. */
.cauth-page,
.cauth-page a,
.cauth-page button,
.cauth-page label,
.cauth-page input,
.cauth-page select,
.cauth-page textarea {
  -webkit-tap-highlight-color: transparent;
}
.cauth-page {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.cauth-shell,
.cauth-form-panel,
.cauth-form-inner,
.cauth-choice,
.cauth-btn,
.cauth-input-wrap,
.cauth-phone-control,
.cauth-select-wrap {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.cauth-choice,
.cauth-btn,
.cauth-home,
.cauth-mobile-home,
.cauth-link,
.cauth-input-wrap input,
.cauth-input-wrap textarea,
.cauth-phone-control input,
.cauth-select-wrap select {
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}
.cauth-choice:active,
.cauth-btn:active,
.cauth-home:active,
.cauth-mobile-home:active {
  transform: none !important;
}

.cauth-real-logo,
.cauth-real-logo-light {
  max-width: 190px !important;
}
.cauth-real-logo img,
.cauth-real-logo-light img {
  width: min(170px, 18vw) !important;
  max-height: 56px !important;
  object-fit: contain !important;
  filter: none !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.cauth-panel-content {
  justify-content: space-between !important;
}
.cauth-panel-content > div:first-child {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.cauth-panel-main {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 640px;
  width: 100%;
  margin: 0 auto !important;
  padding: 22px 34px 34px !important;
}
.cauth-panel-title,
.cauth-panel-subtitle {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cauth-panel-title {
  max-width: 560px !important;
}
.cauth-panel-subtitle {
  max-width: 500px !important;
  margin-top: 16px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.cauth-panel-spacer {
  display: none !important;
}
.cauth-form-head {
  display: block !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
}
.cauth-form-head-main {
  max-width: 540px;
}
.cauth-form-title {
  margin-top: 0 !important;
  font-size: clamp(28px, 2.35vw, 40px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.05em !important;
}
.cauth-form-subtitle {
  max-width: 520px !important;
  margin-top: 8px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.cauth-close {
  display: none !important;
}
.cauth-choice-icon-plain,
.cauth-choice-active .cauth-choice-icon-plain {
  background: #f6efe5 !important;
  color: #0f5132 !important;
  box-shadow: none !important;
}
.cauth-choice-active .cauth-choice-icon-plain svg {
  color: #0f5132 !important;
}

@media (min-width: 921px) {
  .cauth-form-panel {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 920px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
  body.auth-fullscreen {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    min-height: 100svh !important;
    height: auto !important;
    overflow: visible !important;
  }
  .cauth-mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 30;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(132px, 44vw) !important;
    max-height: 42px !important;
    image-rendering: auto !important;
  }
  .cauth-form-panel,
  .cauth-form-inner {
    transform: none !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control input,
  .cauth-phone-prefix,
  .cauth-btn,
  .cauth-helper,
  .cauth-link,
  .cauth-status,
  .cauth-choice-copy strong,
  .cauth-choice-copy span {
    font-size: 16px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span,
  .cauth-mini-help {
    font-size: 12px !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 52px !important;
  }
  .cauth-phone-prefix {
    min-height: 52px !important;
  }
  .cauth-form-inner {
    padding: 14px !important;
    border-radius: 22px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    font-size: 18px !important;
  }
}


/* User requested polish v4: remove desktop logo, restore mobile logo size, enforce Roboto on mobile, improve iPhone scroll, and reduce navigation blink. */
@media (min-width: 921px) {
  .cauth-panel-top .cauth-real-logo,
  .cauth-panel-top .cauth-real-logo-light {
    display: none !important;
  }
  .cauth-panel-top {
    justify-content: flex-end !important;
  }
}

@media (max-width: 920px) {
  .cauth-page,
  .cauth-page *,
  .cauth-page input,
  .cauth-page select,
  .cauth-page textarea,
  .cauth-page button {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
  }
  .cauth-mobile-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 10 !important;
    will-change: auto !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(150px, 48vw) !important;
    max-height: 48px !important;
  }
  .cauth-page {
    overflow-anchor: none;
    scroll-behavior: auto !important;
  }
  .cauth-form-panel,
  .cauth-form-inner,
  .cauth-input-wrap,
  .cauth-phone-control,
  .cauth-select-wrap {
    will-change: auto !important;
    backface-visibility: visible !important;
  }
  input,
  textarea,
  select {
    scroll-margin-top: 18px;
  }
}

html.cauth-navigating *,
body.cauth-navigating .cauth-page *,
.cauth-page.cauth-navigating * {
  transition: none !important;
  animation: none !important;
}
html.cauth-navigating .cauth-btn,
html.cauth-navigating .cauth-choice,
body.cauth-navigating .cauth-btn,
body.cauth-navigating .cauth-choice {
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}
.cauth-btn:focus,
.cauth-choice:focus,
.cauth-link:focus,
.cauth-mobile-home:focus,
.cauth-home:focus {
  outline: none !important;
  box-shadow: none !important;
}
.cauth-btn:focus-visible,
.cauth-choice:focus-visible,
.cauth-link:focus-visible,
.cauth-mobile-home:focus-visible,
.cauth-home:focus-visible {
  outline: 3px solid rgba(245,124,0,.28) !important;
  outline-offset: 3px;
}


/* User requested polish v5: no mobile page scroll, solid platform-green CTAs, and reduced desktop navigation flicker. */
.cauth-btn:not(.cauth-btn-secondary),
.cauth-btn:not(.cauth-btn-secondary):hover,
.cauth-btn:not(.cauth-btn-secondary):focus {
  background: #1b8f5a !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(27,143,90,.22) !important;
  color: #fff !important;
}
.cauth-btn:not(.cauth-btn-secondary):hover {
  transform: none !important;
}
.cauth-btn:not(.cauth-btn-secondary):active {
  transform: none !important;
  box-shadow: 0 10px 24px rgba(27,143,90,.18) !important;
}

@media (min-width: 921px) {
  .cauth-page,
  .cauth-shell,
  .cauth-layout,
  .cauth-design-panel,
  .cauth-form-panel {
    contain: paint;
  }
  .cauth-page * {
    animation-duration: 0s !important;
  }
  .cauth-btn,
  .cauth-choice {
    transition-property: border-color, box-shadow, background-color, color !important;
  }
}

@media (max-width: 920px) {
  html,
  body.auth-fullscreen {
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    position: relative !important;
  }
  body.auth-fullscreen .wrap,
  body.auth-fullscreen .noHeaderWrap {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
  }
  .cauth-mobile-topbar {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 7px 12px !important;
    position: relative !important;
    flex: 0 0 54px !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(136px, 45vw) !important;
    max-height: 40px !important;
  }
  .cauth-mobile-home {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }
  .cauth-layout {
    display: block !important;
    height: calc(100svh - 54px) !important;
    min-height: calc(100svh - 54px) !important;
    max-height: calc(100svh - 54px) !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .cauth-form-panel {
    height: calc(100svh - 54px) !important;
    min-height: calc(100svh - 54px) !important;
    max-height: calc(100svh - 54px) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
    background: #fffaf3 !important;
  }
  .cauth-form-inner {
    width: 100% !important;
    max-width: 540px !important;
    max-height: calc(100svh - 70px) !important;
    overflow: hidden !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    gap: 7px !important;
  }
  .cauth-choice {
    padding: 8px 10px !important;
    border-radius: 15px !important;
  }
  .cauth-choice-icon {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }
  .cauth-choice-icon svg {
    width: 17px !important;
    height: 17px !important;
  }
  .cauth-choice-arrow {
    display: none !important;
  }
  .cauth-choice-copy strong,
  .cauth-choice-copy span {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  .cauth-choice-copy span {
    margin-top: 1px !important;
    color: #7d6d59 !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }
  .cauth-phone-prefix {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    font-size: 16px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 58px !important;
    height: 58px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .cauth-field-row {
    margin-bottom: 3px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span,
  .cauth-mini-help {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  .cauth-mini-help {
    margin-top: 3px !important;
  }
  .cauth-actions {
    gap: 6px !important;
  }
  .cauth-btn {
    padding: 0 12px !important;
  }
  .cauth-helper {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .cauth-notice,
  .cauth-code-card,
  .cauth-verify-card,
  .cauth-status {
    padding: 8px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 5px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 5px !important;
  }
  .cauth-tag-option span {
    min-height: 40px !important;
    padding: 6px 5px !important;
    border-radius: 12px !important;
  }
  .cauth-tag-option b {
    font-size: 11px !important;
  }
  .cauth-tag-option small {
    display: none !important;
  }
  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    padding: 10px !important;
    border-radius: 15px !important;
  }
  .cauth-progress-row,
  .cauth-check-row {
    padding: 8px 10px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 380px) {
  .cauth-mobile-topbar .cauth-real-logo img {
    width: 118px !important;
  }
  .cauth-form-panel {
    padding: 6px 8px !important;
  }
  .cauth-form-inner {
    padding: 8px !important;
  }
  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 42px !important;
    height: 42px !important;
  }
  .cauth-choice {
    padding: 7px 9px !important;
  }
}


/* User requested polish v6: mobile no-scroll fit pass and desktop reload flash reduction. */
:root { --cauth-mobile-scale: .90; }
.cauth-btn:not(.cauth-btn-secondary),
.cauth-choice-active .cauth-choice-icon:not(.cauth-choice-icon-plain),
.cauth-tag-option input:checked + span,
.cauth-complete-card > span {
  background: #1b8f5a !important;
  background-image: none !important;
}
.cauth-page,
.cauth-shell,
.cauth-layout,
.cauth-design-panel,
.cauth-form-panel {
  background-clip: padding-box;
}
@media (min-width: 921px) {
  .cauth-page {
    background-color: #fbf4ea !important;
  }
  .cauth-shell {
    background-color: #fffaf3 !important;
  }
  .cauth-form-panel {
    background-color: #fff !important;
  }
  .cauth-design-panel,
  .cauth-panel-bg {
    transform: translateZ(0);
    will-change: auto;
  }
}

@media (max-width: 920px) {
  :root { --cauth-mobile-scale: .88; }
  html,
  body.auth-fullscreen {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: manipulation;
  }
  body.auth-fullscreen .wrap,
  body.auth-fullscreen .noHeaderWrap,
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }
  .cauth-mobile-topbar {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 4px 10px !important;
    position: relative !important;
    flex: 0 0 44px !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(126px, 42vw) !important;
    max-height: 36px !important;
  }
  .cauth-mobile-home {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }
  .cauth-layout {
    display: block !important;
    height: calc(100svh - 44px) !important;
    min-height: calc(100svh - 44px) !important;
    max-height: calc(100svh - 44px) !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .cauth-form-panel {
    display: block !important;
    height: calc(100svh - 44px) !important;
    min-height: calc(100svh - 44px) !important;
    max-height: calc(100svh - 44px) !important;
    overflow: hidden !important;
    padding: 4px 6px !important;
    background: #fffaf3 !important;
  }
  .cauth-form-inner {
    width: calc(100% / var(--cauth-mobile-scale)) !important;
    max-width: calc(540px / var(--cauth-mobile-scale)) !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 8px !important;
    border-radius: 16px !important;
    margin: 0 auto !important;
    transform: scale(var(--cauth-mobile-scale)) translateZ(0) !important;
    transform-origin: top center !important;
  }
  .cauth-form-head,
  .cauth-panel-main,
  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-top,
  .cauth-panel-bottom,
  .cauth-panel-spacer,
  .cauth-helper,
  .cauth-mini-help,
  .cn-google-note,
  .cn-google-divider {
    display: none !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    gap: 6px !important;
  }
  .cauth-form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .cauth-wide {
    grid-column: 1 / -1 !important;
  }
  .cauth-choice {
    min-height: 40px !important;
    padding: 7px 9px !important;
    border-radius: 13px !important;
    box-shadow: 0 6px 16px rgba(57,42,24,.045) !important;
  }
  .cauth-choice-icon {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }
  .cauth-choice-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .cauth-choice-copy strong {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }
  .cauth-choice-copy span,
  .cauth-choice-arrow {
    display: none !important;
  }
  .cauth-field-row {
    margin-bottom: 2px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span {
    font-size: 9px !important;
    line-height: 1.05 !important;
    letter-spacing: .12em !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }
  .cauth-input-wrap i,
  .cauth-select-wrap i {
    left: 12px !important;
  }
  .cauth-input-wrap i svg,
  .cauth-select-wrap i svg {
    width: 15px !important;
    height: 15px !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select {
    padding-left: 36px !important;
    padding-right: 10px !important;
  }
  .cauth-phone-prefix {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 8px !important;
    font-size: 16px !important;
  }
  .cauth-phone-control input {
    padding: 0 8px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
    padding-left: 36px !important;
  }
  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .cauth-link {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  .cauth-btn-inline {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .cauth-btn {
    padding: 0 10px !important;
  }
  .cauth-notice {
    display: none !important;
  }
  .cauth-status,
  .cauth-code-card,
  .cauth-verify-card {
    padding: 7px 9px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
  }
  .cauth-code-card strong {
    font-size: 14px !important;
    margin-top: 2px !important;
  }
  .cauth-code-card small,
  .cauth-verify-card p,
  .cauth-verify-card span {
    display: none !important;
  }
  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 4px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 4px !important;
  }
  .cauth-tag-option span {
    min-height: 34px !important;
    padding: 4px 3px !important;
    border-radius: 10px !important;
  }
  .cauth-tag-option b {
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .cauth-tag-option small {
    display: none !important;
  }
  .cn-google-auth {
    margin: 4px 0 0 !important;
  }
  .cn-google-button-wrap .g_id_signin,
  .cn-google-button-wrap iframe {
    max-width: 100% !important;
  }
  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    padding: 8px !important;
    border-radius: 12px !important;
  }
  .cauth-avatar-preview {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .cauth-progress-panel h3,
  .cauth-setup-card span,
  .cauth-avatar-card span,
  .cauth-complete-card p {
    display: none !important;
  }
  .cauth-progress-row,
  .cauth-check-row {
    padding: 6px 8px !important;
    border-radius: 11px !important;
  }
}

@media (max-width: 920px) and (min-height: 820px) {
  :root { --cauth-mobile-scale: .94; }
}
@media (max-width: 920px) and (max-height: 740px) {
  :root { --cauth-mobile-scale: .82; }
  .cauth-mobile-topbar { height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
  .cauth-layout,.cauth-form-panel { height: calc(100svh - 40px) !important; min-height: calc(100svh - 40px) !important; max-height: calc(100svh - 40px) !important; }
}
@media (max-width: 380px) {
  :root { --cauth-mobile-scale: .80; }
  .cauth-mobile-topbar .cauth-real-logo img { width: 112px !important; }
}


/* User requested polish v7: mobile fields stacked, no clipping, compact no-scroll mobile, solid green CTAs, and desktop navigation cover. */
.cauth-load-cover {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(27,143,90,.12), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(245,124,0,.10), transparent 30%),
    #fbf4ea;
  transition: opacity .08s linear;
}
html.cauth-transitioning .cauth-load-cover,
body.cauth-transitioning .cauth-load-cover {
  opacity: 1;
}
html.cauth-transitioning *,
body.cauth-transitioning .cauth-page * {
  transition: none !important;
  animation: none !important;
}

.cauth-btn,
.cauth-choice-active .cauth-choice-icon:not(.cauth-choice-icon-plain),
.cauth-tag-option input:checked + span,
.cauth-complete-card > span {
  background: #1b8f5a !important;
  background-image: none !important;
}
.cauth-btn {
  box-shadow: 0 14px 30px rgba(27,143,90,.20) !important;
}

@media (max-width: 920px) {
  :root {
    --cauth-mobile-scale: 1 !important;
    --cauth-mobile-zoom: .88;
  }
  html,
  body.auth-fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
    overscroll-behavior: none !important;
  }
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
  }
  .cauth-mobile-topbar {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 5px 10px !important;
    position: relative !important;
    flex: 0 0 42px !important;
    overflow: hidden !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(126px, 42vw) !important;
    max-height: 34px !important;
    display: block !important;
  }
  .cauth-mobile-home {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 30px !important;
  }
  .cauth-layout,
  .cauth-form-panel {
    display: block !important;
    height: calc(100svh - 42px) !important;
    min-height: calc(100svh - 42px) !important;
    max-height: calc(100svh - 42px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fffaf3 !important;
  }
  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-panel-bottom,
  .cauth-panel-spacer,
  .cauth-form-head,
  .cauth-helper,
  .cauth-mini-help,
  .cn-google-note,
  .cn-google-divider {
    display: none !important;
  }
  .cauth-form-inner {
    width: 100% !important;
    max-width: 430px !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 7px 8px !important;
    border-radius: 18px !important;
    background: #fff !important;
    overflow: visible !important;
    transform: none !important;
    zoom: var(--cauth-mobile-zoom);
    box-shadow: 0 10px 26px rgba(85,58,30,.075) !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  .cauth-wide {
    grid-column: auto !important;
  }
  .cauth-field-row {
    margin-bottom: 1px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span {
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .1em !important;
  }
  .cauth-input-wrap,
  .cauth-select-wrap,
  .cauth-phone-control {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select {
    padding-left: 34px !important;
    padding-right: 8px !important;
  }
  .cauth-input-wrap i,
  .cauth-select-wrap i {
    left: 11px !important;
  }
  .cauth-input-wrap i svg,
  .cauth-select-wrap i svg {
    width: 14px !important;
    height: 14px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 42px !important;
    height: 42px !important;
    padding: 7px 8px 6px 34px !important;
    font-size: 16px !important;
    border-radius: 12px !important;
  }
  .cauth-phone-prefix {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 8px !important;
    font-size: 16px !important;
  }
  .cauth-phone-control input {
    padding: 0 8px !important;
  }
  .cauth-choice {
    min-height: 38px !important;
    padding: 6px 8px !important;
    border-radius: 13px !important;
    width: 100% !important;
  }
  .cauth-choice-main {
    gap: 9px !important;
    min-width: 0 !important;
  }
  .cauth-choice-icon {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }
  .cauth-choice-icon svg {
    width: 15px !important;
    height: 15px !important;
  }
  .cauth-choice-copy {
    min-width: 0 !important;
  }
  .cauth-choice-copy strong {
    font-size: 14px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .cauth-choice-copy span,
  .cauth-choice-arrow {
    display: none !important;
  }
  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 1px !important;
  }
  .cauth-link {
    flex: 0 0 auto !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .cauth-btn-inline,
  .cauth-btn {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 10px !important;
  }
  .cauth-notice {
    display: none !important;
  }
  .cauth-status,
  .cauth-code-card,
  .cauth-verify-card {
    padding: 6px 8px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }
  .cauth-code-card strong,
  .cauth-verify-card strong {
    font-size: 13px !important;
    margin-top: 0 !important;
  }
  .cauth-code-card small,
  .cauth-verify-card p,
  .cauth-verify-card span {
    display: none !important;
  }
  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 4px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 4px !important;
  }
  .cauth-tag-option span {
    min-height: 32px !important;
    padding: 4px 3px !important;
    border-radius: 10px !important;
  }
  .cauth-tag-option b {
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .cauth-tag-option small {
    display: none !important;
  }
  .cn-google-auth {
    margin: 3px 0 0 !important;
  }
  .cn-google-button-wrap,
  .cn-google-button-wrap .g_id_signin,
  .cn-google-button-wrap iframe {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    padding: 7px !important;
    border-radius: 12px !important;
  }
  .cauth-avatar-preview {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
  .cauth-progress-panel h3,
  .cauth-setup-card span,
  .cauth-avatar-card span,
  .cauth-complete-card p,
  .cauth-complete-card small {
    display: none !important;
  }
  .cauth-progress-row,
  .cauth-check-row {
    padding: 5px 8px !important;
    border-radius: 10px !important;
  }
}
@media (max-width: 920px) and (min-height: 820px) {
  :root { --cauth-mobile-zoom: .92; }
}
@media (max-width: 920px) and (max-height: 740px) {
  :root { --cauth-mobile-zoom: .80; }
  .cauth-mobile-topbar { height: 38px !important; min-height: 38px !important; max-height: 38px !important; }
  .cauth-layout,.cauth-form-panel { height: calc(100svh - 38px) !important; min-height: calc(100svh - 38px) !important; max-height: calc(100svh - 38px) !important; }
  .cauth-mobile-topbar .cauth-real-logo img { width: 112px !important; max-height: 30px !important; }
}
@media (max-width: 380px) {
  :root { --cauth-mobile-zoom: .78; }
  .cauth-mobile-topbar .cauth-real-logo img { width: 110px !important; }
}


/* User requested polish v8: mobile is a full-page stacked form with no half-card, and desktop first paint is stabilized to reduce reload flash. */
@media (min-width: 921px) {
  body.auth-fullscreen,
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    background: #fbf4ea !important;
  }
  .cauth-shell {
    min-height: 100dvh !important;
  }
  .cauth-layout {
    min-height: 100dvh !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: minmax(420px,1fr) minmax(480px,1.05fr) !important;
  }
  .cauth-design-panel,
  .cauth-form-panel {
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }
  .cauth-design-panel {
    padding: 28px !important;
  }
  .cauth-form-panel {
    border: 0 !important;
    padding: 22px !important;
    background: #fff !important;
  }
  .cauth-form-inner {
    max-width: 560px !important;
  }
  .cauth-real-logo-light {
    display: none !important;
  }
  .cauth-brand-bars {
    margin-bottom: 0 !important;
  }
  .cauth-panel-top {
    justify-content: flex-end !important;
  }
  .cauth-load-cover {
    background: #fbf4ea !important;
    transition: none !important;
  }
}

@media (max-width: 920px) {
  :root {
    --cauth-mobile-scale: 1 !important;
    --cauth-mobile-zoom: 1 !important;
  }
  html,
  body.auth-fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
    overscroll-behavior: none !important;
    -webkit-text-size-adjust: 100% !important;
  }
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
  }
  .cauth-mobile-topbar {
    display: flex !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 8px 14px !important;
    position: relative !important;
    flex: 0 0 52px !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
    border-bottom: 1px solid rgba(234,223,206,.9) !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(150px, 48vw) !important;
    max-height: 44px !important;
    display: block !important;
  }
  .cauth-mobile-home {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 34px !important;
  }
  .cauth-layout,
  .cauth-form-panel {
    display: block !important;
    height: calc(100svh - 52px) !important;
    min-height: calc(100svh - 52px) !important;
    max-height: calc(100svh - 52px) !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }
  .cauth-form-inner {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    zoom: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-panel-bottom,
  .cauth-panel-spacer,
  .cauth-form-head,
  .cauth-helper,
  .cauth-mini-help,
  .cn-google-note,
  .cn-google-divider {
    display: none !important;
  }
  .cauth-stack,
  .cauth-form-grid,
  .cauth-form-inner > form,
  .cauth-form-inner > div {
    width: 100% !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  .cauth-wide {
    grid-column: auto !important;
  }
  .cauth-field-row {
    margin-bottom: 2px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span {
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
  }
  .cauth-input-wrap,
  .cauth-select-wrap,
  .cauth-phone-control {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select {
    padding-left: 36px !important;
    padding-right: 9px !important;
  }
  .cauth-input-wrap i,
  .cauth-select-wrap i {
    left: 12px !important;
  }
  .cauth-input-wrap i svg,
  .cauth-select-wrap i svg {
    width: 15px !important;
    height: 15px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 48px !important;
    height: 48px !important;
    padding: 8px 9px 6px 36px !important;
    font-size: 16px !important;
    border-radius: 13px !important;
  }
  .cauth-phone-prefix {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 9px !important;
    font-size: 16px !important;
  }
  .cauth-phone-control input {
    padding: 0 9px !important;
  }
  .cauth-choice {
    min-height: 44px !important;
    padding: 7px 9px !important;
    border-radius: 14px !important;
    width: 100% !important;
  }
  .cauth-choice-main {
    gap: 9px !important;
    min-width: 0 !important;
  }
  .cauth-choice-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }
  .cauth-choice-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .cauth-choice-copy {
    min-width: 0 !important;
  }
  .cauth-choice-copy strong {
    font-size: 15px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .cauth-choice-copy span,
  .cauth-choice-arrow {
    display: none !important;
  }
  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 2px !important;
  }
  .cauth-link {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .cauth-btn-inline,
  .cauth-btn {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 10px !important;
  }
  .cauth-notice {
    display: none !important;
  }
  .cauth-status,
  .cauth-code-card,
  .cauth-verify-card {
    padding: 7px 9px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  .cauth-code-card strong,
  .cauth-verify-card strong {
    font-size: 14px !important;
    margin-top: 0 !important;
  }
  .cauth-code-card small,
  .cauth-verify-card p,
  .cauth-verify-card span {
    display: none !important;
  }
  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 5px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 4px !important;
  }
  .cauth-tag-option span {
    min-height: 34px !important;
    padding: 4px 3px !important;
    border-radius: 10px !important;
  }
  .cauth-tag-option b {
    font-size: 10px !important;
    line-height: 1 !important;
  }
  .cauth-tag-option small {
    display: none !important;
  }
  .cn-google-auth {
    margin: 4px 0 0 !important;
  }
  .cn-google-button-wrap,
  .cn-google-button-wrap .g_id_signin,
  .cn-google-button-wrap iframe {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    padding: 8px !important;
    border-radius: 13px !important;
  }
  .cauth-avatar-preview {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .cauth-progress-panel h3,
  .cauth-setup-card span,
  .cauth-avatar-card span,
  .cauth-complete-card p,
  .cauth-complete-card small {
    display: none !important;
  }
  .cauth-progress-row,
  .cauth-check-row {
    padding: 6px 8px !important;
    border-radius: 11px !important;
  }
}
@media (max-width: 920px) and (max-height: 760px) {
  .cauth-mobile-topbar { height: 46px !important; min-height: 46px !important; max-height: 46px !important; padding: 6px 12px !important; }
  .cauth-layout,.cauth-form-panel { height: calc(100svh - 46px) !important; min-height: calc(100svh - 46px) !important; max-height: calc(100svh - 46px) !important; }
  .cauth-mobile-topbar .cauth-real-logo img { width: 124px !important; max-height: 36px !important; }
  .cauth-form-inner { padding: 9px 12px !important; }
  .cauth-stack,.cauth-form-grid { gap: 5px !important; }
  .cauth-input-wrap input,.cauth-select-wrap select,.cauth-phone-control,.cauth-phone-control input,.cauth-btn { height: 38px !important; min-height: 38px !important; }
  .cauth-input-wrap textarea { height: 42px !important; min-height: 42px !important; }
  .cauth-choice { min-height: 38px !important; padding: 6px 8px !important; }
  .cauth-choice-icon { flex-basis: 32px !important; width: 32px !important; height: 32px !important; }
  .cauth-otp-grid input,.cauth-otp-inputs input { height: 35px !important; min-height: 35px !important; }
}

/* Mobile balance fix v6: full-page, stacked, readable spacing without page-level vertical scrolling. */
@media (max-width: 920px) {
  html,
  body.auth-fullscreen {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    -webkit-text-size-adjust: 100% !important;
  }
  body.auth-fullscreen .wrap,
  body.auth-fullscreen .noHeaderWrap,
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
  }
  .cauth-mobile-topbar {
    position: relative !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 8px 16px !important;
    border-bottom: 1px solid rgba(234,223,206,.86) !important;
    background: #fffaf3 !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(144px, 45vw) !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }
  .cauth-mobile-home {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }
  .cauth-layout,
  .cauth-form-panel {
    display: block !important;
    height: calc(100svh - 58px) !important;
    min-height: calc(100svh - 58px) !important;
    max-height: calc(100svh - 58px) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #fffaf3 !important;
  }
  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-panel-bottom,
  .cauth-panel-spacer,
  .cauth-form-head,
  .cauth-helper,
  .cauth-mini-help,
  .cn-google-note,
  .cn-google-divider {
    display: none !important;
  }
  .cauth-form-inner {
    width: 100% !important;
    max-width: 480px !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: clamp(14px, 2.6svh, 24px) 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fffaf3 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    transform: none !important;
    zoom: 1 !important;
  }
  .cauth-stack,
  .cauth-form-grid,
  .cauth-form-inner > form,
  .cauth-form-inner > div {
    width: 100% !important;
    max-width: 448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(9px, 1.35svh, 13px) !important;
    align-content: start !important;
  }
  .cauth-wide {
    grid-column: auto !important;
  }
  .cauth-field-row {
    margin-bottom: 4px !important;
  }
  .cauth-field-row span,
  .cauth-field-row label,
  .cauth-field > span {
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    letter-spacing: .15em !important;
  }
  .cauth-input-wrap,
  .cauth-select-wrap,
  .cauth-phone-control {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: clamp(46px, 6.2svh, 54px) !important;
    height: clamp(46px, 6.2svh, 54px) !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select {
    padding-left: 40px !important;
    padding-right: 12px !important;
  }
  .cauth-input-wrap i,
  .cauth-select-wrap i {
    left: 14px !important;
  }
  .cauth-input-wrap i svg,
  .cauth-select-wrap i svg {
    width: 17px !important;
    height: 17px !important;
  }
  .cauth-input-wrap textarea {
    min-height: clamp(58px, 8svh, 74px) !important;
    height: clamp(58px, 8svh, 74px) !important;
    padding: 10px 12px 8px 40px !important;
    font-size: 16px !important;
    border-radius: 16px !important;
    line-height: 1.25 !important;
  }
  .cauth-phone-prefix {
    min-height: clamp(46px, 6.2svh, 54px) !important;
    height: clamp(46px, 6.2svh, 54px) !important;
    padding: 0 12px !important;
    font-size: 16px !important;
  }
  .cauth-phone-control input {
    padding: 0 12px !important;
  }
  .cauth-choice {
    min-height: clamp(52px, 7svh, 62px) !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    width: 100% !important;
  }
  .cauth-choice-main {
    gap: 11px !important;
    min-width: 0 !important;
  }
  .cauth-choice-icon {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }
  .cauth-choice-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
  .cauth-choice-copy strong {
    font-size: 16px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .cauth-choice-copy span {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin-top: 3px !important;
    white-space: normal !important;
  }
  .cauth-choice-arrow {
    display: none !important;
  }
  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 2px !important;
  }
  .cauth-link {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .cauth-btn-inline,
  .cauth-btn {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 14px !important;
  }
  .cauth-notice {
    display: none !important;
  }
  .cauth-status,
  .cauth-code-card,
  .cauth-verify-card {
    padding: 9px 12px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .cauth-code-card strong,
  .cauth-verify-card strong {
    font-size: 15px !important;
    margin-top: 0 !important;
  }
  .cauth-code-card small,
  .cauth-verify-card p,
  .cauth-verify-card span {
    display: none !important;
  }
  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 7px !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: clamp(42px, 5.6svh, 50px) !important;
    min-height: clamp(42px, 5.6svh, 50px) !important;
    border-radius: 14px !important;
    font-size: 18px !important;
  }
  .cauth-tag-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  .cauth-tag-option span {
    min-height: clamp(42px, 5.5svh, 50px) !important;
    padding: 7px 5px !important;
    border-radius: 14px !important;
  }
  .cauth-tag-option b {
    font-size: 11px !important;
    line-height: 1 !important;
  }
  .cauth-tag-option small {
    display: none !important;
  }
  .cn-google-auth {
    margin: 6px 0 0 !important;
  }
  .cn-google-button-wrap,
  .cn-google-button-wrap .g_id_signin,
  .cn-google-button-wrap iframe {
    max-width: 100% !important;
    overflow: hidden !important;
  }
}

@media (max-width: 920px) and (max-height: 720px) {
  .cauth-mobile-topbar {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 7px 14px !important;
  }
  .cauth-layout,
  .cauth-form-panel {
    height: calc(100svh - 52px) !important;
    min-height: calc(100svh - 52px) !important;
    max-height: calc(100svh - 52px) !important;
  }
  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(132px, 43vw) !important;
    max-height: 38px !important;
  }
  .cauth-form-inner {
    padding: 11px 14px !important;
  }
  .cauth-stack,
  .cauth-form-grid {
    gap: 8px !important;
  }
  .cauth-input-wrap input,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 44px !important;
    height: 44px !important;
  }
  .cauth-input-wrap textarea {
    min-height: 54px !important;
    height: 54px !important;
  }
  .cauth-choice {
    min-height: 48px !important;
    padding: 8px 10px !important;
  }
  .cauth-choice-icon {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .cauth-choice-copy span {
    display: none !important;
  }
  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 40px !important;
    min-height: 40px !important;
  }
  .cauth-tag-option span {
    min-height: 38px !important;
  }
}


/* Mobile center alignment refinement */
@media (max-width: 920px) {
  .cauth-form-inner,
  .cauth-stack {
    text-align: center !important;
  }

  .cauth-form-head,
  .cauth-form-head-main,
  .cauth-form-title,
  .cauth-form-subtitle,
  .cauth-helper,
  .cauth-status,
  .cauth-mobile-copy,
  .cauth-code-card,
  .cauth-verify-card,
  .cauth-notice,
  .cauth-complete-card,
  .cauth-complete-card p,
  .cauth-complete-card small,
  .cauth-complete-card strong {
    text-align: center !important;
  }

  .cauth-form-head-main,
  .cauth-form-subtitle,
  .cauth-helper,
  .cauth-status,
  .cauth-notice,
  .cauth-code-card,
  .cauth-verify-card,
  .cauth-complete-card {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cauth-field-row {
    justify-content: center !important;
    text-align: center !important;
  }

  .cauth-field > span,
  .cauth-field-row label,
  .cauth-field-row span,
  .cauth-field-row small,
  .cauth-mini-help,
  .cauth-choice-copy,
  .cauth-choice-copy strong,
  .cauth-choice-copy span {
    text-align: center !important;
  }

  .cauth-choice-main {
    justify-content: center !important;
  }

  .cauth-choice {
    text-align: center !important;
  }

  .cauth-actions,
  .cauth-action-group {
    justify-content: center !important;
    align-items: center !important;
  }

  .cauth-check-row {
    text-align: center !important;
  }

  .cauth-check-row span:first-child {
    flex: 1 1 auto;
    text-align: center !important;
  }

  .cauth-btn-inline,
  .cauth-btn,
  .cauth-link {
    text-align: center !important;
  }
}


/* Mobile rollback to the approved full-width Roboto auth polish version. Keep desktop/current backend changes untouched. */
@media (max-width: 920px) {
  html,
  body.auth-fullscreen {
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-text-size-adjust: 100% !important;
  }

  .cauth-page,
  .cauth-page *,
  .cauth-page button,
  .cauth-page input,
  .cauth-page select,
  .cauth-page textarea,
  body.auth-fullscreen {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
  }

  body.auth-fullscreen .wrap,
  body.auth-fullscreen .noHeaderWrap,
  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
    background: #fffaf3 !important;
  }

  .cauth-wrap {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .cauth-shell {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .cauth-mobile-topbar {
    display: flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 12px 14px !important;
    background: #fffaf3 !important;
    border-bottom: 1px solid rgba(234,223,206,.9) !important;
  }

  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(150px, 48vw) !important;
    max-height: 48px !important;
    object-fit: contain !important;
    filter: none !important;
    image-rendering: auto !important;
  }

  .cauth-mobile-home {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    height: auto !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #062b1c !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
  }

  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-panel-bottom,
  .cauth-panel-spacer,
  .cauth-home,
  .cauth-panel-title,
  .cauth-panel-subtitle {
    display: none !important;
  }

  .cauth-layout {
    display: block !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fffaf3 !important;
  }

  .cauth-form-panel {
    display: block !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 12px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fffaf3 !important;
    overflow: visible !important;
  }

  .cauth-form-inner {
    display: block !important;
    width: 100% !important;
    max-width: 540px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    border: 1px solid rgba(234,223,206,.95) !important;
    border-radius: 24px !important;
    background: #fff !important;
    padding: 14px !important;
    box-shadow: 0 14px 34px rgba(85,58,30,.08) !important;
    overflow: visible !important;
    transform: none !important;
    zoom: 1 !important;
    text-align: initial !important;
  }

  .cauth-form-head {
    display: none !important;
  }

  .cauth-stack,
  .cauth-form-grid,
  .cauth-form-inner > form,
  .cauth-form-inner > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: initial !important;
  }

  .cauth-stack,
  .cauth-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-content: start !important;
  }

  .cauth-wide {
    grid-column: auto !important;
  }

  .cauth-choice {
    min-height: auto !important;
    padding: 11px 12px !important;
    border-radius: 18px !important;
    width: 100% !important;
    text-align: left !important;
  }

  .cauth-choice-main {
    justify-content: flex-start !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  .cauth-choice-icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
  }

  .cauth-choice-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .cauth-choice-copy,
  .cauth-choice-copy strong,
  .cauth-choice-copy span {
    text-align: left !important;
  }

  .cauth-choice-copy strong {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .cauth-choice-copy span {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-top: 2px !important;
    white-space: normal !important;
  }

  .cauth-choice-arrow {
    display: grid !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .cauth-field-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
    margin-bottom: 5px !important;
  }

  .cauth-field > span,
  .cauth-field-row label,
  .cauth-field-row span,
  .cauth-field-row small,
  .cauth-mini-help {
    text-align: left !important;
  }

  .cauth-field > span,
  .cauth-field-row label,
  .cauth-field-row span {
    font-size: 10px !important;
    letter-spacing: .16em !important;
    line-height: 1.2 !important;
  }

  .cauth-ready {
    display: none !important;
  }

  .cauth-input-wrap,
  .cauth-select-wrap,
  .cauth-phone-control {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn {
    min-height: 48px !important;
    height: auto !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .cauth-input-wrap input,
  .cauth-select-wrap select {
    padding-left: 48px !important;
    padding-right: 16px !important;
  }

  .cauth-input-wrap i,
  .cauth-select-wrap i {
    left: 16px !important;
  }

  .cauth-input-wrap i svg,
  .cauth-select-wrap i svg {
    width: 16px !important;
    height: 16px !important;
  }

  .cauth-input-wrap textarea {
    min-height: 78px !important;
    height: auto !important;
    padding: 12px 16px 12px 48px !important;
    resize: vertical !important;
  }

  .cauth-phone-prefix {
    min-height: 48px !important;
    height: auto !important;
    padding: 0 12px !important;
    font-size: 16px !important;
  }

  .cauth-phone-control input {
    padding: 0 12px !important;
  }

  .cauth-mini-help {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .cauth-split,
  .cauth-helper,
  .cauth-status {
    display: block !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .cauth-link {
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .cauth-btn-inline,
  .cauth-btn {
    width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
    padding: 0 18px !important;
    text-align: center !important;
  }

  .cauth-notice {
    display: flex !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    text-align: left !important;
  }

  .cauth-code-card,
  .cauth-verify-card {
    display: block !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    text-align: center !important;
  }

  .cauth-code-card small {
    display: block !important;
  }

  .cauth-code-card strong,
  .cauth-verify-card strong {
    display: block !important;
    font-size: 17px !important;
    margin-top: 4px !important;
  }

  .cauth-verify-card span {
    display: grid !important;
  }

  .cauth-verify-card p {
    display: block !important;
    font-size: 12px !important;
  }

  .cauth-otp-grid,
  .cauth-otp-inputs {
    gap: 6px !important;
  }

  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 15px !important;
    font-size: 18px !important;
  }

  .cauth-tag-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .cauth-tag-option span {
    min-height: 54px !important;
    padding: 9px 12px !important;
    border-radius: 16px !important;
  }

  .cauth-tag-option b {
    font-size: 12px !important;
    text-align: left !important;
  }

  .cauth-tag-option small {
    display: block !important;
    font-size: 10px !important;
    margin-top: 2px !important;
    text-align: left !important;
  }

  .cn-google-auth {
    margin: 14px 0 4px !important;
  }

  .cn-google-divider,
  .cn-google-note {
    display: block !important;
  }

  .cauth-avatar-card,
  .cauth-progress-panel,
  .cauth-setup-card,
  .cauth-complete-card {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  .cauth-complete-card,
  .cauth-complete-card p,
  .cauth-complete-card small,
  .cauth-complete-card strong {
    text-align: left !important;
  }

  .cauth-progress-row,
  .cauth-check-row {
    padding: 10px 12px !important;
    border-radius: 16px !important;
    text-align: left !important;
  }

  .cauth-check-row span:first-child {
    flex: initial !important;
    text-align: left !important;
  }

  .cauth-store,
  .cauth-mobile-copy {
    display: none !important;
  }
}

/* Requested polish: orange selected address tags, balanced mobile chooser cards, bigger mobile logo, side-by-side mobile Back/Continue buttons. */
.cauth-tag-option input:checked + span {
  border-color: var(--cauth-orange) !important;
  background: var(--cauth-orange) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(245,124,0,.22) !important;
}
.cauth-tag-option input:checked + span b,
.cauth-tag-option input:checked + span small {
  color: #fff !important;
}

@media (max-width: 920px) {
  .cauth-page,
  .cauth-page *,
  .cauth-page button,
  .cauth-page input,
  .cauth-page select,
  .cauth-page textarea {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
  }

  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(168px, 56vw) !important;
    max-height: 54px !important;
  }

  .cauth-mobile-topbar {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    padding: 8px 14px !important;
  }

  .cauth-layout {
    height: calc(100svh - 60px) !important;
    min-height: calc(100svh - 60px) !important;
  }

  .cauth-form-panel {
    height: calc(100svh - 60px) !important;
    min-height: calc(100svh - 60px) !important;
  }

  /* Center only the short entry forms so top/bottom whitespace feels balanced. */
  .cauth-page[data-cauth-step="01"] .cauth-form-panel,
  .cauth-page[data-cauth-step="05"] .cauth-form-panel,
  .cauth-page[data-cauth-step="09"] .cauth-form-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 14px 18px !important;
    background: #fffaf3 !important;
  }

  .cauth-page[data-cauth-step="01"] .cauth-form-inner,
  .cauth-page[data-cauth-step="05"] .cauth-form-inner,
  .cauth-page[data-cauth-step="09"] .cauth-form-inner {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 auto !important;
    padding: 18px 16px !important;
    border: 1px solid rgba(234,223,206,.95) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(85,58,30,.08) !important;
    overflow: visible !important;
  }

  .cauth-page[data-cauth-step="01"] .cauth-stack,
  .cauth-page[data-cauth-step="05"] .cauth-stack,
  .cauth-page[data-cauth-step="09"] .cauth-stack {
    gap: 12px !important;
  }

  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .cauth-actions .cauth-link {
    flex: 0 0 auto !important;
    min-width: 72px !important;
    max-width: 42% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
    background: #fff7ed !important;
    color: var(--cauth-orange) !important;
    white-space: nowrap !important;
  }

  .cauth-btn-inline,
  .cauth-action-group .cauth-btn,
  .cauth-actions .cauth-btn {
    flex: 0 1 172px !important;
    width: auto !important;
    min-width: 136px !important;
    max-width: 68% !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
  }

  .cauth-actions .cauth-btn svg,
  .cauth-btn-inline svg {
    width: 16px !important;
    height: 16px !important;
  }
}


/* Mobile-only auth spacing polish: phone signup/login button spacing, email login spacing, and larger mobile logo. */
@media (max-width: 920px) {
  .cauth-mobile-topbar {
    min-height: 64px !important;
    height: 64px !important;
    padding: 8px 16px !important;
  }

  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(176px, 56vw) !important;
    max-height: 54px !important;
  }

  /* Vertically balance the short mobile auth pages. */
  .cauth-page[data-cauth-step="02"] .cauth-form-inner,
  .cauth-page[data-cauth-step="03"] .cauth-form-inner,
  .cauth-page[data-cauth-step="09"] .cauth-form-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  /* Phone login and phone signup: keep actions compact and give breathing room below. */
  .cauth-page[data-cauth-step="03"] .cauth-actions,
  .cauth-page[data-cauth-step="09"] .cauth-actions {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    gap: 12px !important;
  }

  .cauth-page[data-cauth-step="03"] .cauth-actions .cauth-btn,
  .cauth-page[data-cauth-step="03"] .cauth-btn-inline,
  .cauth-page[data-cauth-step="09"] .cauth-actions .cauth-btn,
  .cauth-page[data-cauth-step="09"] .cauth-btn-inline {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 158px !important;
    padding: 0 14px !important;
  }

  .cauth-page[data-cauth-step="03"] form.cauth-stack + .cauth-helper,
  .cauth-page[data-cauth-step="09"] form.cauth-stack + .cauth-helper {
    margin-top: 20px !important;
    padding-top: 4px !important;
  }

  /* Login with email: make the split row breathe horizontally. */
  .cauth-page[data-cauth-step="02"] .cauth-split {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    flex-wrap: nowrap !important;
  }

  .cauth-page[data-cauth-step="02"] .cauth-split span,
  .cauth-page[data-cauth-step="02"] .cauth-split a {
    white-space: nowrap !important;
  }

  /* Google note only: center and separate it from the account-create helper. */
  .cauth-page[data-cauth-step="02"] .cn-google-note {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
  }

  .cauth-page[data-cauth-step="02"] .cn-google-auth + .cauth-helper {
    margin-top: 18px !important;
  }
}


/* Mobile-only Stitch-inspired premium redesign v1 */
@media (max-width: 767px) {
  html,
  body.auth-fullscreen {
    height: 100%;
    overflow: hidden !important;
    background: #062b1c !important;
  }

  .cauth-page,
  .cauth-wrap,
  .cauth-shell {
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  .cauth-page {
    position: relative !important;
    isolation: isolate !important;
    background:
      linear-gradient(160deg, rgba(6,43,28,.94), rgba(6,43,28,.82) 42%, rgba(27,143,90,.70)),
      radial-gradient(circle at 15% 0%, rgba(245,124,0,.38), transparent 34%),
      radial-gradient(circle at 100% 18%, rgba(211,47,47,.22), transparent 30%),
      url('/assets/images/auth/chopnow-auth-bg.jpg') center/cover no-repeat !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
  }

  .cauth-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      linear-gradient(135deg, rgba(255,255,255,.075) 0 1px, transparent 1px),
      radial-gradient(circle at 50% 100%, rgba(255,250,243,.20), transparent 36%);
    background-size: 42px 42px, auto;
  }

  .cauth-shell {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
  }

  .cauth-mobile-topbar {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    width: calc(100% - 24px) !important;
    margin: 10px 12px 0 !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.90) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  .cauth-mobile-topbar .cauth-real-logo img {
    width: min(176px, 56vw) !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  .cauth-mobile-home {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 15px !important;
    background: #062b1c !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(6,43,28,.22) !important;
  }

  .cauth-layout {
    display: flex !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-home,
  .cauth-panel-title,
  .cauth-panel-subtitle {
    display: none !important;
  }

  .cauth-form-panel {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 14px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .cauth-form-inner {
    position: relative !important;
    width: 100% !important;
    max-width: 470px !important;
    height: auto !important;
    min-height: auto !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    padding: 18px 16px 16px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 30px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,243,.97)) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .cauth-form-inner::before {
    content: "";
    display: block;
    height: 6px;
    margin: -2px 0 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #1b8f5a, #f57c00, #d32f2f);
  }

  .cauth-form-inner::after {
    content: "";
    position: absolute;
    right: -68px;
    top: -74px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,124,0,.16), transparent 68%);
    pointer-events: none;
  }

  .cauth-form-inner > * {
    position: relative;
    z-index: 1;
  }

  .cauth-form-head {
    display: none !important;
  }

  .cauth-stack {
    gap: 13px !important;
  }

  .cauth-form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .cauth-wide {
    grid-column: auto !important;
  }

  .cauth-choice {
    border-radius: 22px !important;
    padding: 14px !important;
    border-color: rgba(234,223,206,.95) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 12px 28px rgba(57,42,24,.075) !important;
  }

  .cauth-choice-active {
    border-color: rgba(245,124,0,.44) !important;
    background: linear-gradient(135deg, rgba(255,243,231,.96), rgba(255,255,255,.96) 54%, rgba(239,250,244,.95)) !important;
    box-shadow: 0 16px 34px rgba(245,124,0,.13) !important;
  }

  .cauth-choice-main {
    gap: 13px !important;
  }

  .cauth-choice-icon {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 18px !important;
  }

  .cauth-choice-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .cauth-choice-copy strong {
    font-size: 14px !important;
    line-height: 1.1 !important;
  }

  .cauth-choice-copy span {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .cauth-choice-arrow {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  .cauth-field-row {
    margin-bottom: 7px !important;
  }

  .cauth-field-row label,
  .cauth-field-row span,
  .cauth-field > span {
    font-size: 10px !important;
    letter-spacing: .16em !important;
    color: #8c7c69 !important;
  }

  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input {
    min-height: 54px !important;
    border-radius: 20px !important;
    background: #fffaf3 !important;
    border-color: rgba(234,223,206,.98) !important;
    font-size: 16px !important;
    box-shadow: 0 8px 22px rgba(57,42,24,.055) !important;
  }

  .cauth-input-wrap textarea {
    min-height: 88px !important;
  }

  .cauth-phone-prefix {
    min-height: 54px !important;
    font-size: 16px !important;
    border-radius: 20px 0 0 20px !important;
    background: rgba(27,143,90,.08) !important;
    color: #062b1c !important;
  }

  .cauth-btn,
  .cauth-btn-inline {
    min-height: 52px !important;
    border-radius: 19px !important;
    background: #1b8f5a !important;
    box-shadow: 0 14px 30px rgba(27,143,90,.22) !important;
    font-size: 14px !important;
  }

  .cauth-actions,
  .cauth-action-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .cauth-actions .cauth-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 76px !important;
    max-width: 42% !important;
    padding: 0 12px !important;
    border-radius: 17px !important;
    background: #fff7ed !important;
    color: #f57c00 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .cauth-actions .cauth-btn,
  .cauth-btn-inline {
    flex: 0 1 170px !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 68% !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
  }

  .cauth-helper {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #7d6d59 !important;
    margin: 2px auto 0 !important;
  }

  .cauth-status {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .cauth-notice {
    border-radius: 20px !important;
    padding: 13px 14px !important;
    background: rgba(236,253,245,.94) !important;
    border-color: rgba(27,143,90,.18) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .cauth-code-card,
  .cauth-verify-card {
    border-radius: 23px !important;
    padding: 17px !important;
    background: linear-gradient(135deg, rgba(255,243,231,.98), rgba(255,255,255,.98)) !important;
  }

  .cauth-otp-grid {
    gap: 7px !important;
  }

  .cauth-otp-grid input,
  .cauth-otp-inputs input {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 17px !important;
    background: #fff !important;
    font-size: 18px !important;
  }

  .cauth-tag-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .cauth-tag-option span {
    min-height: 58px !important;
    border-radius: 18px !important;
    padding: 10px 13px !important;
    background: rgba(255,255,255,.95) !important;
  }

  .cauth-tag-option input:checked + span {
    background: #f57c00 !important;
    border-color: #f57c00 !important;
    color: #fff !important;
  }

  .cauth-mini-help {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .cn-google-auth {
    margin: 16px 0 4px !important;
  }

  .cn-google-note {
    text-align: center !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cauth-store,
  .cauth-mobile-copy {
    display: none !important;
  }
}

@media (max-width: 767px) and (max-height: 720px) {
  .cauth-mobile-topbar {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin-top: 8px !important;
  }

  .cauth-form-panel {
    padding: 10px 12px 14px !important;
  }

  .cauth-form-inner {
    padding: 14px 14px 13px !important;
    border-radius: 26px !important;
  }

  .cauth-stack {
    gap: 10px !important;
  }

  .cauth-choice {
    padding: 12px !important;
  }

  .cauth-choice-icon {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-btn,
  .cauth-btn-inline {
    min-height: 50px !important;
  }
}


/* Customer auth mobile image-background treatment: use the desktop auth image on mobile with green overlay. */
@media (max-width: 920px) {
  .cauth-page {
    background:
      linear-gradient(180deg, rgba(6,43,28,.88), rgba(6,43,28,.70) 36%, rgba(251,244,234,.92) 100%),
      url('/assets/images/auth/chopnow-auth-bg.jpg') center top / cover no-repeat !important;
    background-attachment: scroll !important;
  }
  .cauth-wrap,
  .cauth-shell {
    background: transparent !important;
  }
  .cauth-mobile-topbar {
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(255,255,255,.44) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(6,43,28,.20) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }
  .cauth-form-panel {
    background: transparent !important;
  }
  .cauth-form-inner {
    background: rgba(255,255,255,.94) !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow: 0 24px 70px rgba(6,43,28,.22) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .cauth-form-inner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    background: linear-gradient(90deg, #1b8f5a, #f57c00, #d32f2f);
    z-index: 0;
  }
  .cauth-form-inner > * {
    position: relative;
    z-index: 1;
  }
}

/* Final customer mobile full-page image background fix: keep image behind the entire mobile auth page and stop page-level scrolling. */
@media (max-width: 920px) {
  html,
  body.auth-fullscreen {
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #062b1c !important;
  }

  body.auth-fullscreen {
    position: fixed !important;
    inset: 0 !important;
    overscroll-behavior: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .cauth-page {
    position: relative !important;
    width: 100vw !important;
    min-height: 100svh !important;
    height: 100svh !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(6,43,28,.82) 0%, rgba(6,43,28,.66) 38%, rgba(6,43,28,.50) 100%),
      url('/assets/images/auth/chopnow-auth-bg.jpg') center center / cover no-repeat !important;
  }

  .cauth-page::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(circle at 18% 12%, rgba(245,124,0,.28), transparent 34%),
      radial-gradient(circle at 88% 8%, rgba(255,255,255,.16), transparent 28%),
      linear-gradient(135deg, rgba(255,255,255,.06) 0 1px, transparent 1px) !important;
    background-size: auto, auto, 46px 46px !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .cauth-wrap,
  .cauth-shell,
  .cauth-layout,
  .cauth-form-panel {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
  }

  .cauth-wrap {
    width: 100vw !important;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    padding: 10px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .cauth-shell {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .cauth-mobile-topbar {
    flex: 0 0 auto !important;
    margin: 0 0 10px !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(255,255,255,.50) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(6,43,28,.24) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  .cauth-layout {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    padding: 0 !important;
  }

  .cauth-design-panel,
  .cauth-panel-bg,
  .cauth-brand-bars,
  .cauth-panel-main,
  .cauth-panel-top,
  .cauth-home,
  .cauth-panel-title,
  .cauth-panel-subtitle {
    display: none !important;
  }

  .cauth-form-panel {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .cauth-form-inner {
    width: 100% !important;
    max-width: 540px !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,250,243,.86)) !important;
    border: 1px solid rgba(255,255,255,.66) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 70px rgba(6,43,28,.28) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  .cauth-form-inner::before {
    content: "" !important;
    position: sticky !important;
    top: 0 !important;
    display: block !important;
    height: 6px !important;
    margin: -1px -1px 12px !important;
    background: linear-gradient(90deg, #1b8f5a, #f57c00, #d32f2f) !important;
    z-index: 5 !important;
  }

  .cauth-input-wrap input,
  .cauth-input-wrap textarea,
  .cauth-select-wrap select,
  .cauth-phone-control,
  .cauth-phone-control input,
  .cauth-otp-grid input,
  .cauth-otp-inputs input,
  .cauth-choice,
  .cauth-code-card,
  .cauth-verify-card,
  .cauth-tag-option span,
  .cauth-notice,
  .cauth-check-row {
    background-color: rgba(255,255,255,.90) !important;
  }

  .cauth-store,
  .cauth-mobile-copy {
    display: none !important;
  }
}