@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/sora-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/sora-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spline Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/spline-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Spline Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/spline-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --green:#92d050;
  --green-deep:#7bb83f;
  --ink:#1a1a1a;
  --ink-soft:#3a3a3a;
  --muted:#8b8b8b;
  --line:#e7e7e7;
  --bg:#fafafa;
  --card:#ffffff;
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Spline Sans',-apple-system,sans-serif;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(146,208,80,.10), transparent 60%),
    var(--bg);
  color:var(--ink);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.6;
  padding:48px 20px 0;
}
.wrap{
  width:100%;
  max-width:560px;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.domain{
  font-family:'Sora',sans-serif;
  font-weight:700;
  font-size:clamp(28px,7vw,40px);
  letter-spacing:-1px;
  margin-bottom:16px;
  animation:rise .7s .05s ease both;
}
.domain .tld{color:var(--green-deep)}
.lead{
  font-size:clamp(16px,2.6vw,18px);
  color:var(--ink-soft);
  max-width:44ch;
  margin:0 auto 38px;
  animation:rise .7s .1s ease both;
}
.card{
  width:100%;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:32px 28px;
  text-align:left;
  box-shadow:0 1px 2px rgba(0,0,0,.03),0 18px 40px -28px rgba(0,0,0,.25);
  animation:rise .7s .15s ease both;
}
.field{margin-bottom:18px}
.field:last-of-type{margin-bottom:24px}
label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  margin-bottom:7px;
}
label .req{color:var(--green-deep)}
input,textarea{
  width:100%;
  font-family:inherit;
  font-size:15px;
  color:var(--ink);
  background:#fcfcfc;
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 14px;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
textarea{resize:vertical;min-height:96px}
input:focus,textarea:focus{
  outline:none;
  border-color:var(--green);
  background:#fff;
  box-shadow:0 0 0 3px rgba(146,208,80,.18);
}
.eur{position:relative}
.eur input{padding-right:42px}
.eur::after{
  content:"€";
  position:absolute;
  right:14px;
  top:38px;
  color:var(--muted);
  font-size:15px;
  pointer-events:none;
}
button{
  width:100%;
  font-family:'Sora',sans-serif;
  font-weight:600;
  font-size:16px;
  color:var(--ink);
  background:var(--green);
  border:none;
  border-radius:10px;
  padding:14px;
  cursor:pointer;
  transition:background .15s,transform .08s;
}
button:hover{background:var(--green-deep)}
button:active{transform:translateY(1px)}
footer{
  width:100%;
  max-width:560px;
  margin-top:42px;
  padding:28px 0 36px;
  border-top:1px solid var(--line);
  text-align:center;
  font-size:13px;
  color:var(--muted);
}
footer nav a{
  color:var(--ink-soft);
  text-decoration:none;
  margin:0 10px;
}
footer nav a:hover{color:var(--green-deep)}
footer .copy{margin-top:12px}
footer .copy a{color:var(--muted);text-decoration:none}
footer .copy a:hover{color:var(--green-deep)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.err{width:100%;margin:0 0 24px;padding:14px 18px;border:1px solid #f1c4c0;border-radius:10px;background:#fff5f4;color:#9b1c13;font-size:15px;text-align:left}