*{box-sizing:border-box}
body{margin:0;background:#080604;color:white;font-family:Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle,#ff9f38,#050403 60%);z-index:-1}
header{position:fixed;top:20px;left:5%;right:5%;padding:16px 25px;background:#000c;border-radius:20px;display:flex;justify-content:space-between;align-items:center;z-index:5}
.brand{font-size:32px;font-weight:900}
header img{width:42px}
.hero{min-height:100vh;width:min(1200px,92%);margin:auto;padding-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.card{background:#000c;padding:45px;border-radius:35px;border:1px solid #ffffff22}
h1{font-size:110px;line-height:.8;margin:20px 0}
p{font-size:22px;line-height:1.5;color:#ddd}
.buttons{display:flex;flex-wrap:wrap;gap:12px}
.buttons a{display:flex;align-items:center;gap:10px;background:white;color:black;text-decoration:none;padding:15px 20px;border-radius:16px;font-weight:bold}
.buttons img{width:30px;height:30px}
.hero-img{width:100%;border-radius:35px}
.ca-box{margin-top:25px;background:#151515;padding:20px;border-radius:18px}
#ca{display:block;word-break:break-all;margin:15px 0;font-weight:bold}
button{padding:10px 18px;border-radius:12px;border:0;font-weight:bold}
@media(max-width:800px){.hero{grid-template-columns:1fr}h1{font-size:70px}}