:root{
  --pine:#173F38; --pine-deep:#0E2822; --mist:#EEF3EF;
  --coral:#FF6A3D; --coral-deep:#E44F22; --ink:#14201D;
  --ink-soft:#516059; --line:#D8DED9; --card:#FFFFFF;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--mist);color:var(--ink);font-family:'IBM Plex Sans',sans-serif;min-height:100vh;display:flex;flex-direction:column}
header{border-bottom:1px solid var(--line)}
nav{padding:18px 24px;max-width:1100px;margin:auto}
.logotype{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.35rem;color:var(--pine-deep);text-decoration:none}
.dot{color:var(--coral)}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;max-width:420px;width:100%;box-shadow:0 20px 40px -28px rgba(14,40,34,.35)}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--coral-deep)}
h1{font-family:'Space Grotesk',sans-serif;color:var(--pine-deep);margin:8px 0 26px;font-size:1.7rem}
form{display:flex;flex-direction:column;gap:14px}
label{font-family:'IBM Plex Mono',monospace;font-size:.68rem;text-transform:uppercase;color:var(--ink-soft)}
input{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--mist)}
button{margin-top:6px;background:var(--coral);color:#fff;border:none;border-radius:10px;padding:13px;font-weight:700;cursor:pointer}
button:hover{background:var(--coral-deep)}
.msg{font-size:.84rem;padding:10px 12px;border-radius:8px;margin-top:10px;background:#FDECE8;color:var(--coral-deep)}