.hero{position:relative;overflow:hidden;min-height:670px;padding:135px 0 70px;background:radial-gradient(circle at 70% 22%,rgba(43,142,255,.15),transparent 22%),linear-gradient(180deg,#061322 0%,#03101e 62%,#020812 100%)}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 8% 15%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 21% 36%,#8ed5ff 0 1px,transparent 1.5px),radial-gradient(circle at 43% 12%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 68% 34%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 86% 19%,#8ed5ff 0 1px,transparent 1.5px),radial-gradient(circle at 92% 52%,#fff 0 1px,transparent 1.5px);opacity:.9}.hero::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-150px;height:300px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,#fff8d7 0 1%,#f2b953 2%,#4caeff 4%,#123d72 7%,#07111f 10%,#020811 55%);box-shadow:0 -12px 35px rgba(61,168,255,.55)}.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.hero-line{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-style:italic;font-size:1.2rem;margin:0 0 12px;color:#fff}.hero-line-vector{display:block;flex:0 0 38px;width:38px;height:1px;background:#f0b342;box-shadow:0 0 5px rgba(238,178,76,.35)}.hero h1{margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.hero h1 .gold{display:block;color:var(--gold)}.hero h1 .white{display:block}.hero-copy{max-width:610px;color:#e0e8f2;font-size:1.1rem;margin-bottom:27px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:800}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171006}.btn-outline{border:1px solid rgba(255,255,255,.45)}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-visual img{width:min(100%,590px);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.2);mix-blend-mode:screen}
@media(max-width:920px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;justify-content:flex-end}.hero-visual img{max-width:520px}}@media(max-width:620px){.hero{padding-top:108px;min-height:auto}.hero h1{font-size:3.15rem}.hero-line{font-size:1rem;gap:9px}.hero-line-vector{flex-basis:26px;width:26px}.hero-copy{font-size:1rem}.hero-visual img{max-width:100%}}