.sv-login{--sv-purple: #5a2d81;--sv-purple-deep: #3c148c;--sv-ink: #1a1520;--sv-mist: rgba(255, 255, 255, .92);min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(24px + var(--safe-t)) 24px calc(28px + var(--safe-b));box-sizing:border-box;position:relative;overflow:hidden;color:#f7f4fb;font-family:Manrope,Segoe UI,sans-serif;background:linear-gradient(180deg,#120a1c40,#120a1cb8 48%,#120a1ceb),radial-gradient(120% 80% at 50% -10%,rgba(90,45,129,.55),transparent 55%),linear-gradient(160deg,#2a1840,#1a1028 45%,#0f0a16)}.sv-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://sleepvalor.com/Winged-A-371fb8af234b4b8db48b22955e9ba835.png);background-repeat:no-repeat;background-position:50% 18%;background-size:min(42vw,168px);opacity:.14;pointer-events:none;filter:blur(.2px)}.sv-login-inner{position:relative;z-index:1;width:min(100%,400px);margin:0 auto;display:flex;flex-direction:column;gap:18px;animation:sv-login-rise .52s cubic-bezier(.22,1,.36,1) both}.sv-login-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:4px}.sv-login-mark{width:64px;height:64px;border-radius:16px;background:#fff;object-fit:contain;padding:8px;box-sizing:border-box;box-shadow:0 12px 40px #00000059;animation:sv-login-mark .7s cubic-bezier(.22,1,.36,1) both}.sv-login-title{margin:0;font-size:clamp(2rem,7vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#fff}.sv-login-title span{font-weight:500;opacity:.92}.sv-login-sub{margin:0;max-width:28ch;font-size:1rem;line-height:1.45;color:#f7f4fbc7}.sv-login-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.sv-login-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;min-height:52px;padding:0 18px;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.sv-login-btn-inner{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%}.sv-login-icon{width:22px;height:22px;flex-shrink:0;display:block}.sv-login-btn:disabled{opacity:.55;cursor:wait}.sv-login-btn:not(:disabled):active{transform:scale(.985)}.sv-login-btn-primary{background:#fff;color:var(--sv-purple-deep)}.sv-login-btn-apple{background:#000;color:#fff;border:1px solid rgba(255,255,255,.12)}.sv-login-btn-apple:not(:disabled):hover{background:#111}.sv-login-btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sv-login-btn-ghost{background:transparent;color:#ffffffc7;font-weight:600;min-height:44px;border:0}.sv-login-error{margin:0;padding:12px 14px;border-radius:12px;background:#b4282847;border:1px solid rgba(255,140,140,.35);color:#ffe8e8;font-size:.92rem;line-height:1.4;text-align:left}.sv-login-hint{margin:0;font-size:.82rem;color:#f7f4fb8c;line-height:1.4}.sv-login-email{display:grid;gap:6px;text-align:left;font-size:.82rem;color:#f7f4fbb3}.sv-login-email input{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;padding:12px 14px;font:inherit;font-size:1rem}.sv-login-email input::placeholder{color:#fff6}@keyframes sv-login-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sv-login-mark{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
