.hero{background:linear-gradient(180deg,#02225a,#02225a 58%,#1c56d6 110%);color:var(--white);overflow:hidden}.hero-inner{align-items:center;display:grid;gap:40px;grid-template-columns:1fr;padding-block:60px 60px;text-align:left}.hero-copy h1{color:#fff;font-size:clamp(36px,4.6vw,56px);font-weight:700;letter-spacing:-1px;line-height:1.12;margin:0 0 20px}@media(max-width:768px){.hero-copy h1 br{display:none}}.hero-copy .accent{color:#f6c463}.hero-copy p{color:hsla(0,0%,100%,.8);font-size:18px;line-height:1.6;margin:0 0 30px;max-width:none}.hero-visual{display:flex;justify-content:center;margin-top:24px;margin-inline:auto;max-width:420px;min-height:360px;position:relative}@media(max-width:768px){.hero-visual{transform:scale(1.1) translateY(-10px)}}.hero-stage{aspect-ratio:1/1;max-width:430px;min-width:320px;position:relative;width:100%}.hero-portrait{height:100%;inset:0;object-fit:contain;object-position:center;position:absolute;width:100%}.hero-gift{filter:drop-shadow(0 12px 18px rgba(0,0,0,.22));height:70px;left:0;top:15%}.hero-coins,.hero-gift{animation:bounce 3s ease-in-out infinite;position:absolute;width:150px}.hero-coins{bottom:9%;height:90px;right:2%;z-index:2}.coin{background:radial-gradient(circle at 35% 28%,#ffe79a 0,#f6c33d 55%,#d99b1c 100%);border-radius:50%;box-shadow:0 8px 16px rgba(120,80,0,.28),inset 0 -4px 8px rgba(150,100,0,.35);color:#7a5200;display:grid;font-weight:800;place-items:center;position:absolute;z-index:2}.coin--lg{bottom:0;font-size:24px;height:56px;right:18px;width:56px}.coin--md{bottom:36px;font-size:15px;height:34px;right:0;width:34px}.coin--sm{bottom:42px;font-size:11px;height:24px;right:58px;width:24px}.hero-card{align-items:center;backdrop-filter:blur(3px);background:rgba(0,32,92,.35);border-radius:20px;box-shadow:0 20px 44px rgba(8,18,55,.4);color:var(--white);display:flex;gap:12px;padding:20px 24px;position:absolute;z-index:3}.hero-card__tile{background:var(--white);border-radius:12px;display:grid;flex:none;height:40px;place-items:center;width:40px}.hero-card--reward{flex-direction:column;max-width:250px;right:0;text-align:center;top:28%}.hero-card--reward strong{display:block;font-size:20px;line-height:1.3}.hero-card--reward small{color:hsla(0,0%,100%,.9);display:block;font-size:14px;margin-top:4px}.hero-card--referred{bottom:16%;left:0}.hero-card--referred small{color:hsla(0,0%,100%,.9);display:block;font-size:14px}.hero-card--referred .count{display:block;font-size:20px;font-weight:700}@media (max-width:768px){.hero-card--reward{transform:scale(.7) translateX(100px)}.hero-card--referred{transform:scale(.7) translateX(-73px) translateY(50px)}.hero-gift{height:120px;width:120px}.hero-coins{bottom:4%;width:155px}}@media (min-width:768px){.hero-card--reward{right:-4%;transform:scale(.8) translateX(50px)}.hero-card--referred{left:-9%}}@media (min-width:981px){.hero-inner{grid-template-columns:1.05fr .95fr}.hero-copy p{max-width:520px}.hero-visual{margin-top:0;margin-inline:0;max-width:none;min-height:0}}.bounce{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}