*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}body{background:#f5f6fa}.sp-login__layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)}.sp-login__visual{position:relative;min-height:100vh;background-image:var(--sp-login-bg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:54px;overflow:hidden}.sp-login__visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,26,.24),rgba(10,13,35,.88));pointer-events:none}.sp-login__brand,.sp-login__message{position:relative;z-index:1;color:#fff}.sp-login__brand img,.sp-login__mobile-brand img{display:block;max-width:230px;max-height:70px;object-fit:contain}.sp-login__brand strong{font-size:22px}.sp-login__message{max-width:650px}.sp-login__eyebrow{display:block;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.16em;color:var(--sp-login-accent);margin-bottom:14px}.sp-login__message .sp-login__eyebrow{color:#ddd6fe}.sp-login__message h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.sp-login__message p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.8);max-width:570px}.sp-login__access{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:70px clamp(34px,6vw,92px);background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--sp-login-accent) 10%,transparent),transparent 32%),#f8f9fc}.sp-login__nav{position:absolute;top:30px;right:40px;display:flex;gap:10px}.sp-login__nav a,.sp-login__access a{color:var(--sp-login-accent);font-weight:700;text-decoration:none}.sp-login__nav a{padding:9px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff}.sp-login__card{width:100%;max-width:510px;margin:auto}.sp-login__mobile-brand{display:none;margin-bottom:38px}.sp-login__card h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.04em;margin:0 0 10px}.sp-login__intro{margin:0 0 30px;color:#6b7280}.sp-login__notice{padding:13px 15px;margin:0 0 16px;border-radius:12px;background:#eff6ff;color:#1e40af;font-size:14px;line-height:1.45;border:1px solid #bfdbfe}.sp-login__notice--error{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.sp-login__notice--success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.sp-login__form>label{display:block;font-size:13px;font-weight:750;margin:19px 0 8px}.sp-login__field{height:58px;display:flex;align-items:center;border:1px solid #dbe0ea;border-radius:15px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:.2s}.sp-login__field:focus-within{border-color:var(--sp-login-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-login-accent) 14%,transparent)}.sp-login__field>span{width:50px;text-align:center;color:#9ca3af;font-weight:800}.sp-login__field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;font:inherit;color:#111827;padding:0 12px 0 0}.sp-login__reveal{height:38px;padding:0 14px;margin-right:9px;border:0;border-radius:10px;background:#f3f4f6;color:#4b5563;font-weight:700;cursor:pointer}.sp-login__options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 25px;font-size:13px}.sp-login__remember{display:flex;align-items:center;gap:7px;cursor:pointer}.sp-login__remember input{accent-color:var(--sp-login-accent);width:17px;height:17px}.sp-login__submit{width:100%;height:58px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--sp-login-accent),color-mix(in srgb,var(--sp-login-accent) 75%,#111827));color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 14px 30px color-mix(in srgb,var(--sp-login-accent) 28%,transparent);transition:.2s}.sp-login__submit:hover{transform:translateY(-2px)}.sp-login__submit.is-loading{opacity:.75;pointer-events:none}.sp-login__signup{text-align:center;color:#6b7280;font-size:14px;margin:24px 0 0}.sp-login__access footer{position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:12px;color:#9ca3af}.sp-login__access footer a{color:inherit}.sp-login--classico .sp-login__layout{display:block}.sp-login--classico .sp-login__visual{position:fixed;inset:0}.sp-login--classico .sp-login__visual-overlay{background:linear-gradient(135deg,rgba(10,12,32,.84),rgba(39,15,66,.62))}.sp-login--classico .sp-login__message{display:none}.sp-login--classico .sp-login__access{background:transparent;min-height:100vh;padding:70px 24px;z-index:2}.sp-login--classico .sp-login__card{max-width:480px;background:rgba(255,255,255,.96);padding:44px;border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 35px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.sp-login--classico .sp-login__brand{position:fixed;top:36px;left:42px}.sp-login--classico .sp-login__access footer{color:rgba(255,255,255,.75)}@media(max-width:900px){.sp-login__layout{display:block}.sp-login__visual{display:none}.sp-login__access{padding:64px 24px;min-height:100svh}.sp-login__mobile-brand{display:block}.sp-login__nav{top:18px;right:20px}.sp-login__access footer{position:static;margin-top:40px}.sp-login--classico .sp-login__visual{display:block}.sp-login--classico .sp-login__brand{display:none}.sp-login--classico .sp-login__mobile-brand{display:block}}@media(max-width:520px){.sp-login__access{padding:48px 18px}.sp-login--classico .sp-login__card{padding:30px 22px;border-radius:22px}.sp-login__card h2{font-size:32px}.sp-login__options{align-items:flex-start;flex-direction:column}.sp-login__nav{display:none}}