.sr-auth, .sr-auth * {box-sizing:border-box}
.sr-auth, .sr-auth {margin:0}
.sr-auth {font-family:"Poppins",sans-serif;color:#111111;background:#FFFFFF;-webkit-font-smoothing:antialiased}
.sr-auth h1, .sr-auth h2 {margin:0;text-wrap:balance}
.sr-auth p {margin:0;text-wrap:pretty}
.sr-auth a {color:#111111}
.sr-auth a:hover {color:#444444}
.sr-auth [hidden] {display:none !important}
.sr-auth .heading-2 {font-size:48px;line-height:48px;font-weight:600;letter-spacing:-0.02em}
.sr-auth .heading-3 {font-size:36px;line-height:40px;font-weight:600;letter-spacing:-0.01em}
.sr-auth .title-4 {font-size:14px;line-height:20px;font-weight:500}
.sr-auth .body-3 {font-size:16px;line-height:24px;font-weight:400}
.sr-auth .body-6 {font-size:14px;line-height:20px;font-weight:400}
.sr-auth .button-md {font-size:16px;line-height:24px;font-weight:600}
.sr-auth .button-sm {font-size:14px;line-height:20px;font-weight:600}
.sr-auth .caption-2 {font-size:14px;line-height:20px;font-weight:400}
.sr-auth .caption-3 {font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}
.sr-auth .caption-4 {font-size:12px;line-height:16px;font-weight:500}
.sr-auth .grad {background:linear-gradient(90deg,#000000,#666666);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-auth.layout {min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:#FFFFFF}
.sr-auth .form-side {display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:40px}
.sr-auth .logo {height:32px;width:auto;align-self:flex-start}
.sr-auth .form-wrap {width:100%;max-width:400px;margin:0 auto}
.sr-auth .stack {display:flex;flex-direction:column}
.sr-auth .g4 {gap:4px}
.sr-auth .g8 {gap:8px}
.sr-auth .g16 {gap:16px}
.sr-auth .g24 {gap:24px}
.sr-auth .g32 {gap:32px}
.sr-auth .scene-side {padding:16px}
.sr-auth .scene-card {height:100%;min-height:560px;background:#FFBA15;border-radius:32px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;overflow:hidden}
.sr-auth .scene-top {display:flex;justify-content:space-between;align-items:center;gap:16px}
.sr-auth .pill {padding:4px 12px;border-radius:9999px;background:rgba(255,255,255,0.6)}
.sr-auth .crm-tag {display:none;color:#3D3D3D}
.sr-auth .scene-line {max-width:560px;min-height:96px}
.sr-auth .scene-svg {width:100%;height:auto;max-height:420px;display:block}
.sr-auth .scene-foot {color:#3D3D3D}
.sr-auth .muted {color:#555555}
.sr-auth .fine {color:#666666}
.sr-auth .error {color:#B42318}
.sr-auth .warn {color:#8A5A00}
.sr-auth .field {width:100%;min-height:48px;padding:12px 16px;border:1px solid #CFCFC8;border-radius:12px;font-family:inherit;font-size:16px;line-height:24px;background:#FFFFFF;color:#111111;transition:border-color 300ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .field:hover {border-color:#8F8F88}
.sr-auth .field:focus {outline:2px solid #111111;outline-offset:1px;border-color:#111111}
.sr-auth .field[aria-invalid="true"] {border-color:#B42318}
.sr-auth .pw-wrap {position:relative}
.sr-auth .pw-wrap .field {padding-right:52px}
.sr-auth .btn {position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:12px;border:0;cursor:pointer;font-family:inherit;text-decoration:none;transition:background-color 300ms cubic-bezier(0.22,1,0.36,1),transform 500ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .btn-block {width:100%}
.sr-auth .btn-primary {background:#FFBA15;color:#111111}
.sr-auth .btn-primary:hover {background:#F5AE00;color:#111111;transform:translateY(-2px)}
.sr-auth .btn:active {transform:scale(0.98)}
.sr-auth .btn[disabled] {cursor:progress;transform:none}
.sr-auth .btn-ghost {background:transparent;color:#111111;min-height:44px;align-self:flex-start}
.sr-auth .btn-ghost:hover {background:#F6F6F3}
.sr-auth .loadbar {position:absolute;left:0;right:0;bottom:0;height:4px;background:#111111;transform-origin:left center;animation:srload 1200ms cubic-bezier(0.22,1,0.36,1) both}
.sr-auth .icon-btn {position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:8px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#555555;transition:background-color 300ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .icon-btn:hover {background:#F6F6F3;color:#111111}
.sr-auth .tlink {background:none;border:0;padding:12px 0;font-family:inherit;color:#111111;text-decoration:underline;text-underline-offset:4px;cursor:pointer;border-radius:4px}
.sr-auth .tlink:hover {color:#444444}
.sr-auth .row {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sr-auth .check {position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}
.sr-auth .check input {position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sr-auth .box {width:20px;height:20px;border:1px solid #8F8F88;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#FFFFFF;transition:background-color 300ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .box svg {opacity:0;transition:opacity 300ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .check input:checked + .box {background:#111111;border-color:#111111}
.sr-auth .check input:checked + .box svg {opacity:1}
.sr-auth .btn:focus-visible, .sr-auth .icon-btn:focus-visible, .sr-auth .tlink:focus-visible, .sr-auth .check input:focus-visible + .box, .sr-auth a:focus-visible {outline:2px solid #111111;outline-offset:2px}
.sr-auth .badge {display:inline-flex;border-radius:9999px;align-items:center;justify-content:center}
.sr-auth .badge-56 {width:56px;height:56px;background:#FFF1CC}
.sr-auth .badge-64 {width:64px;height:64px;background:#FFBA15}
.sr-auth .skel {background:#EDEDE8;border-radius:8px;animation:srpulse 1400ms cubic-bezier(0.22,1,0.36,1) infinite alternate}
.sr-auth .skel-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sr-auth .view {animation:srup 500ms cubic-bezier(0.22,1,0.36,1) both}
.sr-auth .pop {animation:srpop 700ms cubic-bezier(0.22,1,0.36,1) both}
.sr-auth .line {transition:opacity 400ms cubic-bezier(0.22,1,0.36,1),transform 500ms cubic-bezier(0.22,1,0.36,1)}
.sr-auth .line.out {opacity:0;transform:translateY(8px)}
.sr-auth .scene-svg .rays {transform-box:fill-box;transform-origin:center;animation:srtick 2400ms cubic-bezier(0.22,1,0.36,1) infinite}
.sr-auth .scene-svg .sunbob {animation:srbob 3600ms cubic-bezier(0.22,1,0.36,1) infinite alternate}
.sr-auth .scene-svg .eye {transform-box:fill-box;transform-origin:center;animation:srblink 4800ms cubic-bezier(0.22,1,0.36,1) infinite}
.sr-auth .scene-svg .cloud1 {animation:srdrift 7000ms cubic-bezier(0.22,1,0.36,1) infinite alternate}
.sr-auth .scene-svg .cloud2 {animation:srdrift 9000ms cubic-bezier(0.22,1,0.36,1) infinite alternate-reverse}
.sr-auth .scene-svg .shine {animation:srshine 3200ms cubic-bezier(0.22,1,0.36,1) infinite}
.sr-auth .scene-svg .dotv {animation:srflowv 1600ms cubic-bezier(0.22,1,0.36,1) infinite both}
.sr-auth .scene-svg .dotc {animation:srflowc 1800ms cubic-bezier(0.22,1,0.36,1) infinite both}
.sr-auth .scene-svg .dot2 {animation-delay:600ms}
.sr-auth .scene-svg .dot3 {animation-delay:1200ms}
.sr-auth .scene-svg .pulse {transform-box:fill-box;transform-origin:center;animation:srglow 1600ms cubic-bezier(0.22,1,0.36,1) infinite alternate}
.sr-auth .scene-svg .cell {animation:srcharge 2400ms cubic-bezier(0.22,1,0.36,1) infinite both}
.sr-auth .scene-svg .c2 {animation-delay:400ms}
.sr-auth .scene-svg .c3 {animation-delay:800ms}
@keyframes srup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes srsheet{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes srload{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes srpulse{from{opacity:1}to{opacity:0.45}}
@keyframes srpop{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}
@keyframes srtick{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}
@keyframes srbob{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes srblink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(0.1)}}
@keyframes srdrift{from{transform:translateX(0)}to{transform:translateX(32px)}}
@keyframes srshine{0%{transform:translateX(-160px);opacity:0}30%{opacity:0.9}70%{opacity:0.9}100%{transform:translateX(200px);opacity:0}}
@keyframes srflowv{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(22px);opacity:0}}
@keyframes srflowc{0%{transform:translate(0,0);opacity:0}20%{opacity:1}50%{transform:translate(34px,8px)}80%{opacity:1}100%{transform:translate(66px,4px);opacity:0}}
@keyframes srglow{from{opacity:0.55;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}
@keyframes srcharge{0%{opacity:0.2}40%,100%{opacity:1}}
@media  (max-width:900px){.sr-auth.layout {display:flex;flex-direction:column;background:#FFBA15}
.sr-auth .scene-side {order:-1;padding:24px 24px 56px}
.sr-auth .scene-card {min-height:0;height:auto;padding:0;border-radius:0;gap:16px;background:transparent}
.sr-auth .crm-tag {display:inline}
.sr-auth .scene-line {font-size:24px;line-height:32px;min-height:64px}
.sr-auth .scene-svg {max-height:170px}
.sr-auth .scene-foot {display:none}
.sr-auth .form-side {flex:1;margin-top:-32px;background:#FFFFFF;border-radius:32px 32px 0 0;padding:32px 24px 24px;gap:24px;justify-content:flex-start;animation:srsheet 700ms cubic-bezier(0.22,1,0.36,1) both}
.sr-auth .logo {height:24px}
.sr-auth .form-wrap {max-width:none;margin:0}
.sr-auth .heading-3 {font-size:30px;line-height:36px}
.sr-auth .field, .sr-auth .btn-primary {min-height:52px}
.sr-auth .skel-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.sr-auth .skel-grid .skel:nth-child(3) {display:none}
.sr-auth .footer-note {margin-top:auto}}
@media  (prefers-reduced-motion: reduce){.sr-auth .scene-svg *, .sr-auth .view, .sr-auth .pop, .sr-auth .loadbar, .sr-auth .skel, .sr-auth .form-side {animation:none !important}
.sr-auth .btn-primary:hover {transform:none}
.sr-auth .line {transition:opacity 300ms ease-out}
.sr-auth .line.out {transform:none}}
.sr-auth {font-family:Poppins,sans-serif; color:#111; background:#fff; min-height:100vh;}
.sr-auth .form-side {min-width:0;}
.sr-auth .btn {box-shadow:none;}
.sr-auth .row {margin:0;}
.sr-auth .field {max-width:100%;}
.sr-auth .field:focus {box-shadow:none;}
.sr-auth .sr-server-feedback {margin:0 0 22px;}
.sr-auth .sr-server-feedback .alert {border-radius:12px; padding:12px 16px; margin:0 0 10px; font-size:14px;}
.sr-auth .sr-field-error {margin-top:5px; color:#b42318; font-size:12px;}
.sr-auth .btn-primary:focus {box-shadow:none;}
@media(max-width:900px){.sr-auth.layout{min-height:100vh;}}