.yn-auth{--brand:#e67b1d;--brand-600:#cf6c12;--brand-700:#b25c0e;--ink:#1c1917;--ink-2:#57534e;--ink-3:#8b857e;--line:#ece7df;--surface:#fff;--cream:#fbf8f3;--danger:#c0341d;--danger-bg:#fdece8;--ok:#1c7c54;--ok-bg:#e7f4ee;--radius:18px;--shadow:0 1px 2px #1c19170a, 0 12px 34px #1c191714;background:radial-gradient(1100px 460px at 50% -8%, #fdf1e4 0%, #fdf1e400 60%), var(--cream);min-height:100%;color:var(--ink);justify-content:center;align-items:center;padding:clamp(24px,5vw,64px) 16px;font-family:Anek Latin,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.yn-auth__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow);animation:.45s cubic-bezier(.22,1,.36,1) both yn-rise;overflow:hidden}@keyframes yn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.yn-auth__top{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(#fff7ef 0%,#fff 100%);padding:30px 32px 22px;position:relative}.yn-auth__top:before{content:"";background:linear-gradient(90deg, #f2a95a 0%, var(--brand) 45%, var(--brand-700) 100%);height:4px;position:absolute;inset:0 0 auto}.yn-auth__crest{background:linear-gradient(150deg, var(--brand) 0%, var(--brand-700) 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-flex;box-shadow:0 8px 20px #e67b1d52}.yn-auth__crest svg{width:28px;height:28px}.yn-auth__title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:23px;font-weight:700;line-height:1.2}.yn-auth__subtitle{color:var(--ink-2);margin:6px 0 0;font-size:14.5px;line-height:1.5}.yn-auth__body{padding:26px 32px 30px}.yn-field{margin-bottom:18px}.yn-field__label{color:var(--ink);letter-spacing:.01em;margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.yn-field__req{color:var(--brand);margin-left:2px}.yn-inputwrap{position:relative}.yn-input{padding:0 14px;width:100%;height:50px;color:var(--ink);border:1.5px solid var(--line);appearance:none;background:#fff;border-radius:12px;padding-inline-end:14px;font-size:15.5px;transition:border-color .15s,box-shadow .15s,background .15s}.yn-input::placeholder{color:var(--ink-3)}.yn-input:hover{border-color:#d9d2c7}.yn-input:focus{border-color:var(--brand);background:#fffdfb;outline:none;box-shadow:0 0 0 4px #e67b1d29}.yn-input:disabled{color:var(--ink-3);cursor:not-allowed;background:#f7f4ef}.yn-input--haspad{padding-inline-end:48px}.yn-toggle{width:40px;height:100%;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:6px}.yn-toggle:hover{color:var(--brand-700)}.yn-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.yn-help{color:var(--ink-3);margin:7px 2px 0;font-size:12.5px;line-height:1.5}.yn-msg{align-items:flex-start;gap:8px;margin:6px 2px 0;font-size:13px;line-height:1.5;display:flex}.yn-msg svg{flex:none;width:15px;height:15px;margin-top:1px}.yn-msg--err{color:var(--danger)}.yn-msg--ok{color:var(--ok)}.yn-alert{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.yn-alert svg{flex:none;width:17px;height:17px;margin-top:1px}.yn-alert--err{color:var(--danger);background:var(--danger-bg);border:1px solid #f6d3ca}.yn-alert--ok{color:var(--ok);background:var(--ok-bg);border:1px solid #c8e6d6}.yn-btn{letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;font-size:15.5px;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s,filter .15s;display:inline-flex}.yn-btn--primary{color:#fff;background:linear-gradient(180deg, var(--brand) 0%, var(--brand-600) 100%);box-shadow:0 8px 20px #e67b1d47}.yn-btn--primary:hover{filter:brightness(1.03);box-shadow:0 10px 24px #e67b1d57}.yn-btn--primary:active{transform:translateY(1px)}.yn-btn:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.yn-btn:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px}.yn-inlinegroup{align-items:stretch;gap:10px;display:flex}.yn-inlinegroup .yn-input{flex:1}.yn-btn--inline{white-space:nowrap;width:auto;min-width:116px;height:50px;padding:0 18px;font-size:14px}.yn-spin{border:2px solid #ffffff8c;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite yn-rot}.yn-btn--ghost .yn-spin{border-color:#e67b1d59;border-top-color:var(--brand)}@keyframes yn-rot{to{transform:rotate(360deg)}}.yn-auth__divider{color:var(--ink-3);align-items:center;gap:12px;margin:22px 0 18px;font-size:12.5px;display:flex}.yn-auth__divider:before,.yn-auth__divider:after{content:"";background:var(--line);flex:1;height:1px}.yn-auth__foot{text-align:center;color:var(--ink-2);margin:4px 0 0;font-size:14px}.yn-auth__foot+.yn-auth__foot{margin-top:8px}.yn-link{color:var(--brand-700);font-weight:600;text-decoration:none}.yn-link:hover{text-decoration:underline}.yn-auth__trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;max-width:460px;margin:18px auto 0;display:flex}.yn-trust{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.yn-trust svg{width:15px;height:15px;color:var(--brand)}.yn-success{text-align:center;padding:8px 4px 6px}.yn-success__badge{background:var(--ok-bg);width:72px;height:72px;color:var(--ok);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;animation:.4s cubic-bezier(.22,1,.36,1) both yn-pop;display:inline-flex}.yn-success__badge svg{width:34px;height:34px}@keyframes yn-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.yn-reveal{animation:.35s cubic-bezier(.22,1,.36,1) both yn-rise}@media (max-width:480px){.yn-auth__top{padding:26px 22px 20px}.yn-auth__body{padding:22px 22px 26px}.yn-auth__title{font-size:21px}}@media (prefers-reduced-motion:reduce){.yn-auth__card,.yn-success__badge,.yn-reveal{animation:none}.yn-btn,.yn-input{transition:none}.yn-spin{animation-duration:1.4s}}