*{box-sizing:border-box}html,body{color:#17332d;background:#f4f7f6;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.shell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero,.loginCard{text-align:center;width:min(720px,100%)}.badge{color:#17634e;letter-spacing:.08em;background:#e1f1eb;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-block}.hero h1,.loginCard h1{margin:20px 0 12px;font-size:clamp(34px,6vw,58px);line-height:1.05}.lead{color:#526a64;max-width:620px;margin:0 auto 30px;font-size:20px}.card,.loginCard{background:#fff;border:1px solid #dce6e2;border-radius:20px;padding:30px;box-shadow:0 14px 40px #19433714}.card h2{margin-top:0}.button,button{color:#fff;cursor:pointer;background:#17634e;border:0;border-radius:10px;margin-top:12px;padding:14px 26px;font-weight:700;text-decoration:none;display:inline-block}.privacy{color:#647a74;max-width:610px;margin:24px auto 0;font-size:14px}.loginCard{text-align:left;max-width:480px}.loginCard h1{font-size:36px}.loginCard form{gap:18px;margin-top:24px;display:grid}.loginCard label{gap:7px;font-weight:700;display:grid}.loginCard input{border:1px solid #bdcbc6;border-radius:9px;width:100%;padding:13px;font-size:16px}.loginCard button{width:100%}.loginCard>div:first-child:not(.badge){border-radius:8px;padding:8px;overflow:hidden;background:#071b33!important}.loginCard>div:first-child:not(.badge) img{mix-blend-mode:screen;filter:brightness(7)contrast(2)!important;background:#071b33!important}.back{color:#17634e;margin-top:22px;text-decoration:none;display:inline-block}@media (max-width:520px){.shell{padding:18px}.card,.loginCard{padding:22px}.lead{font-size:17px}}