/* Youkut Auth — camada final da identidade visual */
:root{--yk-yellow:#ffba2e;--yk-yellow-deep:#f49a18;--yk-ink:#201d1a;--yk-muted:#6f685f;--yk-line:#ddd7ce;--yk-paper:#fff;--yk-soft:#f7f4ee;--yk-success:#197a4a;--yk-danger:#b4233c}
.auth-screen{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:var(--yk-soft);color:var(--yk-ink)}
body:has(.auth-screen:not(.hidden)){height:100%;overflow:hidden;overscroll-behavior:none}
.auth-visual{position:relative;overflow:hidden;height:100%;min-height:0;background:linear-gradient(145deg,#ffc63e 0%,var(--yk-yellow) 45%,var(--yk-yellow-deep) 100%);color:#211c16}
.auth-visual::before{content:"";position:absolute;width:55vw;height:55vw;right:-32vw;top:-30vw;border:1px solid rgba(33,28,22,.1);border-radius:50%;box-shadow:0 0 0 90px rgba(33,28,22,.025),0 0 0 180px rgba(33,28,22,.018)}
.auth-visual-content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:820px;margin:auto;padding:clamp(28px,4.2vh,58px) clamp(40px,5vw,78px);box-sizing:border-box}
.auth-visual-top{display:flex;align-items:center;gap:11px}.auth-logo-mark{width:30px;height:30px;fill:none;stroke:#211c16;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.auth-visual-brand{font:700 22px/1 var(--font-display);letter-spacing:-.04em}
.auth-visual-middle{margin:auto 0;max-width:720px}.auth-visual-middle h2{margin:0;font-family:"Nunito",var(--font-display),sans-serif;font-size:clamp(48px,5.6vw,80px);font-weight:900;line-height:.88;letter-spacing:-.055em;color:#211c16;text-wrap:balance}
.auth-message-flow{position:relative;width:min(500px,75%);height:190px;margin-top:auto;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.auth-message-row{position:absolute;display:flex;align-items:end;gap:10px;opacity:.72;animation:ykMessageRise 9s ease-in-out infinite}.auth-message-row:nth-child(even){right:0;justify-content:flex-end}.auth-avatar-dot{width:28px;height:28px;border:2px solid rgba(33,28,22,.7);border-radius:50%;flex:none}.auth-message-bubble{display:block;height:42px;border:2px solid rgba(33,28,22,.78);border-radius:18px 18px 18px 5px;background:rgba(255,255,255,.1)}.auth-message-row:nth-child(even) .auth-message-bubble{border-radius:18px 18px 5px 18px;background:rgba(33,28,22,.09)}.bubble-long{width:250px}.bubble-mid{width:190px}.bubble-short{width:140px}.row-a{top:15px;left:5%;animation-delay:-6s}.row-b{top:70px;animation-delay:-4s}.row-c{top:125px;left:13%;animation-delay:-2s}.row-d{top:178px;animation-delay:0s}.auth-typing{position:absolute;left:58px;bottom:3px;display:flex;gap:4px;padding:12px 15px;border:2px solid rgba(33,28,22,.72);border-radius:18px 18px 18px 5px;background:rgba(255,255,255,.1)}.auth-typing i{width:5px;height:5px;border-radius:50%;background:#211c16;animation:ykTyping 1.2s infinite}.auth-typing i:nth-child(2){animation-delay:.15s}.auth-typing i:nth-child(3){animation-delay:.3s}
@keyframes ykMessageRise{0%,12%{transform:translateY(25px);opacity:0}25%,70%{transform:translateY(0);opacity:.72}88%,100%{transform:translateY(-20px);opacity:0}}@keyframes ykTyping{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}
.auth-form-panel{height:100%;min-height:0;box-sizing:border-box;background:var(--yk-soft);padding:clamp(22px,4vh,52px) clamp(28px,5vw,72px);color:var(--yk-ink);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.auth-card{width:100%;max-width:470px;background:var(--yk-paper);color:var(--yk-ink);border:1px solid #e8e2d9;border-radius:28px;padding:clamp(25px,4vw,42px);box-shadow:0 24px 70px rgba(61,46,25,.09)}
.auth-card-heading h2,.auth-card h1,.auth-card h2,.auth-card h3{color:var(--yk-ink)!important}.auth-card-heading p,.auth-card p{color:var(--yk-muted)}.auth-form-eyebrow{color:#9a6500!important;font-weight:800}.auth-card label,.auth-card label>span{color:#49433c!important}.auth-card a,.auth-forgot-link{color:#8b5900!important}.auth-card small{color:var(--yk-muted)}
.auth-tabs{padding:4px;background:#f2eee7;border:1px solid #e4ddd3;border-radius:14px}.auth-tab{color:#6d665d!important;border-radius:11px}.auth-tab.active{background:#fff;color:#3a3127!important;box-shadow:0 3px 12px rgba(43,34,22,.08)}
.auth-card input:not([type="checkbox"]){min-height:50px;color:var(--yk-ink)!important;background:#fdfcf9!important;border:1px solid var(--yk-line)!important;border-radius:14px;caret-color:#9a6500}.auth-card input::placeholder{color:#938b81!important;opacity:1}.auth-card input:focus{border-color:#c47d00!important;box-shadow:0 0 0 4px rgba(255,186,46,.22)!important;outline:0}.auth-password-toggle{color:#6f685f!important}
.auth-card .btn-primary{min-height:50px;border-radius:14px;background:linear-gradient(135deg,#f2a914,#ffbf35)!important;color:#211c16!important;box-shadow:0 9px 22px rgba(226,145,0,.2)}.auth-card .btn-primary:hover{filter:brightness(.98)}
.auth-secure-note,.auth-footer{color:#777066!important}.auth-secure-note svg{stroke:#777066}.auth-footer{display:flex;justify-content:center;gap:8px;margin-top:20px;font-size:11px}.auth-consent{font-size:12px;line-height:1.5}
.auth-username-field{display:flex;align-items:center;border:1px solid var(--yk-line);border-radius:14px;background:#fdfcf9;transition:.15s}.auth-username-field>span{padding-left:15px;color:#655d54!important;font-weight:700}.auth-username-field input{border:0!important;box-shadow:none!important;padding-left:3px!important;flex:1}.auth-username-field:focus-within{border-color:#c47d00;box-shadow:0 0 0 4px rgba(255,186,46,.22)}.auth-username-label.is-valid .auth-username-field{border-color:var(--yk-success);box-shadow:0 0 0 3px rgba(25,122,74,.1)}.auth-username-label.is-invalid .auth-username-field{border-color:var(--yk-danger);box-shadow:0 0 0 3px rgba(180,35,60,.08)}.username-feedback{display:flex;align-items:center;min-height:18px}.username-feedback[data-state="checking"]{color:#8b5900!important}.username-feedback[data-state="valid"]{color:var(--yk-success)!important}.username-feedback[data-state="invalid"]{color:var(--yk-danger)!important}
.username-suggestions{display:flex;flex-wrap:wrap;gap:6px}.username-suggestions button{border:1px solid #d7cbb9;border-radius:999px;background:#fff8e9;color:#704900;padding:5px 9px;font:600 11px var(--font-body);cursor:pointer}.username-suggestions button:hover{border-color:#c47d00;background:#fff2cf}
.form-error{color:var(--yk-danger)!important}.forgot-success p{color:var(--yk-ink)!important}
.reset-screen{background:linear-gradient(145deg,#fffaf0,#f7f4ee)!important;color:var(--yk-ink)}.reset-card{background:#fff!important;color:var(--yk-ink)!important;border-color:#e8e2d9!important;box-shadow:0 24px 70px rgba(61,46,25,.1)!important}.reset-card h1{color:var(--yk-ink)!important}.reset-card p,.reset-card label{color:var(--yk-muted)!important}.reset-card input{color:var(--yk-ink)!important;background:#fdfcf9!important;border-color:var(--yk-line)!important}.reset-card input::placeholder{color:#938b81!important}.reset-card .btn-primary{background:linear-gradient(135deg,#f2a914,#ffbf35)!important;color:#211c16!important}.reset-back-link{color:#8b5900!important}
#forgot-password-modal .modal-content{background:#fff;color:var(--yk-ink);border-color:#e8e2d9}#forgot-password-modal h3{color:var(--yk-ink)}#forgot-password-modal .modal-subtitle{color:var(--yk-muted)}#forgot-password-modal input{color:var(--yk-ink);background:#fdfcf9;border-color:var(--yk-line)}#forgot-password-modal input::placeholder{color:#938b81}
@media(max-width:900px){.auth-screen{display:block;height:100vh;height:100dvh}.auth-visual{display:none}.auth-form-panel{height:100%;min-height:0;padding:22px 18px}.auth-card{margin:auto}.auth-brand-mobile{display:block}}
@supports not (height:100dvh){.auth-screen{height:-webkit-fill-available}.auth-form-panel,.auth-visual{height:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}