.signin{--bg:#f6f4ef;--ink:#111;--muted:#7b776f;--line:#e8e4dc;--soft:#f1eee8;--bodoni:var(--font-bodoni),"Bodoni Moda",serif;--pink:#e6247f;--pink-light:#fde8f2;--pink-soft:#ff8cc4;--pink-dark:#a3124f;background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--font-outfit),-apple-system,"Segoe UI",sans-serif;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.signin *{box-sizing:border-box;margin:0;padding:0}.signin button,.signin input{font:inherit;color:inherit}.signin .art{color:#f6f4ef;background:#000;border-radius:24px;flex-direction:column;justify-content:space-between;margin:16px 0 16px 16px;padding:44px 52px;display:flex;position:relative;overflow:hidden}.signin .art svg.bg{width:100%;height:100%;position:absolute;inset:0}.signin .art>:not(svg){position:relative}.signin .art:after{content:"";background:linear-gradient(90deg,transparent,var(--pink) 30%,var(--pink-soft) 70%,transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.signin .logo{align-items:center;gap:12px;display:flex}.signin .logo .m{width:42px;height:42px;font:500 16px var(--bodoni);letter-spacing:1px;border:1px solid #f6f2ea99;border-radius:11px;place-items:center;display:grid}.signin .logo b{font:500 19px var(--bodoni);line-height:1;display:block}.signin .logo small{letter-spacing:.4em;text-transform:uppercase;opacity:.6;font-size:9px}.signin .quote h2{font:500 clamp(38px,4.2vw,60px)/1.02 var(--bodoni);letter-spacing:-.01em;max-width:520px}.signin .quote h2 i{color:var(--pink-soft)}.signin .quote p{color:#bdb8ae;max-width:400px;margin-top:18px;font-size:15px;font-weight:300}.signin .foot{letter-spacing:.3em;text-transform:uppercase;color:#8f8b83;font-size:10.5px}.signin .side{justify-content:center;align-items:center;padding:40px 24px;display:flex}.signin .box{width:100%;max-width:400px}.signin h1{letter-spacing:-.3px;font-size:28px;font-weight:600}.signin .sub{color:var(--muted);margin:4px 0 30px;font-size:15px}.signin label{margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.signin .field{margin-bottom:16px;position:relative}.signin .field input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;width:100%;height:48px;padding:0 14px;font-size:14.5px;transition:all .2s}.signin .field input:focus{border-color:var(--pink);box-shadow:0 0 0 4px color-mix(in srgb,var(--pink) 12%,transparent)}.signin .field.err input{border-color:#c2412d}.signin .eye{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:6px;font-size:12px;font-weight:600;position:absolute;top:31px;right:10px}.signin .row{justify-content:space-between;align-items:center;margin:4px 0 22px;font-size:13px;display:flex}.signin .chk{cursor:pointer;color:#3c3a36;align-items:center;gap:8px;margin-bottom:0;display:flex}.signin .chk input{width:16px;height:16px;accent-color:var(--pink)}.signin a{color:var(--ink);border-bottom:1px solid #11111140;font-weight:500;text-decoration:none}.signin a:hover{color:var(--pink);border-color:var(--pink)}.signin .btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.signin .btn:hover{background:var(--pink-dark)}.signin .btn .spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite signin-spin;display:none}.signin .btn.load .spin{display:block}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin .or{color:var(--muted);align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.signin .or:before,.signin .or:after{content:"";background:var(--line);flex:1;height:1px}.signin .alt{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-weight:500;transition:all .2s;display:flex}.signin .alt:hover{border-color:var(--pink-soft);background:var(--pink-light)}.signin .msg{color:#c2412d;margin:-8px 0 14px;font-size:12.5px;display:none}.signin .msg.on{display:block}.signin .legal{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}@media (max-width:900px){.signin{grid-template-columns:1fr}.signin .art{min-height:260px;margin:12px 12px 0;padding:28px}.signin .quote h2{font-size:32px}.signin .quote p,.signin .foot{display:none}}html[data-theme=dark] .signin{--bg:#0e0e10;--ink:#f3f1ec;--muted:#9a958c;--line:#2a2a2e;--soft:#222226;--pink-light:#3a1428}html[data-theme=dark] .signin .field input,html[data-theme=dark] .signin .alt{background:#17171a}html[data-theme=dark] .signin .btn{color:var(--bg)}html[data-theme=dark] .signin .btn:hover{color:#fff}html[data-theme=dark] .signin .chk{color:#d8d4cc}html[data-theme=dark] .signin .art{border:1px solid #2a2a2e}
