body.public-app-body{background:#f8fafc;min-height:100vh;margin:0;overflow-x:hidden}body.public-app-body .public-auth-shell{background:#fff;grid-template-columns:minmax(420px,46%) 1fr;min-height:100vh;display:grid}body.public-app-body .public-auth-intro{color:#fff;background:radial-gradient(circle at 10% 10%,#ffffff30,#0000 32%),radial-gradient(circle at 85% 80%,#0ea5e959,#0000 35%),linear-gradient(145deg,#0756b4 0%,#087ff5 55%,#0ea5e9 100%);flex-direction:column;min-height:100vh;padding:40px clamp(36px,6vw,96px);display:flex;position:relative;overflow:hidden}body.public-app-body .public-auth-intro:after{content:"";border:38px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-90px;right:-90px}body.public-app-body .public-auth-brand{z-index:1;color:#fff;align-items:center;gap:12px;display:inline-flex;position:relative}body.public-app-body .public-auth-brand span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff57;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}body.public-app-body .public-auth-brand svg{width:22px;height:22px}body.public-app-body .public-auth-brand strong{letter-spacing:-.02em;font-size:20px}body.public-app-body .public-auth-message{z-index:1;max-width:620px;margin:auto 0;position:relative}body.public-app-body .public-auth-eyebrow{color:#ffffffbf;letter-spacing:.13em;margin:0 0 18px;font-size:12px;font-weight:700}body.public-app-body .public-auth-message h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,4.3vw,62px);font-weight:760;line-height:1.05}body.public-app-body .public-auth-message>p:not(.public-auth-eyebrow){color:#ffffffd4;max-width:570px;margin:24px 0 0;font-size:17px;line-height:1.7}body.public-app-body .public-auth-message ul{gap:14px;margin:30px 0 0;padding:0;list-style:none;display:grid}body.public-app-body .public-auth-message li{color:#ffffffeb;align-items:center;gap:10px;font-size:14px;display:flex}body.public-app-body .public-auth-message li svg{width:18px;height:18px}body.public-app-body .public-auth-intro>small{z-index:1;color:#ffffffa6;position:relative}body.public-app-body .public-auth-main{background:#f8fafc;justify-content:center;align-items:center;min-width:0;padding:72px clamp(24px,7vw,110px);display:flex;position:relative}body.public-app-body .public-auth-language{position:absolute;top:22px;right:26px}body.public-app-body .public-login-panel{background:#fff;border:1px solid #e3e9f1;border-radius:18px;width:min(100%,430px);padding:38px 40px 34px;box-shadow:0 24px 70px #0f264a1f}body.public-app-body .public-login-heading span{color:#0b84f3;letter-spacing:.14em;font-size:11px;font-weight:800}body.public-app-body .public-login-heading h2{color:#0f172a;letter-spacing:-.03em;margin:8px 0 0;font-size:28px;font-weight:760}body.public-app-body .public-login-heading p{color:#64748b;margin:8px 0 28px;font-size:14px;line-height:1.55}body.public-app-body .public-login-form>label:not(.public-login-remember){color:#334155;margin:15px 0 7px;font-size:13px;font-weight:650;display:block}body.public-app-body .public-login-input{background:#fff;border:1px solid #d8e0ea;border-radius:9px;align-items:center;height:46px;transition:border-color .15s,box-shadow .15s;display:flex}body.public-app-body .public-login-input:focus-within{border-color:#0b84f3;box-shadow:0 0 0 3px #0b84f31f}body.public-app-body .public-login-input.has-error{border-color:#ef4444}body.public-app-body .public-login-input svg{color:#94a3b8;width:18px;height:18px;margin:0 11px 0 14px}body.public-app-body .public-login-input input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;width:100%;height:44px;padding:0 14px 0 0;font-size:14px}body.public-app-body .public-login-error{color:#dc2626;margin:5px 0 0;font-size:12px}body.public-app-body .public-login-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}body.public-app-body .public-login-alert svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}body.public-app-body .public-login-remember{color:#64748b;cursor:pointer;align-items:center;gap:8px;margin:18px 0;font-size:13px;display:flex}body.public-app-body .public-login-remember input{accent-color:#0b84f3;width:15px;height:15px}body.public-app-body .public-login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087ff5,#0668cf);border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;font-size:14px;font-weight:700;display:flex;box-shadow:0 10px 24px #087ff53d}body.public-app-body .public-login-submit:hover{filter:brightness(.97)}body.public-app-body .public-login-submit:disabled{opacity:.6;cursor:wait}body.public-app-body .public-login-submit svg{width:18px;height:18px}body.public-app-body .public-login-contact{color:#94a3b8;text-align:center;margin:16px 0 0;font-size:12px}body.public-app-body .public-login-demo{text-align:center;border-top:1px solid #edf1f6;margin-top:20px;padding-top:17px}body.public-app-body .public-login-demo p{color:#64748b;margin:0 0 10px;font-size:12px}body.public-app-body .public-login-demo code{color:#0756b4;background:#eff6ff;border-radius:4px;padding:2px 5px}body.public-app-body .public-login-demo>button{color:#334155;background:#fff;border:1px solid #dbe4ee;border-radius:7px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:inline-flex}body.public-app-body .public-login-demo>button svg{width:15px;height:15px}body.public-app-body .public-site-shell{background:#fff}body.public-app-body .public-site-header{box-shadow:0 1px #0f172a0a}body.public-app-body .public-home-page>section:first-of-type{align-items:center;min-height:620px;display:flex}body.public-app-body .public-site-footer{background:#f8fafc}@media (width<=960px){body.public-app-body .public-auth-shell{grid-template-columns:1fr}body.public-app-body .public-auth-intro{display:none}body.public-app-body .public-auth-main{min-height:100vh;padding:76px 20px 30px}}@media (width<=520px){body.public-app-body .public-login-panel{border-radius:14px;padding:30px 22px 26px}}
