.login-soft{--brand:#f7972e;--brand-mid:#ffae55;--brand-deep:#e9820f;--line:#efe8de;--ink:#1a1a1a;--ink-2:#4a463f;--ink-3:#8a857a;--ink-cta:#241503;background:#12100d;justify-content:center;align-items:center;min-height:100dvh;padding:16px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-soft:before,.login-soft:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-soft:before{background:radial-gradient(circle,#f7972e38,#0000 70%);width:700px;height:700px;top:-220px;right:-220px}.login-soft:after{background:radial-gradient(circle,#e9820f29,#0000 70%);width:520px;height:520px;bottom:-180px;left:-180px}.login-card-wrap{z-index:1;width:100%;max-width:420px;position:relative}.login-card-border{background:linear-gradient(135deg, var(--brand-mid), var(--brand), var(--brand-deep));border-radius:22px;padding:2px;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffae5526}.login-card{background:#fff;border-radius:20px;padding:36px 36px 28px;position:relative;overflow:hidden}@media (width<=480px){.login-card-wrap{max-width:92vw}.login-card{padding:28px 22px 22px}}.login-card:before,.login-card:after{content:"";pointer-events:none;background-image:radial-gradient(#f5d6b0 1.6px,#0000 1.6px);background-size:10px 10px;width:64px;height:64px;position:absolute}.login-card:before{top:18px;right:18px}.login-card:after{opacity:.55;bottom:64px;left:14px}.login-card-inner{z-index:1;position:relative}.login-logo{margin:0 auto 18px}.login-title{text-align:center;color:var(--ink);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:30px;font-weight:700;line-height:1.15}.login-title .dot{color:var(--brand)}.login-subtitle{text-align:center;color:var(--ink-3);margin-top:4px;font-size:13.5px}.login-underline{background:linear-gradient(90deg, var(--brand-mid), var(--brand), var(--brand-deep));border-radius:999px;width:56px;height:3px;margin:14px auto 24px}.login-field{position:relative}.login-field-icon{width:18px;height:18px;color:var(--ink-3);pointer-events:none;z-index:1;transition:color .15s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.login-field input{border:1.5px solid var(--line);width:100%;height:50px;color:var(--ink);background:#fff;border-radius:12px;padding:18px 44px 4px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #f7972e24}.login-field:focus-within .login-field-icon{color:var(--brand-deep)}.login-field label{color:var(--ink-3);pointer-events:none;font-size:14px;transition:top .15s,transform .15s,font-size .15s,font-weight .15s,color .15s;position:absolute;top:50%;left:44px;transform:translateY(-50%)}:is(.login-field input:focus~label,.login-field input:not(:placeholder-shown)~label,.login-field input:autofill~label){color:var(--brand-deep);font-size:11px;font-weight:600;top:13px;transform:none}.login-eye{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-eye:hover{background:#fef1e2}.login-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.login-remember{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.login-remember input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.login-link{color:var(--brand-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.login-link:hover{text-decoration:underline}.login-cta{background:linear-gradient(90deg, var(--brand-mid), var(--brand), var(--brand-deep));width:100%;height:50px;color:var(--ink-cta);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 10px 24px #e9820f59}.login-cta:hover:not(:disabled){transform:translateY(-1px)}.login-cta:hover:not(:disabled) .login-cta-arrow{transform:translate(3px)}.login-cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-cta-arrow{transition:transform .15s}.login-sep{letter-spacing:1.5px;color:var(--ink-3);align-items:center;gap:10px;margin:20px 0 10px;font-size:11.5px;display:flex}.login-sep:before,.login-sep:after{content:"";background:var(--line);flex:1;height:1px}.login-hint{color:var(--ink-3);text-align:center;font-size:12.5px;line-height:1.5}.login-hint strong{color:var(--ink-2);font-weight:700}.login-error{color:#b3261e;background:#fcebea;border:1px solid #e7b3b0;border-radius:10px;padding:10px 12px;font-size:13px}.login-back{width:100%;color:var(--ink-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:4px;font-size:13.5px;display:flex}.login-back:hover{color:var(--ink);text-decoration:underline}.login-otp-slot{border:1.5px solid var(--line);width:48px;height:56px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:22px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.login-otp-slot-active{border-color:var(--brand);box-shadow:0 0 0 4px #f7972e24}.login-otp-caret{pointer-events:none;background:#1c1b19;width:1px;height:22px;animation:1s step-end infinite login-caret-blink;position:absolute}@keyframes login-caret-blink{50%{opacity:0}}.login-method-card{border:1.5px solid var(--line);text-align:center;cursor:pointer;border-radius:14px;padding:16px;transition:border-color .15s,background-color .15s}.login-method-card-active{border-color:var(--brand);background:#fef1e2}.login-soft .stg-word{white-space:nowrap}.login-soft .stg{opacity:0;animation:login-stgIn var(--durlt,.213s) cubic-bezier(.22, 1, .36, 1) forwards;animation-delay:var(--d,0s);display:inline-block;transform:translateY(6px)}.login-soft .blkin{opacity:0;animation:login-stgIn var(--dur,.3s) cubic-bezier(.22, 1, .36, 1) forwards;animation-delay:var(--d,0s);transform:translateY(10px)}@keyframes login-stgIn{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-soft *,.login-soft :before,.login-soft :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}