*{box-sizing:border-box}html{background:#222}body{margin:0;min-height:100svh;font-family:Arial,"Malgun Gothic",sans-serif;color:white;background:#222}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0008,transparent 44%),url("/background.jpg") center 58%/cover no-repeat;z-index:0}header{position:relative;text-align:center;padding:clamp(38px,7vh,86px) 22px 30px}h1{font-size:clamp(42px,8vw,76px);font-weight:500;letter-spacing:-3px;margin:0 0 18px;text-shadow:0 2px 20px #0005}header a{color:white;font-size:clamp(13px,3vw,16px);text-decoration:none;text-shadow:0 1px 8px #0008}main{position:absolute;inset:45% 0 auto;display:flex;justify-content:center;padding:20px}.preview-button{min-width:240px;padding:19px 27px;background:#111b22e8;color:#e8f7ff;border:1px solid #afdff28c;border-radius:9px;font-size:17px;box-shadow:0 8px 32px #0005;backdrop-filter:blur(12px)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #69d2fb;outline-offset:4px}.preview-button span{margin-left:25px;color:#89d6ed}.preview-button:hover{background:#203746}dialog{width:min(440px,calc(100% - 32px));padding:34px 30px 25px;background:#111d26;color:#eff8fc;border:1px solid #718593;border-radius:16px;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#03090caa;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#b3c4ce;font-size:27px;padding:4px 9px}.eyebrow{font-size:10px;letter-spacing:2px;color:#87cbe2;margin:5px 0 20px}h2{font-size:26px;letter-spacing:-1px;margin:0 0 12px}.description{font-size:13px;color:#b7c7d1;line-height:1.8;margin-bottom:25px}label{display:block;font-size:12px;margin-bottom:10px}input{width:100%;background:#07111a;border:1px solid #516876;border-radius:7px;color:white;padding:15px;font-size:16px}.enter{display:flex;justify-content:space-between;align-items:center;width:100%;background:#91d9ef;color:#102d3c;border:0;border-radius:7px;padding:15px 17px;margin-top:18px;font-weight:700;font-size:14px}.footnote{font-size:10px;line-height:1.7;color:#9badb9;margin:20px 0 0}#error{color:#ffb4ac;font-size:12px;line-height:1.6}button:disabled{opacity:.65;cursor:wait}@media(min-aspect-ratio:4/3){body:before{background-size:auto,contain;background-color:#20221e}}

.site-links{position:relative;z-index:2;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:16px 20px;color:white;background:rgba(0,0,0,.35)}.site-links a{color:inherit;font:14px sans-serif;text-underline-offset:5px}@media(max-width:600px){.site-links{gap:14px;font-size:12px}}