@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f3f5f2;color:#17231f;font-family:'DM Sans',sans-serif}.loginShell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr)}.loginVisual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 7vw;color:#fff;background:linear-gradient(135deg,#102f26e8,#102f26a8),url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1600&q=85') center/cover}.loginLogo{width:max-content;background:#fff;padding:7px;border-radius:7px}.loginLogo img{width:175px;display:block}.loginVisual>div{max-width:650px}.loginVisual>div>span{font-size:12px;letter-spacing:3px;color:#e0b778;font-weight:700}.loginVisual h1{font:600 clamp(45px,5.3vw,78px)/1.03 'Playfair Display';margin:20px 0}.loginVisual h1 em{color:#e0b778}.loginVisual p{max-width:570px;font-size:17px;line-height:1.75;color:#d6dfdb}.loginVisual small{color:#aebdb7}.loginPanel{display:grid;place-items:center;padding:45px}.loginCard{width:min(460px,100%)}.secure{display:inline-block;background:#e5f3ec;color:#287052;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:700}.loginCard h2{font:600 39px 'Playfair Display';margin:22px 0 9px}.loginCard>p{color:#75817b;line-height:1.65;margin-bottom:32px}.loginCard label{display:block;font-size:12px;font-weight:700;margin:18px 0}.loginCard input{display:block;width:100%;border:1px solid #d8dfdb;background:#fff;border-radius:9px;padding:15px;margin-top:8px;font:inherit;outline:0}.loginCard input:focus{border-color:#b38340;box-shadow:0 0 0 3px #b383401c}.loginCard button{width:100%;display:flex;justify-content:space-between;border:0;border-radius:9px;background:#173c30;color:#fff;padding:16px 18px;font:700 14px inherit;cursor:pointer}.loginCard button:hover{background:#0f2c23}.loginError{background:#fff0ef;border:1px solid #f0cfcc;color:#a5362d;padding:13px;border-radius:8px}.loginSwitch{display:flex;justify-content:space-between;margin-top:22px}.loginSwitch a{color:#8b642c;font-size:13px;font-weight:700}@media(max-width:850px){.loginShell{grid-template-columns:1fr}.loginVisual{min-height:300px;padding:28px}.loginVisual h1{font-size:44px}.loginVisual p,.loginVisual small{display:none}.loginPanel{padding:38px 22px}.loginCard h2{font-size:34px}}
