:root[data-theme="theme-a"]{--page:#f5f0e6;--surface:#fffdf8;--soft:#fbf7ef;--ink:#2e2927;--muted:#746b65;--line:#e9dfd1;--primary:#63212d;--primary-dark:#4a1721;--accent:#d7a23a;--accent-soft:#f4e6c5;--success:#2e7d59;--success-soft:#e9f4ed;--shadow:0 16px 42px rgba(76,48,32,.08)}
:root[data-theme="theme-b"]{--page:#f1f3ec;--surface:#fffdf8;--soft:#f8f7f0;--ink:#28332d;--muted:#6f7972;--line:#e2e5da;--primary:#1f5a49;--primary-dark:#174438;--accent:#c3a05b;--accent-soft:#efe5cf;--success:#34795c;--success-soft:#e8f1e9;--shadow:0 16px 42px rgba(36,61,48,.08)}
*{box-sizing:border-box}html{min-width:320px;background:var(--page);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-frame{max-width:1440px;margin:auto;padding:28px 42px 20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--surface);background:var(--primary);font-size:23px;font-weight:800}.brand-name{font-size:23px;font-weight:850;letter-spacing:-.7px}.brand-name span{color:var(--muted);font-size:14px;font-weight:600}.topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.theme-button,.outline-button,.locale-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);font-size:12px;font-weight:700}.theme-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.locale-pill{color:var(--primary)}.account-chip{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:750}.account-chip small{display:block;color:var(--muted);font-size:9px;font-weight:500}.role-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:0;border-radius:9px;color:var(--primary);background:var(--accent-soft);font-style:normal;font-size:12px;font-weight:850}.role-customer{color:#63212d;background:#f4e6c5}.role-priest{color:#55408c;background:#eee9fa}.role-store{color:#316846;background:#e8f2e8}.role-admin{color:#245078;background:#e4eff8}.account-chip .role-icon{width:30px;height:30px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:45px 0 28px}.eyebrow{margin:0 0 7px;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:1.25px}.welcome-row h1{max-width:800px;margin:0 0 9px;font-size:clamp(29px,4vw,42px);line-height:1.12;letter-spacing:-1.5px}.intro{max-width:730px;margin:0;color:var(--muted);font-size:14px}.identity-card{display:flex;align-items:center;gap:10px;min-width:220px;padding:12px 15px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.identity-card .role-icon{width:38px;height:38px;border-radius:12px}.identity-card b,.identity-card small{display:block}.identity-card b{font-size:12px}.identity-card small{margin-top:3px;color:var(--muted);font-size:10px}.workspace-card{padding:22px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:var(--shadow)}.role-tabs{display:flex;gap:8px;padding:6px;border-radius:15px;background:var(--soft)}.role-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:46px;padding:5px 10px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;font-size:12px;font-weight:750}.role-tab:hover{color:var(--primary)}.role-tab.is-active{border-color:var(--line);color:var(--primary);background:var(--surface);box-shadow:0 4px 12px rgba(0,0,0,.04)}.screen-content{min-height:390px;padding-top:22px}.hero-panel{position:relative;overflow:hidden;margin-bottom:26px;padding:28px 31px;border-radius:21px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.hero-panel:after{position:absolute;content:"";width:240px;height:240px;top:-85px;right:-58px;border:1px solid rgba(235,202,127,.45);border-radius:50%;box-shadow:0 0 0 22px rgba(235,202,127,.08),0 0 0 48px rgba(235,202,127,.05)}.hero-kicker{color:var(--accent-soft);font-size:10px;font-weight:850;letter-spacing:1.1px}.hero-panel h2{position:relative;z-index:1;max-width:710px;margin:12px 0 7px;font-size:clamp(25px,3.5vw,34px);line-height:1.15;letter-spacing:-.7px}.hero-panel p{position:relative;z-index:1;max-width:790px;margin:0 0 18px;color:rgba(255,255,255,.82);font-size:13px}.search-row{position:relative;z-index:1;display:flex;align-items:center;gap:10px;max-width:570px;min-height:46px;padding:0 14px;border-radius:12px;color:var(--accent);background:var(--surface);font-size:20px}.search-row input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.hero-note{display:block;position:relative;z-index:1;margin-top:12px;color:rgba(255,255,255,.75);font-size:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:23px 0 14px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.4px}.section-heading .eyebrow{margin-bottom:4px}.section-heading p.muted{margin:6px 0 0}.section-heading.compact{margin:0 0 8px}.count-pill,.occasion-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;color:var(--primary);background:var(--accent-soft);font-size:10px;font-weight:800}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ritual-card,.request-card,.list-card,.metric-card,.info-card,.admin-card,.form-card,.partner-record,.booking-card{border:1px solid var(--line);border-radius:17px;background:var(--surface)}.ritual-card{padding:18px;transition:transform .18s ease,box-shadow .18s ease}.ritual-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ritual-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--primary);background:var(--accent-soft);font-size:21px}.ritual-card h3{margin:14px 0 5px;font-size:16px}.ritual-card>p{margin:0;color:var(--muted);font-size:12px}.ritual-meta{display:flex;justify-content:space-between;gap:8px;margin:13px 0;color:var(--muted);font-size:10px}.price-preview{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:11px 12px;border-radius:12px;background:var(--soft);font-size:11px}.price-preview span{color:var(--muted)}.price-preview b{text-align:right}.price-hint{margin:10px 0;color:var(--muted);font-size:10px;line-height:1.5}.button-row{display:flex;flex-wrap:wrap;gap:8px}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px;border:1px solid var(--primary);border-radius:11px;font-size:11px;font-weight:800;transition:filter .15s ease,transform .15s ease}.primary-button{color:#fff;background:var(--primary)}.secondary-button{color:var(--primary);background:var(--surface)}.text-button{min-height:32px;padding:0 6px;border-color:transparent;color:var(--primary);background:transparent}.danger-text{color:#9f3d34}.primary-button:hover,.secondary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.button-row>*{flex:1}.unpriced{margin-top:15px;padding:12px;border-radius:10px;color:#785b22;background:#fbf1d9;font-size:11px}.notice{display:flex;align-items:center;gap:12px;margin:17px 0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--soft);font-size:11px}.notice b{flex:0 0 auto;color:var(--primary)}.notice span{color:var(--muted)}.notice.info{border-color:#e9dfd1}.notice.warning{border-color:#ead7aa;background:#fff8e7}.notice.warning b{color:#855d18}.notice button{margin-left:auto;white-space:nowrap}.loading-card,.empty-state{padding:35px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted);background:var(--surface)}.empty-state h3{margin:8px 0 3px;color:var(--ink)}.empty-state p{margin:0 0 15px;font-size:12px}.empty-icon{font-size:29px;color:var(--primary)}.footer{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 0;color:var(--muted);font-size:9px}.footer span:first-child{color:var(--primary);font-weight:850;letter-spacing:.7px}.toast{position:fixed;right:20px;bottom:20px;z-index:20;max-width:min(400px,calc(100vw - 30px));padding:12px 15px;border-radius:12px;color:white;background:var(--primary-dark);box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:start;gap:34px;padding:44px 0 23px}.auth-intro{padding:30px 15px 12px 3px}.auth-intro h1{max-width:600px;margin:8px 0 14px;font-size:clamp(34px,5vw,53px);line-height:1.06;letter-spacing:-2px}.auth-intro>p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:15px}.trust-points{display:grid;gap:10px;margin:24px 0;color:var(--primary);font-size:12px;font-weight:700}.pilot-chip{display:inline-flex;padding:8px 12px;border-radius:99px;color:var(--primary);background:var(--accent-soft);font-size:10px;font-weight:800}.auth-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;border-radius:12px;background:var(--soft)}.auth-tabs button{flex:1;min-height:38px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:12px;font-weight:800}.auth-tabs button.selected{color:var(--primary);background:var(--surface);box-shadow:0 3px 8px rgba(0,0,0,.05)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px;color:var(--ink);font-size:10px;font-weight:750}.field input,.field select,.field textarea,.inline-review input,.inline-review select,.inline-issue input,.assignment-form select,.issue-item input,.resolve-form input{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;font-size:12px}.field textarea{resize:vertical}.field small,.form-note{color:var(--muted);font-size:9px;font-weight:450}.full{grid-column:1/-1}.partner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hidden{display:none!important}.primary-button.full{width:100%}.demo-box{margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}.demo-box>p{margin:4px 0 10px;color:var(--muted);font-size:10px}.demo-box>strong,.demo-box>b{font-size:11px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.credential-grid button{display:grid;gap:2px;padding:9px;border:1px solid var(--line);border-radius:10px;text-align:left;background:var(--soft)}.credential-grid button:hover{border-color:var(--accent)}.credential-grid b{font-size:10px}.credential-grid span,.credential-grid small{overflow-wrap:anywhere;color:var(--muted);font-size:8px}.small-print{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:10px}.small-print strong{color:var(--primary)}.small-print span{color:var(--muted)}
.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--primary);font-size:9px;font-weight:800;white-space:nowrap}.status-pill.good{color:#276343;background:#e8f3e9}.status-pill.bad{color:#923c34;background:#f8e9e6}.status-pill.wait{color:#7c5b1d;background:#fbf1da}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:20px}.metric-grid.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:15px}.metric-card span{color:var(--muted);font-size:10px}.metric-card strong{display:block;margin:3px 0;color:var(--primary);font-size:23px;letter-spacing:-.5px}.metric-card small{color:var(--muted);font-size:9px}.partner-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.partner-title{display:flex;align-items:center;gap:11px}.partner-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:var(--primary);background:var(--accent-soft);font-weight:850}.partner-title h2{margin:0 0 3px;font-size:19px}.partner-title p{margin:0;color:var(--muted);font-size:10px}.partner-grid,.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-card,.list-card,.info-card{padding:16px}.request-card h3,.list-card h3,.info-card h3,.form-card h3{margin:0 0 5px;font-size:14px}.card-subtitle{margin:0 0 12px;color:var(--muted);font-size:10px}.compact-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.compact-item:last-of-type{border-bottom:0}.compact-item b,.compact-item small{display:block}.compact-item b{font-size:10px}.compact-item small{margin-top:3px;color:var(--muted);font-size:9px}.config-list{display:grid;gap:9px;margin:12px 0}.config-list>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:10px}.config-list span{color:var(--muted)}.config-list b{text-align:right}.muted{color:var(--muted);font-size:11px}.profile-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:14px}.form-card{padding:17px}.form-card>h3,.form-card>h2{margin:0 0 12px;font-size:15px}.info-card>p{color:var(--muted);font-size:11px}.info-card>small,.partner-status-block small{display:block;color:var(--muted);font-size:9px}.partner-status-block{display:grid;justify-items:start;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.partner-status-block b{font-size:10px}
.stack-list{display:grid;gap:12px}.booking-card{padding:16px}.booking-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.booking-card h3{margin:3px 0;font-size:15px}.booking-code{color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.5px}.meta{color:var(--muted);font-size:9px}.booking-meta{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;margin:12px 0}.quote-details{border-top:1px solid var(--line);padding-top:9px;color:var(--ink);font-size:10px}.quote-details summary,.history summary{cursor:pointer;color:var(--primary);font-weight:800}.quote-details>small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.quote-lines{display:grid;gap:5px;margin-top:10px}.quote-lines>div,.quote-panel>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.quote-lines span,.quote-panel span{color:var(--muted)}.quote-total{padding-top:7px;border-top:1px solid var(--line);font-weight:850}.quote-total span{color:var(--ink)}.booking-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}.booking-actions>.primary-button,.booking-actions>.secondary-button{min-height:34px}.inline-review,.inline-issue{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:100%;padding:9px;border-radius:10px;background:var(--soft)}.inline-review label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.inline-review select{width:135px}.inline-review input{flex:1;min-width:130px}.inline-review small{width:100%;color:var(--muted);font-size:9px}.inline-issue input{flex:1;min-width:180px}.assignment-form{display:flex;align-items:end;flex-wrap:wrap;gap:7px;width:100%;padding:10px;border-radius:10px;background:var(--soft)}.assignment-form label{display:grid;gap:4px;flex:1;min-width:150px;color:var(--muted);font-size:9px}.assignment-form select{min-height:34px}.issue-list{display:grid;gap:8px;margin-top:9px}.issue-item{padding:10px;border:1px solid #ead7aa;border-radius:10px;background:#fffaf0;font-size:10px}.issue-item p{margin:6px 0;color:var(--muted)}.issue-item form,.resolve-form{display:flex;gap:7px;margin-top:8px}.history{margin-top:10px;padding-top:8px;border-top:1px solid var(--line);font-size:9px}.history p{margin:7px 0;color:var(--muted)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:10px}.data-table th{padding:8px;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);font-size:9px}.data-table td{padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.partner-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partner-record{padding:15px}.record-top{display:flex;align-items:center;gap:9px}.record-top>div{flex:1;min-width:0}.record-top h3{margin:0;font-size:12px}.record-top small{color:var(--muted);font-size:9px}.record-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0;font-size:9px}.record-data span{color:var(--muted)}.record-data b{display:block;margin-bottom:3px;color:var(--ink)}.admin-settlements{margin-top:18px}.pricing-form{margin-top:15px}.pricing-form .form-grid{align-items:end}.small-button{min-height:30px;padding:0 9px;font-size:9px}
.booking-dialog{width:min(690px,calc(100vw - 24px));max-height:min(90vh,900px);padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.25)}.booking-dialog::backdrop{background:rgba(33,25,20,.5);backdrop-filter:blur(3px)}.dialog-form{padding:20px}.dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-title h2{margin:0;font-size:21px}.dialog-form>p{color:var(--muted);font-size:11px}.close-button{width:32px;height:32px;border:0;border-radius:50%;color:var(--muted);background:var(--soft);font-size:21px}.check-field{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.check-field input{width:16px;height:16px;accent-color:var(--primary)}.quote-panel{display:grid;gap:6px;margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.quote-panel small{margin-top:3px;color:var(--muted);font-size:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.materials-list{display:grid;gap:4px;margin:11px 0;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:10px}.materials-list b{color:var(--primary)}.materials-list span{color:var(--ink);line-height:1.55}.materials-list small{color:var(--muted);font-size:9px}.dialog-materials{margin:0 0 12px}
.participant-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:8px;margin:9px 0;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.participant-row .field{min-width:0}.remote-participants{display:grid;gap:7px;padding-left:20px;font-size:10px}.remote-complete-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:12px;border-radius:12px;background:var(--soft)}.remote-complete-form .primary-button{grid-column:1/-1}.remote-order-card .issue-item{margin-top:10px}.remote-order-card a{color:var(--primary);font-size:10px;font-weight:800}
@media(max-width:950px){.app-frame{padding:22px 22px 18px}.auth-layout{grid-template-columns:1fr 1fr;gap:20px}.auth-intro{padding-top:15px}.metric-grid.admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.app-frame{padding:15px 13px 18px}.topbar{align-items:flex-start;flex-wrap:wrap}.topbar-tools{width:100%;justify-content:flex-start;gap:6px}.brand-mark{width:40px;height:40px}.brand-name{font-size:20px}.theme-button,.outline-button,.locale-pill{min-height:35px;padding:0 9px;font-size:10px}.account-chip{padding:2px 7px}.welcome-row{align-items:flex-start;flex-direction:column;padding:27px 0 18px}.welcome-row h1{font-size:30px}.identity-card{min-width:0}.workspace-card{padding:14px;border-radius:19px}.role-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.role-tab{min-height:42px;font-size:10px}.screen-content{padding-top:16px}.hero-panel{padding:23px 18px}.hero-panel h2{font-size:27px}.section-heading{align-items:flex-start;flex-direction:column}.package-grid,.partner-grid,.admin-columns,.profile-layout,.partner-directory{grid-template-columns:1fr}.ritual-meta{flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:11px}.metric-card strong{font-size:20px}.metric-grid.admin-metrics{grid-template-columns:1fr 1fr}.notice{align-items:flex-start;flex-wrap:wrap}.notice button{margin:0}.booking-card{padding:12px}.booking-card-head{align-items:flex-start}.booking-card-head .status-pill{white-space:normal}.record-data{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr;padding:25px 0 16px;gap:10px}.auth-intro{padding:5px 4px}.auth-intro h1{font-size:37px}.auth-intro>p:not(.eyebrow){font-size:13px}.auth-card{padding:15px}.form-grid{gap:9px}.field input,.field select,.field textarea{min-height:37px}.footer{flex-direction:column}.dialog-form{padding:15px}.inline-review,.inline-issue{align-items:stretch}.inline-review label,.inline-review input,.inline-review button,.inline-issue input,.inline-issue button{width:100%}.assignment-form{align-items:stretch}.assignment-form label,.assignment-form button{width:100%}}
@media(max-width:700px){.participant-row{grid-template-columns:1fr 1fr}.participant-row>.text-button{grid-column:1/-1;justify-self:start}.remote-complete-form{grid-template-columns:1fr}.remote-complete-form .primary-button{grid-column:1}}
@media(max-width:400px){.form-grid,.partner-form-grid{grid-template-columns:1fr}.field,.form-grid .full,.partner-form-grid .full{grid-column:1}.credential-grid{grid-template-columns:1fr 1fr}.topbar-tools .account-chip{max-width:150px}.locale-pill{order:3}.record-data{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Password-free OTP sign-in, inspired by the user's LOFOR reference */
.login-heading{margin:3px 0 16px}.login-heading h2,.otp-heading h2{margin:2px 0 6px;font-size:22px;letter-spacing:-.5px}.login-heading>p:last-child,.otp-heading>p:last-child{margin:0;color:var(--muted);font-size:11px}.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 15px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.auth-method-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:5px 9px;border:1px solid transparent;border-radius:9px;color:var(--muted);background:transparent;font-size:11px;font-weight:800}.auth-method-tab>span{font-size:14px}.auth-method-tab.selected{border-color:var(--line);color:var(--primary);background:var(--surface);box-shadow:0 3px 8px rgba(0,0,0,.05)}.auth-method-tab small{font-size:8px;font-weight:650}.auth-method-tab:disabled{cursor:not-allowed;opacity:.58}.login-form{gap:11px}.otp-heading{text-align:center;margin:8px 0 20px}.otp-heading .eyebrow{margin:8px 0 3px}.otp-heading>p:last-child{max-width:360px;margin:0 auto}.otp-mark{display:grid;place-items:center;width:43px;height:43px;margin:auto;border-radius:14px;color:var(--primary);background:var(--accent-soft);font-size:19px}.otp-form{gap:12px}.otp-input{text-align:center;letter-spacing:.42em;font-size:21px!important;font-weight:800}.otp-input::placeholder{color:#c4bcb4;letter-spacing:.42em}.otp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.otp-actions .text-button{min-height:34px}.otp-actions button:disabled{cursor:wait;color:var(--muted);opacity:.75}.auth-message{margin:0 0 14px;padding:11px 12px;border:1px solid #ead7aa;border-radius:11px;color:#6d5119;background:#fff8e7;font-size:10px;line-height:1.55}
@media(max-width:400px){.otp-actions{align-items:stretch;flex-direction:column}.otp-actions .text-button{width:100%}}