@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  --forest:#16A34A; --slate:#1B2A3B; --ink:#0F172A; --offwhite:#F9FAFB; --card:#FFFFFF;
  --muted:#64748B; --line:#E5E7EB; --crit:#DC2626;
  --fh:'Space Grotesk',Arial,sans-serif; --fb:'Inter',Arial,sans-serif; --fm:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--fb);font-weight:400;background:var(--offwhite);color:var(--ink);
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
h1,h2{font-family:var(--fh);font-weight:700;margin:0}
a{color:var(--forest);text-decoration:none}
a:hover{text-decoration:underline}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 10px 40px rgba(15,23,42,.06);width:100%;max-width:420px;padding:30px}
.brand{display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:6px}
.flag{display:inline-block;width:30px;height:30px;border:2px solid var(--forest);border-radius:9px;position:relative}
.flag::before{content:"";position:absolute;left:11px;top:7px;width:2px;height:15px;background:var(--forest)}
.flag::after{content:"";position:absolute;left:13px;top:7px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--forest)}
.word{font-family:var(--fh);font-weight:700;font-size:1.35rem;color:var(--slate);position:relative}
.word .f{color:var(--forest);position:relative}
.word .f::after{content:"";position:absolute;left:0;bottom:-3px;width:60%;height:2.5px;background:var(--forest)}
.sub{text-align:center;color:var(--muted);font-size:.85rem;margin:2px 0 22px}
label{display:block;font-size:.8rem;color:var(--muted);margin:12px 0 4px;font-weight:500}
input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-size:.95rem;font-family:var(--fb);color:var(--ink);background:#fff}
input:focus,select:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.btn{width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;background:var(--slate);color:#fff;
  font-size:1rem;font-weight:500;font-family:var(--fh);cursor:pointer}
.btn:hover{background:#13202e}
.btn:disabled{opacity:.6;cursor:not-allowed}
.row{display:flex;gap:10px}
.row>div{flex:1}
.check{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:.82rem;color:var(--muted)}
.check input{width:auto;margin-top:2px}
.msg{margin-top:14px;font-size:.85rem;padding:10px 12px;border-radius:8px;display:none}
.msg.err{display:block;background:#FDECEC;color:#B91C1C}
.msg.ok{display:block;background:#E7F6ED;color:#0F7A37}
.foot{text-align:center;margin-top:18px;font-size:.85rem;color:var(--muted)}
.mono{font-family:var(--fm)}