@font-face{font-family:Estedad;src:url(../../../../themes/dariu/assets/fonts/estedad/Estedad[wght].woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{--dpa-plum:#601D49;--dpa-rose:#BD5579;--dpa-peach:#EA9D9D;--dpa-yellow:#FFEBB8;--dpa-bg:#fffaf7;--dpa-text:#241820}

*{box-sizing:border-box}

body.dariu-phone-page{min-height:100vh;margin:0;background:var(--dpa-bg);color:var(--dpa-text);font-family:Estedad,Tahoma,Arial,sans-serif;line-height:1.75}

.dariu-phone-shell{display:grid;place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem)}

.dariu-phone-auth{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);width:min(100%,72rem);overflow:hidden;background:#fff;border:1px solid #eadde4;border-radius:1.5rem;box-shadow:0 24px 80px rgb(96 29 73/.12)}

.dariu-phone-auth__form{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,4rem)}

.dariu-phone-auth__brand{align-self:flex-start;width:3rem;height:3rem;overflow:hidden;background:url(../images/devlife-logo.png) center/contain no-repeat;color:transparent;font-size:0;text-decoration:none}

.dariu-phone-auth__eyebrow{margin:2rem 0 .25rem;color:var(--dpa-plum);font-size:.85rem;font-weight:800}

.dariu-phone-auth :is(h1,h2){margin:0 0 .75rem;color:var(--dpa-plum);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.3}

.dariu-phone-auth form{display:grid;gap:.85rem;margin-block-start:1.5rem}

.dariu-phone-auth [hidden]{display:none!important}

.dariu-phone-auth label,.dariu-phone-auth legend{font-weight:750}

.dariu-phone-auth fieldset{padding:0;border:0}

.dariu-phone-auth input{width:100%;min-height:3rem;padding:.65rem .8rem;color:var(--dpa-text);background:#fff;border:1px solid #d9c9d2;border-radius:.75rem;font:inherit}

.dariu-phone-auth input:focus{outline:3px solid var(--dpa-yellow);border-color:var(--dpa-plum)}

.dariu-phone-auth button{min-height:3rem;padding:.7rem 1rem;color:#fff;background:var(--dpa-plum);border:0;border-radius:.75rem;font:inherit;font-weight:800;cursor:pointer}

.dariu-phone-auth button:hover{background:var(--dpa-rose)}

.dariu-phone-auth button:disabled{cursor:wait;opacity:.65}

.dariu-phone-auth button.is-link{min-height:auto;color:var(--dpa-plum);background:transparent}

.dariu-otp-inputs{display:grid;grid-template-columns:repeat(4,minmax(2.75rem,3.5rem));justify-content:start;gap:.6rem;margin-block-start:.75rem}

.dariu-otp-inputs input{text-align:center;font-size:1.35rem;font-weight:800}

.dariu-phone-auth__status{min-height:1.75rem;margin-block:1rem 0;color:#8b2245}

.dariu-phone-auth__status.is-success{color:#27764c}

.dariu-phone-auth__media{min-width:0;margin:0;background:var(--dpa-peach)}

.dariu-phone-auth__media img{display:block;width:100%;height:100%;min-height:38rem;object-fit:cover}

.dariu-phone-auth.is-embedded{grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);max-width:56rem;margin:1.5rem auto 0;border-radius:1.25rem;box-shadow:0 12px 40px rgb(96 29 73/.1)}

.dariu-phone-auth.is-embedded .dariu-phone-auth__form{min-width:0;padding:clamp(1.5rem,4vw,3rem)}

.dariu-phone-auth.is-embedded .dariu-phone-auth__eyebrow{margin-block-start:1.25rem}

.dariu-phone-auth.is-embedded .dariu-phone-auth__media img{min-height:29rem}

html[data-theme="dark"] .dariu-phone-auth.is-embedded{--dpa-text:#fff;background:#333;border-color:#4b4e50;box-shadow:none}

html[data-theme="dark"] .dariu-phone-auth.is-embedded input{color:#fff;background:#2c2f31;border-color:#5b5e60}

html[data-theme="dark"] .dariu-phone-auth.is-embedded .dariu-phone-auth__status{color:var(--dpa-peach)}

html[data-theme="dark"] .dariu-phone-auth.is-embedded :is(.dariu-phone-auth__eyebrow,h1,h2){color:var(--wp--preset--color--accent,var(--dpa-peach))}

@media(max-width:760px){

.dariu-phone-auth{grid-template-columns:1fr}

.dariu-phone-auth__media{order:-1}

.dariu-phone-auth__media img{min-height:0;aspect-ratio:16/8;object-position:center 47%}

.dariu-phone-auth__form{padding:1.5rem}

.dariu-phone-auth__eyebrow{margin-block-start:1.25rem}}

@media(max-width:760px){

.dariu-phone-auth.is-embedded{display:block;margin-block-start:1rem}

.dariu-phone-auth.is-embedded .dariu-phone-auth__media{display:none}}

@media(max-width:390px){

.dariu-otp-inputs{grid-template-columns:repeat(4,minmax(2.4rem,1fr));gap:.4rem}}