:root{--bg:#f6f7fb;--card:#fff;--accent:#0b63d6;--text:#222}
*{box-sizing:border-box;font-family:Inter,system-ui,Arial;margin:0}
body{background:var(--bg);color:var(--text);min-height:100vh}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid #e6e9ef}
.logo{font-weight:700;color:var(--accent)}
nav a{margin-left:12px;color:#555;text-decoration:none}
.container{max-width:720px;margin:60px auto;padding:28px;background:var(--card);border-radius:10px;box-shadow:0 6px 20px rgba(15,23,42,0.06)}
h1,h2{margin-bottom:12px}
.cta{display:inline-block;padding:10px 18px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none}
label{display:block;margin:10px 0;color:#333}
input{width:100%;padding:10px;border:1px solid #d7dbe6;border-radius:6px}
button{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}
.result{margin-top:14px;padding:12px;border-radius:8px;background:#fff;border:1px solid transparent}
.result.error{border-color:#ffd6d6;background:#fff6f6;color:#800}
.msg{margin-top:6px;color:#444}
footer{margin:40px 0;text-align:center;color:#888}