.su-page{min-height:100vh;background:linear-gradient(180deg,#fdf6ef,#fbeee2);padding:24px 16px;display:flex;align-items:flex-start;justify-content:center}.su-shell{width:100%;max-width:1180px;background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(80,50,20,.1);overflow:hidden;display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:1fr auto}.su-shell.verifying{grid-template-columns:340px minmax(0,1fr) 400px}.su-brand{grid-column:1;grid-row:1}.su-art{grid-column:1;grid-row:2}.su-form{grid-column:2;grid-row:1/-1}.su-otp{grid-column:3;grid-row:1/-1}.su-art{background:#fdf3e9}.su-art-media{display:block;width:100%;height:auto}.su-brand{background:#fdf3e9;padding:34px 30px;display:flex;flex-direction:column;gap:22px}.su-brand-mark{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:#1f2937;text-decoration:none;width:-moz-fit-content;width:fit-content}a.su-brand-mark:hover{opacity:.88}.su-brand-mark img.site-brand-logo{width:auto;height:40px;max-width:240px;object-fit:contain;border-radius:0}.su-brand h1{margin:0;font-size:27px;letter-spacing:-.02em;color:#1f2937}.su-brand-sub{margin:6px 0 0;font-size:13.5px;color:#6b7280}.su-points{display:flex;flex-direction:column;gap:17px;margin:0;padding:0;list-style:none}.su-point{display:flex;gap:12px}.su-point-icon{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#ea580c;box-shadow:0 1px 3px rgba(0,0,0,.07)}.su-point-text b{display:block;font-size:13.5px;color:#1f2937}.su-point-text span{display:block;font-size:12.5px;color:#6b7280;line-height:1.5;margin-top:2px}.su-form{padding:34px 32px;display:flex;flex-direction:column;gap:12px}.su-field{position:relative;display:flex;align-items:center}.su-field>svg{position:absolute;left:13px;color:#9ca3af;pointer-events:none}.su-field input,.su-field select{width:100%;padding:13px 14px 13px 40px;border:1px solid #e5e7eb;border-radius:11px;font-size:14.5px;font-family:inherit;background:#fff;color:#111827}.su-field.plain input{padding-left:14px}.su-field input:focus{outline:2px solid #fdba74;outline-offset:1px;border-color:#ea580c}.su-field input::placeholder{color:#9ca3af}.su-inline-btn,.su-suffix{position:absolute;right:6px;font-size:13px;color:#6b7280}.su-suffix{right:14px;pointer-events:none}.su-inline-btn{border:1px solid #ea580c;background:#fff;color:#ea580c;border-radius:9px;padding:8px 13px;font-weight:700;cursor:pointer}.su-inline-btn:disabled{opacity:.5;cursor:default}.su-field:has(.su-inline-btn) input{padding-right:120px}.su-field:has(.su-suffix) input{padding-right:106px}.su-verified{position:absolute;right:12px;font-size:13px;font-weight:700;color:#157347}.su-row{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.su-row,.su-row-2{display:grid;gap:10px}.su-row-2{grid-template-columns:1fr 1fr;grid-gap:10px}.su-hint{margin:-4px 0 0;font-size:12.5px;color:#6b7280}.su-ok{color:#157347}.su-error,.su-ok{margin:-4px 0 0;font-size:12.5px;font-weight:600}.su-error{color:#b42318}.su-primary{margin-top:6px;width:100%;padding:14px;border:0;border-radius:11px;background:#ea580c;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.su-primary:disabled{background:#f4b183;cursor:default}.su-foot{margin:4px 0 0;text-align:center;font-size:13.5px;color:#4b5563}.su-foot a{color:#ea580c;font-weight:700;text-decoration:none}.su-otp{border-left:1px solid #f0e6da;padding:30px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.su-back{align-self:flex-start;border:0;background:none;padding:0;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:inherit}.su-otp-art{margin:14px 0 4px}.su-otp-phone{width:92px;height:128px;border-radius:16px;border:3px solid #d1d5db;background:#f9fafb;display:grid;place-items:center}.su-otp-tick{width:38px;height:38px;border-radius:50%;background:#22a06b;color:#fff;font-size:20px;display:grid;place-items:center}.su-otp h2{margin:6px 0 0;font-size:22px;letter-spacing:-.02em;color:#111827}.su-otp-sub{margin:0;font-size:13.5px;color:#6b7280}.su-otp-number{margin:0;font-size:22px;font-weight:800;color:#111827;letter-spacing:.02em}.su-otp-boxes{display:flex;gap:9px;margin:8px 0 4px}.su-otp-boxes input{width:46px;height:54px;text-align:center;font-size:21px;font-weight:700;font-family:inherit;border:1px solid #e5e7eb;border-radius:11px;background:#fff;color:#111827}.su-otp-boxes input:focus{outline:2px solid #ea580c;outline-offset:0;border-color:#ea580c}.su-otp-resend{margin:4px 0 0;font-size:13.5px;color:#6b7280}.su-muted{color:#9ca3af}.su-link{border:0;background:none;padding:0;color:#ea580c;font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer}.su-otp .su-primary{margin-top:12px}.su-otp-note{margin:10px 0 0;font-size:12px;color:#9ca3af}@media (max-width:1000px){.su-shell,.su-shell.verifying{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.su-art,.su-brand,.su-form,.su-otp{grid-column:auto;grid-row:auto}.su-brand{order:1;padding:26px 22px;gap:16px}.su-form{order:2}.su-art{order:3}.su-otp{order:0}.su-points{display:none}.su-otp{border-left:0}.su-shell.verifying .su-art,.su-shell.verifying .su-brand,.su-shell.verifying .su-form{display:none}}@media (max-width:420px){.su-page{padding:0}.su-shell{border-radius:0;box-shadow:none}.su-form{padding:22px 18px}.su-row{grid-template-columns:1fr 1fr}.su-otp-boxes{gap:6px}.su-otp-boxes input{width:40px;height:48px;font-size:18px}}.su-points.compact{gap:13px}.su-points.compact .su-point-text b{font-size:14px}.su-form-title{margin:0 0 4px;font-size:22px;letter-spacing:-.02em;color:#111827}.su-form-sub{margin:0 0 6px;font-size:13.5px;color:#6b7280}.su-label{font-size:13px;font-weight:700;color:#374151;margin-bottom:-4px}.su-eye{position:absolute;right:10px;border:0;background:none;padding:4px;cursor:pointer;color:#9ca3af;line-height:0}.su-field:has(.su-eye) input{padding-right:42px}.su-row-between{justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px}.su-check,.su-row-between{display:flex;align-items:center}.su-check{gap:8px;color:#374151}.su-check input{width:auto;accent-color:#ea580c}.su-anchor{color:#ea580c;font-weight:700;text-decoration:none}.su-card{width:100%;max-width:460px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(80,50,20,.1);padding:32px 30px;display:flex;flex-direction:column;gap:12px}.su-card-mark{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:#1f2937;margin-bottom:6px}.su-card-mark img.site-brand-logo{width:auto;height:40px;max-width:240px;object-fit:contain;border-radius:0}.su-card h1{margin:0;font-size:23px;letter-spacing:-.02em;color:#111827}.su-card-sub{margin:0 0 4px;font-size:13.5px;color:#6b7280;line-height:1.6}.su-card.centred{text-align:center;align-items:center}.su-card.centred .su-field{width:100%}.su-card-icon{width:56px;height:56px;border-radius:50%;background:#fdecdf;color:#ea580c;display:grid;place-items:center;margin:4px 0}@media (max-width:420px){.su-card{border-radius:0;box-shadow:none;padding:26px 20px;min-height:100vh}}.su-card.with-art{max-width:620px}.su-card-split{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-gap:18px;gap:18px;align-items:center}.su-card-split h1{margin:0 0 6px}.su-mail-art{width:100%;height:auto;display:block}@media (max-width:560px){.su-card-split{grid-template-columns:minmax(0,1fr)}.su-card-split .su-mail-art{display:none}}