/* Approved floating-card reference. Home is white; other pages keep quiet glass. */
body.home{background:#fff;background-image:none}
body.home #site-header{position:sticky;top:0;z-index:50}
body.home .site-header{background:rgba(255,255,255,.92);border-bottom:0;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body.home .header-row{min-height:87px}
body.home .header-actions .button{border-radius:999px;box-shadow:none}
body.home .language-select{background:transparent;box-shadow:none}
.reference-home{background:#fff;overflow:clip;color:#182c2b}
.ref-track{height:190svh;position:relative}
.ref-hero{height:calc(100svh - 87px);min-height:760px;max-height:1050px;position:sticky;top:87px;overflow:hidden;background:#fff;isolation:isolate}
.ref-card-field{position:absolute;inset:0;z-index:1;pointer-events:none}
.ref-card{position:absolute;width:clamp(200px,17vw,258px);pointer-events:auto;transform:translate3d(var(--scroll-x,0px),var(--scroll-y,0px),0);opacity:var(--card-opacity,1);will-change:transform,opacity;z-index:2}
.ref-card--left-0{left:8.5%;top:10px;z-index:8}
.ref-card--left-1{left:1.1%;top:26%;z-index:7}
.ref-card--left-2{left:9.8%;top:48%;z-index:6}
.ref-card--left-3{left:1.4%;bottom:25px;z-index:5}
.ref-card--right-0{right:7.6%;top:35px;z-index:8}
.ref-card--right-1{right:-.4%;top:25%;z-index:7}
.ref-card--right-2{right:7.5%;top:49%;z-index:6}
.ref-card--right-3{right:1.2%;bottom:23px;z-index:5}
.ref-card-enter{transform:rotate(var(--card-tilt));transform-origin:center;will-change:transform,opacity}
.ref-card-float{background:#fff;border:1px solid #e9ece8;border-radius:12px;overflow:hidden;box-shadow:0 7px 17px rgba(18,37,34,.085),0 2px 5px rgba(18,37,34,.025);transform:translateZ(0);scale:.8}
.ref-card-media{position:relative;height:clamp(160px,13.5vw,205px);background:#f2f4f0;overflow:hidden}
.ref-card-media img,.ref-card-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ref-card-media video{position:absolute;inset:0;object-position:65% center}
.ref-card--left-2 .ref-card-media img{object-position:65% center}
.ref-card--right-2 .ref-card-media img{object-position:center 57%}
.ref-card-caption{padding:11px 13px 12px;background:#fff;line-height:1.5}
.ref-card-caption .ref-card-title{display:block;margin:0;font-size:15px;font-weight:500;letter-spacing:-.015em;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-card-caption p{font-size:10px;color:#6d7773;line-height:1.5;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-card-caption p span{font-size:9px;color:#7d8782}
.ref-card:focus-visible{outline:3px solid #277375;outline-offset:8px;border-radius:12px}
.ref-center{position:absolute;z-index:10;left:50%;top:49%;width:min(660px,54vw);transform:translate3d(-50%,calc(-50% + var(--copy-y,0px)),0) scale(var(--copy-scale,1));opacity:var(--copy-opacity,1);text-align:center;transform-origin:center;will-change:transform,opacity}
.ref-center .ref-title{font-size:80px;line-height:1.17;font-weight:500;letter-spacing:-.04em;color:#172c2b;margin:0}.ref-center .ref-kicker{margin:0 0 16px}
.ref-center .ref-title [data-ref-word]{color:#075356}
.ref-word-slot{display:inline-block;position:relative;white-space:nowrap;vertical-align:baseline}
.ref-word-spacer{visibility:hidden;pointer-events:none}.ref-word-spacer::before{content:attr(data-word)}
.ref-word-current{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;line-height:inherit;opacity:1;transform:translateY(0);transition:opacity 200ms ease,transform 200ms ease;will-change:opacity,transform}
.ref-word-current.is-word-changing{opacity:0;transform:translateY(-.1em)}
.ref-word-current.is-word-arriving{opacity:0;transform:translateY(.1em);transition:none}
.ref-description{font-size:20px;line-height:1.8;color:#65706e;max-width:610px;margin:24px auto 0;text-wrap:balance}
.ref-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:554px;margin:30px auto 0;scroll-margin-top:200px}
.ref-control{background:#f6f7f5;border:1px solid #f4f5f2;border-radius:18px;min-width:0;min-height:104px;padding:18px 10px 17px;display:flex;flex-direction:column;justify-content:center;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ref-control label,.ref-control-label{display:block;font-size:12px;line-height:1.5;color:#63715f;font-weight:400;margin-bottom:5px}
.ref-select-shell{display:flex;align-items:center;justify-content:center;position:relative;gap:7px;min-width:0;width:100%}
.ref-control-icon{display:flex;width:20px;height:22px;flex-shrink:0;align-items:center;justify-content:center;pointer-events:none}
.ref-control-icon svg{width:20px;height:20px}
.ref-select-shell select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;max-width:135px;color:#20312f;display:block;border:0;border-radius:6px;background:transparent;font-size:18px;line-height:1.5;font-weight:400;text-align:center;text-align-last:center;padding:3px 12px 3px 0;cursor:pointer;box-shadow:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ref-control-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5;display:flex}
.ref-control-chevron svg{width:12px;height:12px}
.ref-price-value{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;line-height:1.5}
.ref-price-value svg{width:20px;height:20px;flex-shrink:0}
.ref-price-value strong{font-weight:400;white-space:nowrap}
.ref-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:32px}
.ref-actions .button{border-radius:999px;min-height:57px;min-width:205px;padding:14px 32px;font-size:17px;line-height:1.5;font-weight:400;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ref-actions .button-primary{background:#075258;color:white;border:1px solid #075258}
.ref-actions .button-primary:hover{background:#0e6266;border-color:#0e6266;box-shadow:none}
.ref-actions .button-outline{min-width:180px;background:white;border:1px solid #b7c0bb;color:#283c36;box-shadow:none}
.ref-actions .button-outline:hover{background:#f6f8f5;border-color:#8fa59a}
.ref-actions .button svg{width:19px;height:19px}
.ref-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:11;display:flex;flex-direction:column;align-items:center;gap:7px;color:#63715f;font-size:12px;line-height:1.5;opacity:var(--copy-opacity,1)}
.ref-scroll svg{width:16px;height:16px}
.reference-home .premium-services{padding-top:65px;padding-bottom:60px;position:relative;background:white;margin-top:-80svh;z-index:20}
.reference-home .premium-services .section-heading h2{font-size:39px}
.reference-home .treatment-feature-info{background:white;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-top:1px solid #dce2d9;border-radius:0;padding:15px 0 0}
.reference-home .treatment-list{border-top:1px solid #e2e7df}
.reference-home .treatment-row{background:white;border:0;border-bottom:1px solid #e2e7df;border-radius:0;margin-bottom:0;padding-inline:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.reference-home .treatment-photo{border-radius:12px;box-shadow:none}
.reference-home .how-band{background:#0e4b4f;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}
.reference-home .faq-item{background:white;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-bottom:1px solid #e2e7df;border-radius:0;padding-inline:0;margin-top:0}
.reference-home .faq-list{border-top:1px solid #e2e7df}
body.home .site-footer{background:#f8faf6;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid #e5e9e1}
/* Separate wrappers compose fan-out, floating drift and scroll scatter. */
.reference-home.motion-enabled .ref-card-enter{opacity:0;transform:translate3d(var(--intro-x,0px),var(--intro-y,0px),0) rotate(var(--intro-rotation,0deg)) scale(.58);transition:transform 1250ms cubic-bezier(.16,1,.3,1),opacity 650ms ease;transition-delay:var(--card-delay,0ms)}
.reference-home.motion-entered .ref-card-enter{opacity:1;transform:translate3d(0,0,0) rotate(var(--card-tilt)) scale(1)}
.reference-home.motion-entered .ref-card-float{animation:ref-float var(--float-duration,8s) ease-in-out var(--float-delay,0s) infinite alternate;will-change:transform}
.ref-card:hover .ref-card-float,.ref-card:focus-within .ref-card-float{animation-play-state:paused}
.reference-home.motion-enabled [data-ref-enter]{opacity:0;translate:0 17px;transition:opacity 750ms ease,translate 850ms cubic-bezier(.16,1,.3,1);transition-delay:var(--copy-delay,400ms)}
.reference-home.motion-entered [data-ref-enter]{opacity:1;translate:0 0}
.reference-home.motion-priming :is([data-ref-enter],.ref-line>span,.ref-clip){transition:none!important}
.reference-home.motion-entered .ref-scroll{opacity:var(--copy-opacity,1);transition:opacity 150ms linear;transition-delay:0ms}
.reference-home.motion-enabled [data-ref-reveal]{opacity:0;translate:0 26px;transition:opacity 800ms ease,translate 900ms cubic-bezier(.16,1,.3,1)}
.reference-home.motion-enabled [data-ref-reveal].is-revealed{opacity:1;translate:0 0}
.reference-home.motion-enabled #ref-services{opacity:var(--services-opacity,1);translate:0 var(--services-y,0px);transition:none}
@keyframes ref-float{from{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,6px,0)}}
/* Auth is deliberately quiet, white and brand-led. */
.auth-page,.modal:has(.auth-form){background:rgba(255,255,255,.97);border:1px solid #edf0eb;box-shadow:0 18px 60px rgba(20,43,35,.065);border-radius:22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.auth-brand{display:block;width:148px;height:40px;object-fit:contain;object-position:left center;margin-bottom:27px}
.auth-page .auth-brand{margin-bottom:24px}
.auth-form .input{background:#f8faf6;border-color:#e6ece1;box-shadow:none;border-radius:11px}
.auth-form .input:focus{background:#fff;border-color:#7ca39a}
.auth-form .button-primary{background:#0e4b4f;border-color:#0e4b4f;box-shadow:none}
.auth-form .button-outline{background:#fff;border-color:#d6dfd2;box-shadow:none}
.auth-form .inbox-hint{border-top:1px solid #ecf0e8;padding-top:16px;margin-top:20px}
.modal:has(.auth-form){animation:ref-dialog-enter 240ms cubic-bezier(.16,1,.3,1)}
@keyframes ref-dialog-enter{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1200px) and (max-width:1399px){.ref-center .ref-title{font-size:72px}.ref-description{font-size:18px}}
@media(max-width:1199px){
  .ref-center{width:55vw}.ref-center .ref-title{font-size:55px}.ref-description{font-size:15px;max-width:510px;margin-top:22px}.ref-controls{max-width:510px;gap:10px;margin-top:27px}.ref-control{min-height:88px;padding:14px 8px}.ref-control label,.ref-control-label{font-size:11px}.ref-select-shell select{font-size:16px;max-width:115px}.ref-control-icon,.ref-control-icon svg{width:18px}.ref-price-value{font-size:18px;gap:7px}.ref-price-value svg{width:18px}.ref-actions{margin-top:24px}.ref-actions .button,.ref-actions .button-outline{min-width:166px;min-height:49px;padding:12px 23px;font-size:14px}.ref-card{width:clamp(177px,17.3vw,220px)}.ref-card-media{height:clamp(145px,13.5vw,175px)}.ref-card-caption{padding:10px 11px}.ref-card-caption .ref-card-title{font-size:13px}.ref-card-caption p{font-size:9px}.ref-card-caption p span{font-size:8px}.ref-card--left-2{left:8.4%}.ref-card--right-2{right:7%}
}
@media(max-width:800px){
  body.home .header-row{min-height:75px}.ref-track{height:165svh}.ref-hero{top:75px;height:calc(100svh - 75px);min-height:745px}.ref-center{width:59vw;top:48%}.ref-center .ref-title{font-size:43px;line-height:1.28}.ref-description{font-size:13px;max-width:405px;margin-top:18px}.ref-controls{gap:8px;margin-top:24px}.ref-control{min-height:80px;border-radius:14px;padding:12px 6px}.ref-control label,.ref-control-label{font-size:10px}.ref-select-shell{gap:4px}.ref-control-icon,.ref-control-icon svg{width:16px}.ref-select-shell select{font-size:14px;max-width:95px;padding-right:9px}.ref-control-chevron svg{width:10px}.ref-price-value{font-size:16px;gap:5px}.ref-price-value svg{width:16px}.ref-actions{gap:9px;margin-top:21px}.ref-actions .button,.ref-actions .button-outline{min-height:45px;min-width:142px;font-size:12px;padding:11px 19px}.ref-actions .button svg{width:16px}.ref-card{width:160px}.ref-card-media{height:135px}.ref-card-caption{padding:8px 10px}.ref-card-caption .ref-card-title{font-size:12px}.ref-card-caption p{font-size:8px}.ref-card-caption p span{display:none}.ref-card--left-0{left:-3%;top:18px}.ref-card--right-0{right:-2%;top:25px}.ref-card--left-1{left:-10%;top:31%}.ref-card--right-1{right:-10%;top:31%}.ref-card--left-2{left:-5%;top:61%}.ref-card--right-2{right:-5%;top:61%}.ref-card--left-3{left:2%;bottom:10px}.ref-card--right-3{right:1%;bottom:8px}.ref-scroll{bottom:20px;font-size:11px}
}
@media(max-width:540px){
  body.home .header-row{min-height:68px}.ref-track{height:150svh}.ref-hero{top:68px;height:calc(100svh - 68px);min-height:730px;max-height:920px}.ref-center{width:calc(100% - 38px);top:47%;max-width:420px}.ref-center .ref-title{font-size:39px;line-height:1.26;letter-spacing:-.04em}.ref-description{font-size:12px;line-height:1.85;max-width:308px;margin-top:16px}.ref-controls{grid-template-columns:1.15fr .9fr 1fr;gap:7px;max-width:348px;margin-top:23px}.ref-control{min-height:73px;border-radius:13px;padding:11px 4px 10px}.ref-control label,.ref-control-label{font-size:9px;margin-bottom:4px}.ref-control-icon,.ref-control-icon svg{width:15px;height:16px}.ref-select-shell{gap:3px}.ref-select-shell select{font-size:13px;line-height:1.5;max-width:100px;padding:2px 8px 2px 0}.ref-control-chevron{right:1px}.ref-control-chevron svg{width:9px;height:9px}.ref-price-value{font-size:15px;line-height:1.5;gap:4px}.ref-price-value svg{width:15px;height:15px}.ref-actions{gap:9px;margin-top:19px}.ref-actions .button,.ref-actions .button-outline{min-height:45px;min-width:147px;padding:11px 19px;font-size:12px}.ref-actions .button svg{width:16px;height:16px}.ref-card{width:124px}.ref-card-media{height:109px}.ref-card-caption{padding:7px 8px 8px}.ref-card-caption .ref-card-title{font-size:10px;line-height:1.5}.ref-card-caption p{font-size:8px;line-height:1.4;margin-top:1px}.ref-card-float{border-radius:9px;box-shadow:0 5px 14px rgba(18,37,34,.075)}.ref-card--left-0{left:4%;top:24px;z-index:3}.ref-card--right-0{right:4%;top:38px;z-index:3}.ref-card--left-2{left:3%;top:auto;bottom:40px;z-index:3}.ref-card--right-3{right:3%;bottom:34px;z-index:3}.ref-card--left-1,.ref-card--left-3,.ref-card--right-1,.ref-card--right-2{display:none}.ref-scroll{bottom:9px;font-size:9px;gap:3px}.ref-scroll svg{width:12px;height:12px}.reference-home .premium-services{padding-top:40px;padding-bottom:40px}.reference-home .premium-services .section-heading h2{font-size:30px}.reference-home .treatment-feature-info{padding-top:13px}.reference-home .treatment-photo{border-radius:10px}.reference-home .treatment-row{padding-inline:0}.reference-home .faq-item{padding-inline:0}.auth-brand{width:138px;height:37px;margin-bottom:23px}.auth-page,.modal:has(.auth-form){border-radius:18px}.auth-form .inbox-hint{padding-top:14px;margin-top:18px}
}
@media(max-width:359px){.ref-center{width:calc(100% - 28px)}.ref-center .ref-title{font-size:35px}.ref-description{font-size:11px;max-width:280px}.ref-control{padding-inline:3px}.ref-select-shell select{font-size:12px}.ref-control-icon,.ref-control-icon svg{width:13px}.ref-price-value{font-size:14px;gap:3px}.ref-price-value svg{width:13px}.ref-actions .button,.ref-actions .button-outline{min-width:133px;font-size:11px;padding-inline:17px}.ref-card{width:112px}.ref-card-media{height:98px}}
@media(min-width:801px){.ref-card-media{height:auto;aspect-ratio:1/1}.ref-card-caption{padding-top:12px;padding-bottom:14px}}
@media(max-width:540px){.reference-home .premium-services{margin-top:-55svh}}
body.is-auth-page{background:#fff;background-image:none}
body.is-auth-page .site-header{background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #edf0eb}
body.is-auth-page .site-footer{background:#fafbf8;box-shadow:none}
.auth-screen{position:relative;min-height:760px;overflow:hidden;padding:80px 24px 45px;background:white}
.auth-page{position:relative;z-index:2;max-width:445px;margin:0 auto;padding:0;border:0;border-radius:0;background:white;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left}
.auth-page .auth-brand{object-position:center;display:block;margin:0 auto 23px;width:145px;height:39px}
.auth-page h1,.auth-dialog h2{text-align:center;font-size:38px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.auth-intro{text-align:center;font-size:15px;line-height:1.8;color:#68766d;margin:10px auto 35px}
.auth-form .field:first-child{margin-top:0}
.auth-form .form-label{font-size:13px;font-weight:400}
.auth-form .input{height:51px;min-height:51px;border:1px solid #ccd6ca;border-radius:10px;background:white;box-shadow:none;font-size:16px}
.auth-form .input:focus{border-color:#2f7470;outline-offset:3px}
.auth-form .button{border-radius:999px;min-height:51px;font-size:15px;font-weight:400;box-shadow:none}
.auth-form .button-block{margin-top:19px}
.auth-form .button-primary{background:#0e4b4f;border:1px solid #0e4b4f}
.auth-form .button-outline{background:white;border:1px solid #aebdad}
.auth-form .auth-divider{margin:27px 0 24px;font-size:12px}
.auth-form .google-demo-note{font-size:11px;line-height:1.8;color:#65786b;margin-top:10px}
.auth-form .inbox-hint{border:0;padding:0;margin-top:29px;text-align:center;font-size:11px;line-height:1.9;color:#718073}
.auth-back{display:block;text-align:center;text-decoration:underline;text-underline-offset:4px;font-size:13px;margin-top:23px;color:#1a5a55}
.auth-legal{display:flex;justify-content:center;gap:17px;font-size:11px;color:#7b897c;margin-top:58px!important}
.auth-legal a:hover{text-decoration:underline;text-underline-offset:4px}
.auth-edge{position:absolute;width:190px;height:285px;border-radius:19px;overflow:hidden;opacity:.94;pointer-events:none}
.auth-edge img{width:100%;height:100%;object-fit:cover}
.auth-edge-left{left:-65px;top:85px;transform:rotate(9deg)}
.auth-edge-right{right:-60px;bottom:95px;transform:rotate(-9deg)}
.modal.auth-dialog{max-width:475px;background:white;padding:34px 34px 31px;border:1px solid #e8eee5;border-radius:19px;box-shadow:0 20px 60px rgba(18,43,31,.1);-webkit-backdrop-filter:none;backdrop-filter:none}
.auth-dialog .auth-brand{display:block;object-position:center;margin:0 auto 20px;width:140px;height:38px}
.auth-dialog h2{font-size:31px;padding-right:0;margin-bottom:0}
.auth-dialog .auth-intro{font-size:13px;margin-bottom:27px}
.auth-dialog .modal-close{background:transparent;box-shadow:none}
.auth-dialog .auth-form .inbox-hint{margin-top:21px}
.modal-backdrop:has(.auth-dialog){background:rgba(18,39,31,.24);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
@media(max-width:800px){.auth-screen{padding-top:65px}.auth-edge{width:130px;height:220px;opacity:.65}.auth-edge-left{left:-85px}.auth-edge-right{right:-80px}.auth-page{max-width:420px}.auth-page h1{font-size:35px}}
@media(max-width:540px){.auth-screen{padding:43px 24px 35px;min-height:690px}.auth-edge{display:none}.auth-page{max-width:400px}.auth-page .auth-brand{width:136px;height:37px;margin-bottom:23px}.auth-page h1{font-size:32px}.auth-intro{font-size:13px;line-height:1.9;margin-top:10px;margin-bottom:30px}.auth-form .form-label{font-size:12px}.auth-form .input{font-size:16px;min-height:50px;height:50px}.auth-form .button{font-size:13px;min-height:49px}.auth-form .auth-divider{margin:25px 0 23px}.auth-form .google-demo-note{font-size:10px}.auth-form .inbox-hint{font-size:10px;line-height:1.9;margin-top:27px}.auth-back{font-size:12px;margin-top:22px}.auth-legal{font-size:10px;gap:15px;margin-top:44px!important}.modal.auth-dialog{padding:29px 23px 27px;border-radius:18px}.auth-dialog h2{font-size:28px}.auth-dialog .auth-intro{font-size:12px;margin-bottom:24px}.auth-dialog .auth-brand{width:130px;height:36px;margin-bottom:20px}}
/* Short landscape screens use natural flow rather than a pinned scroll track. */
@media(max-height:600px){.ref-track{height:auto}.ref-hero{position:relative;top:0;height:660px;min-height:660px;max-height:none}.reference-home .premium-services{margin-top:0}}
@media(prefers-reduced-motion:reduce){.ref-track{height:auto!important}.ref-hero{position:relative;top:0}.reference-home .premium-services{margin-top:0}.ref-card,.ref-center{will-change:auto}.ref-card-enter,.ref-card-float,[data-ref-enter],[data-ref-reveal]{animation:none!important;transition:none!important;opacity:1!important;translate:none!important}.ref-card-enter{transform:rotate(var(--card-tilt))!important}.ref-card{transform:none!important;opacity:1!important}.ref-center{opacity:1!important;transform:translate(-50%,-50%)!important}.ref-word-current{transition:none!important;transform:none!important;opacity:1!important;will-change:auto}.ref-card-media video{display:none}.modal:has(.auth-form){animation:none}}
/* Keep floating captions clear of the copy on narrow portrait screens. */
@media(max-width:540px) and (orientation:portrait){.ref-hero{min-height:800px}}
/* Email verification keeps one accessible code field and stable, quiet timing. */
.auth-form .auth-code-hint{color:#53695c;line-height:1.85;margin:0}
.auth-form .auth-email-address{color:#163c35;font-size:14px;font-weight:500;overflow-wrap:anywhere;margin:7px 0 25px}
.auth-form .input.otp-input{font-size:27px;font-weight:500;letter-spacing:.3em;text-align:center;padding-inline:20px;min-width:0;width:100%;font-variant-numeric:tabular-nums}
.auth-form .auth-code-help{font-size:11px;line-height:1.8;color:#637564;margin:9px 0 0}
.auth-form .auth-code-timing{font-size:12px;line-height:1.8;color:#53695c;min-height:22px;margin:12px 0 0;font-variant-numeric:tabular-nums}
.auth-form [data-otp-expired]{color:#934129}
.auth-form .auth-code-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 18px;margin-top:16px}
.auth-form .auth-code-actions button{min-height:44px;max-width:100%;margin:0;padding:7px 0;background:transparent;border:0;border-radius:0;font-size:13px;color:#175c55;line-height:1.6;text-align:left;text-decoration:underline;text-underline-offset:4px}
.auth-form .auth-code-actions button:disabled{color:#718073;opacity:1;cursor:default;text-decoration:none}
.auth-form .auth-code-actions button:focus-visible{outline:2px solid #2f7470;outline-offset:5px;border-radius:2px}
.auth-form .button:disabled{cursor:default}
html[data-theme=dark] .auth-form .auth-email-address{color:var(--sd-text)}
html[data-theme=dark] .auth-form :is(.auth-code-hint,.auth-code-help,.auth-code-timing){color:var(--sd-muted)}
html[data-theme=dark] .auth-form .auth-code-actions button{color:var(--sd-accent)}
html[data-theme=dark] .auth-form .auth-code-actions button:disabled{color:var(--sd-faint)}
html[data-theme=dark] .auth-form [data-otp-expired]{color:#ffba96}
@media(max-width:540px){.auth-form .auth-email-address{font-size:13px;margin-bottom:22px}.auth-form .auth-code-actions button{font-size:12px}.auth-form .input.otp-input{font-size:25px;letter-spacing:.25em}}