:root{--login-forest:#0f3a28;--login-green:#17643f;--login-sage:#e8f0e9;--login-ink:#17251e;--login-muted:#68766e;--login-line:#d8e2da}.trace-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);background:#f7f9f6;color:var(--login-ink)}.trace-login-visual{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,64px);background:#173d2b url(/assets/images/ethostrace/login-hero.webp) 50%/cover no-repeat;color:white;isolation:isolate}.trace-login-visual-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(7,30,20,.9),rgba(8,35,23,.67) 48%,rgba(8,27,19,.18)),linear-gradient(0deg,rgba(7,22,15,.6),transparent 55%)}.trace-login-brand{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:11px;color:var(--login-ink);text-decoration:none;font-size:1.35rem;font-weight:750;letter-spacing:-.035em}.trace-login-brand .ethostrace-logo{display:block;width:210px;height:auto}.trace-login-brand.light{color:white}.trace-login-brand strong{color:#60a979}.trace-login-brand.light strong{color:#b9dfc4}.trace-login-story{max-width:680px;padding:40px 0}.trace-login-kicker{margin:0 0 16px;color:#bad9c3;text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800}.trace-login-story h1{max-width:650px;margin:0 0 22px;font-size:clamp(3rem,5.4vw,6.25rem);line-height:.96;letter-spacing:-.06em}.trace-login-story>p:not(.trace-login-kicker){max-width:600px;color:#e0eae3;font-size:1.05rem;line-height:1.7}.trace-login-assurances{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.trace-login-assurances span{padding:8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.74rem;font-weight:650}.trace-login-credit{margin:0;color:#d5e2d8;font-size:.78rem}.trace-login-panel{min-height:100vh;display:flex;flex-direction:column;padding:clamp(28px,4vw,64px);background:rgba(251,252,250,.98)}.trace-login-mobile-head{display:none}.trace-login-form-wrap{width:min(480px,100%);margin:auto}.trace-login-form-wrap .trace-login-kicker{color:var(--login-green);margin-bottom:12px}.trace-login-form-wrap h2{margin:0 0 12px;font-size:clamp(2.35rem,4vw,3.65rem);line-height:1;letter-spacing:-.055em}.trace-login-intro{margin:0 0 32px;color:var(--login-muted);line-height:1.65}.trace-login-form{display:grid;grid-gap:9px;gap:9px}.trace-login-form label{font-size:.83rem;font-weight:750}.trace-login-form input{width:100%;height:52px;border:1px solid #bac8be;border-radius:11px;background:white;color:var(--login-ink);padding:0 15px;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.trace-login-form input:focus{border-color:var(--login-green);box-shadow:0 0 0 4px rgba(23,100,63,.12)}.trace-login-form input[aria-invalid=true]{border-color:#ad4b3f}.trace-password-label{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.trace-login-footer a,.trace-login-help a,.trace-password-label a{color:var(--login-green);font-weight:700;text-decoration:none}.trace-login-footer a:hover,.trace-login-help a:hover,.trace-password-label a:hover{text-decoration:underline}.trace-password-field{position:relative}.trace-password-field input{padding-right:68px}.trace-password-field button{position:absolute;right:8px;top:8px;height:36px;border:0;border-radius:8px;padding:0 10px;background:var(--login-sage);color:var(--login-green);font-weight:750;cursor:pointer}.trace-field-error{color:#9c3d34}.trace-login-error{margin-top:8px;padding:11px 13px;border:1px solid #efccc7;border-radius:10px;background:#fff3f1;color:#8f342d;line-height:1.4}.trace-login-submit{min-height:52px;margin-top:15px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--login-green);color:white;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(18,87,53,.18)}.trace-login-submit:hover:not(:disabled){background:#104d30;transform:translateY(-1px)}.trace-login-submit:disabled{background:#bcc9c0;box-shadow:none;cursor:not-allowed}.trace-login-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:white;border-radius:50%;animation:trace-login-spin .7s linear infinite}.trace-login-help{margin-top:28px;padding-top:23px;border-top:1px solid var(--login-line);color:var(--login-muted);font-size:.86rem}.trace-login-help p{margin:7px 0}.trace-login-footer{display:flex;justify-content:space-between;gap:20px;color:var(--login-muted);font-size:.76rem}.trace-login-footer span:last-child{display:flex;gap:18px}@keyframes trace-login-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.trace-login-page{grid-template-columns:1fr}.trace-login-visual{display:none}.trace-login-panel{padding:26px max(22px,7vw)}.trace-login-mobile-head{display:block}.trace-login-form-wrap{margin:clamp(60px,12vh,120px) auto}}@media (max-width:520px){.trace-login-panel{padding:22px}.trace-login-form-wrap{margin:54px auto}.trace-login-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.trace-login-submit{transition:none}.trace-login-spinner{animation-duration:1.4s}}