:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#0a1120;color:#edf2fc}body{margin:0;padding:clamp(20px,6vw,70px)}main{box-sizing:border-box;max-width:640px;margin:4vh auto;padding:clamp(24px,5vw,48px);background:#121e33;border:1px solid #2b3b54;border-radius:20px}h1{font-size:clamp(24px,5vw,32px);line-height:1.2}a{display:inline-block;padding:14px 20px;background:#9348d8;border-radius:10px;color:white;font-weight:650;text-decoration:none}a:hover,a:focus{background:#b665ee}p{margin:24px 0}p:last-child{color:#aab9d0;font-size:14px}