*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#1452b3,#07153e 65%);color:white;font:17px system-ui,sans-serif;min-height:100vh}main{max-width:780px;margin:6vh auto;padding:32px;background:#08245e;border:1px solid #329dff;border-radius:24px;box-shadow:0 20px 50px #0005}a{color:#7de5ff}h1{font-size:clamp(28px,5vw,48px)}.warn{background:#183d7c;border-left:5px solid #ffd342;padding:14px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}label{font-weight:700}input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #72c8ff;border-radius:10px;font:inherit}button{grid-column:1/-1;background:#ffcf31;color:#071b49;border:0;border-radius:12px;padding:15px;font-weight:800;font-size:18px;cursor:pointer}output{display:block;min-height:64px;padding:16px;border-radius:12px;background:#16438c;line-height:1.6}@media(max-width:700px){main{margin:10px;padding:20px}}