:root{font-family:Inter,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#f5f5f5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh;background:#242424;color:#fff;padding-left:10px;padding-right:10px}main{max-width:1000px;margin:30px auto;padding:20px}header{min-height:60px;display:flex;align-items:center;justify-content:center;padding:15px;border-radius:10px;background-color:#055a7fe6;box-shadow:0 4px 10px #0000004d}h1{text-align:center;margin-top:30px;margin-bottom:30px;font-size:2.5rem;line-height:1.2}p{text-align:center;font-size:1.2rem;margin-bottom:20px}a{font-weight:500;color:#e5e5ef;text-decoration:none;transition:.2s}a:hover{color:#7aa2ff}button{border-radius:8px;border:none;padding:12px 20px;font-size:1rem;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:.25s}button:hover{background-color:#646cff}footer{margin-top:50px;text-align:center;padding:20px;color:#ccc}@media (max-width: 768px){h1{font-size:2rem}p{font-size:1rem}header{padding:12px}}