:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05060c;color:#eef2f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#05060c;color:#eef2f7;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:120px 120px;pointer-events:none;opacity:.1}.hero-page{position:relative;min-height:100vh;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 20%);background-size:120px 120px;opacity:.14;pointer-events:none}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;transform:scale(1.06);filter:brightness(.58) saturate(1.05);animation:bgZoom 28s ease-in-out infinite}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 16%,rgba(97,205,255,.18),transparent 22%),radial-gradient(circle at 92% 12%,rgba(178,100,255,.14),transparent 20%),linear-gradient(180deg,#0003,#000000a6);pointer-events:none}.hero-overlay{position:relative;z-index:1;min-height:100vh;display:grid;align-items:center;padding:2.5rem 2rem}.hero-panel{max-width:780px;margin-left:4rem;padding:clamp(2rem,4vw,3rem);border-radius:32px;border:1px solid rgba(145,210,255,.12);background:#060a12b8;box-shadow:0 48px 140px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-tag{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#7ce3ff;font-size:.88rem;letter-spacing:.22em;text-transform:uppercase}.hero-tag:before{content:"";width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,#45e0ff,#8f7aff)}h1{margin:0;font-size:clamp(3rem,4vw,4.8rem);line-height:1.02;letter-spacing:-.04em;text-shadow:0 22px 56px rgba(0,0,0,.35)}.subtitle{margin:1rem 0 0;color:#d1d5df;font-size:1.05rem;line-height:1.8;max-width:48rem}.body-text{margin:2rem 0 0;color:#ecf2fb;font-size:1.05rem;line-height:1.85;max-width:42rem}.action-button{display:inline-flex;align-items:center;justify-content:center;margin-top:2.4rem;padding:1rem 1.9rem;border-radius:999px;border:1px solid rgba(109,210,255,.28);background:linear-gradient(135deg,#51e0ff2e,#0a101cfa);color:#f7fbff;text-decoration:none;font-weight:700;letter-spacing:.01em;box-shadow:0 22px 60px #050d1a73;transition:transform .24s ease,box-shadow .24s ease,background .24s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:hover,.action-button:focus-visible{transform:translateY(-2px);box-shadow:0 28px 74px #050d1a8c;background:linear-gradient(135deg,#77f5ff4d,#132236fa)}@keyframes bgZoom{0%,to{transform:scale(1.06)}50%{transform:scale(1.12)}}@media (max-width: 900px){.hero-panel{margin-left:0;margin-right:0}}@media (max-width: 720px){.hero-overlay{padding:1.8rem 1.2rem}.hero-panel{margin:0 auto;border-radius:24px;padding:2rem 1.4rem;text-align:center}.hero-tag{justify-content:center}h1{font-size:clamp(2.4rem,8vw,3.4rem)}.subtitle,.body-text{margin-left:auto;margin-right:auto;text-align:center}.action-button{width:100%}}