.login-page{--navy:#0d2244;--ink:#14213d;--muted:#5d6b82;--gold:#b98a42;--gold-dark:#8c6430;--line:#dfe5ee;min-height:100vh;color:var(--ink);background:linear-gradient(90deg,#faf4edf7 0%,#faf4ede6 36%,#faf4ed73 54%,#faf4ed00 68%),#c9d6e6 url(/login/villa-2400.webp) 62% 100%/cover no-repeat;flex-direction:column;font-family:Segoe UI,Inter,system-ui,-apple-system,Arial,sans-serif;display:flex}.login-main{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(360px,520px);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,56px) clamp(16px,5vw,80px) 32px;display:grid}.login-brand{color:var(--navy);align-items:center;gap:12px;display:flex}.login-brand img{width:56px;height:56px}.login-brand span{flex-direction:column;line-height:1;display:flex}.login-brand strong{letter-spacing:-.5px;font-size:34px;font-weight:800}.login-brand small{letter-spacing:5px;color:var(--muted);margin-top:6px;font-size:13px}.login-brand-lg img{width:72px;height:72px}.login-brand-lg strong{font-size:44px}.login-brand-lg small{letter-spacing:6px;font-size:16px}.login-brand-md{justify-content:center}.login-hero h1{letter-spacing:-1px;color:var(--navy);max-width:640px;margin:32px 0 16px;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.login-hero h1 span{color:var(--gold)}.login-lead{color:var(--muted);max-width:520px;margin:0 0 28px;font-size:clamp(16px,1.5vw,20px);line-height:1.5}.login-features{gap:16px;margin:0;padding:0;list-style:none;display:grid}.login-features li{align-items:center;gap:20px;display:flex}.login-feature-icon{background:var(--navy);color:#e7c58b;border-radius:10px;flex:none;place-items:center;width:56px;height:56px;display:grid}.login-feature-icon .login-icon{width:26px;height:26px}.login-features strong,.login-trust strong{color:var(--navy);font-size:17px;display:block}.login-features small,.login-trust small{color:var(--muted);margin-top:3px;font-size:14px;display:block}.login-stats{flex-wrap:wrap;margin:40px 0 0;padding:0;display:flex}.login-stats div{border-left:1px solid #0d22442e;padding:0 28px}.login-stats div:first-child{border-left:0;padding-left:0}.login-stats dt{color:var(--navy);font-size:26px;font-weight:800}.login-stats dd{color:var(--muted);margin:2px 0 0;font-size:14px}.login-panel{flex-direction:column;align-items:stretch;gap:20px;display:flex}.login-signup{color:#fff;text-shadow:0 1px 4px #0d224499;justify-content:flex-end;align-items:center;gap:20px;margin:0;font-size:15px;font-weight:500;display:flex}.login-signup a{text-shadow:none;color:var(--navy);background:#fbe6c7;border-radius:12px;padding:12px 26px;font-weight:600;text-decoration:none}.login-signup a:hover{background:#f6d7a8}.login-card{text-align:center;background:#fff;border-radius:18px;padding:clamp(28px,4vw,52px) clamp(20px,3.5vw,44px) 28px;box-shadow:0 24px 60px #0d224440}.login-card h2{color:var(--navy);margin:28px 0 6px;font-size:clamp(28px,3vw,36px)}.login-subtitle{color:var(--muted);margin:0 0 28px;font-size:17px}.login-form{text-align:left;gap:18px;display:grid}.login-field{border:1px solid var(--line);cursor:text;border-radius:12px;align-items:center;gap:14px;padding:10px 16px;display:flex}.login-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #b98a422e}.login-field>.login-icon{color:#3b4a63;flex:none;width:22px;height:22px}.login-field>span{flex-direction:column;flex:1;gap:2px;display:flex}.login-field small{color:#3b4a63;font-size:13px}.login-field input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;width:100%;padding:2px 0;font-size:16px}.login-field input::placeholder{color:#9aa5b5}.login-code-intro{color:var(--muted);text-align:center;margin:0;font-size:15px}.login-code-intro strong{color:var(--ink);word-break:break-all}.login-code{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.login-code input{aspect-ratio:1/1.1;border:1px solid var(--line);text-align:center;width:100%;min-width:0;max-height:64px;font:inherit;color:var(--navy);border-radius:12px;outline:0;font-size:24px;font-weight:600}.login-code input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b98a422e}.login-row{justify-content:space-between;align-items:center;font-size:15px;display:flex}.login-remember{cursor:pointer;align-items:center;gap:10px;display:flex}.login-remember input{width:18px;height:18px;accent-color:var(--gold)}.login-link{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0}.login-link:hover{text-decoration:underline}.login-submit{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(180deg,#caa062,var(--gold-dark));border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:18px;font-weight:600;display:flex}.login-submit:hover{filter:brightness(1.05)}.login-submit .login-icon{width:22px;height:22px}.login-submit:focus-visible,.login-providers button:focus-visible,.login-signup a:focus-visible{outline-offset:2px;outline:3px solid #f1cf91}.login-notice{color:#7a5520;text-align:left;background:#fff6e5;border-radius:10px;margin:16px 0 0;padding:10px 14px;font-size:14px}.login-divider{color:var(--muted);align-items:center;gap:14px;margin:26px 0 20px;font-size:15px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-providers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.login-providers button{border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 8px;font-size:15px;display:flex}.login-providers button:hover{border-color:#b8c3d3}.login-providers svg{width:22px;height:22px}.login-legal{color:var(--muted);margin:26px 0 0;font-size:14px}.login-legal span{color:var(--gold)}.login-trust{background:#f6f7faf7;border-top-left-radius:22px;border-top-right-radius:22px;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:22px clamp(16px,5vw,80px);list-style:none;display:grid}.login-trust li{border-left:1px solid var(--line);align-items:center;gap:16px;padding-left:20px;display:flex}.login-trust li:first-child{border-left:0;padding-left:0}.login-trust .login-icon{width:30px;height:30px;color:var(--navy);flex:none}.login-trust strong{font-size:15px}.login-trust small{font-size:13px}@media (max-width:1100px){.login-trust{grid-template-columns:repeat(2,1fr)}.login-trust li:nth-child(3){border-left:0;padding-left:0}}@media (max-width:900px){.login-page{background:linear-gradient(#faf4ed8c 0%,#faf4ede6 45%,#faf4edf7 100%),#c9d6e6 url(/login/villa-1200.webp) 40% 0/cover no-repeat}.login-signup{color:var(--navy);text-shadow:none}.login-main{grid-template-columns:1fr}.login-hero{order:2}.login-panel{order:1}.login-signup{justify-content:center}}@media (max-width:520px){.login-trust{grid-template-columns:1fr}.login-trust li{border-left:0;padding-left:0}.login-providers{grid-template-columns:1fr}.login-row{flex-wrap:wrap;gap:10px}.login-brand strong{font-size:28px}.login-brand-lg strong{font-size:34px}.login-stats div{padding:0 14px}}