.glass-home { position: relative; min-height: calc(100vh - 68px); overflow: hidden; color: #fff; background: radial-gradient(circle at 50% 42%,#1a7d96 0%,#073a50 38%,#031a2a 100%); isolation: isolate; }
.glass-home-backdrop { position: fixed; z-index: -2; inset: 68px 0 0; background-image: linear-gradient(180deg,rgba(3,19,31,.08),rgba(3,19,31,.28)),url('/images/lucky-pirate-home-hero.webp'); background-position: center,center; background-size: cover,contain; background-repeat: no-repeat; filter: saturate(1.08) contrast(1.03); transform: scale(1.015); }
.glass-home::before { position: fixed; z-index: -1; inset: 68px 0 0; background: linear-gradient(100deg,rgba(1,13,23,.62),rgba(5,39,52,.18) 52%,rgba(1,18,28,.45)),radial-gradient(circle at 50% 45%,transparent 18%,rgba(2,19,30,.34) 75%); content: ''; }
.glass-home-stage { display: grid; width: min(1320px,calc(100% - 56px)); min-height: calc(100vh - 68px); gap: 16px; align-content: center; margin: auto; padding: 44px 0; }
.glass-home-panel,.glass-feature-panel { border: 1px solid rgba(221,245,245,.22); background: linear-gradient(135deg,rgba(3,26,40,.72),rgba(7,51,62,.48)); box-shadow: 0 28px 75px rgba(0,11,20,.34),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(22px) saturate(135%); -webkit-backdrop-filter: blur(22px) saturate(135%); }
.glass-home-panel { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: clamp(32px,5vw,82px); align-items: center; min-height: 480px; padding: clamp(36px,5vw,72px); border-radius: 30px; }
.glass-home-copy { max-width: 720px; }
.glass-home-kicker { display: inline-flex; gap: 10px; align-items: center; padding: 7px 11px; color: #8be2d6; border: 1px solid rgba(99,212,203,.22); border-radius: 999px; background: rgba(5,91,93,.26); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.glass-home-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #55dea5; box-shadow: 0 0 0 5px rgba(85,222,165,.12); }
.glass-home-copy h1 { max-width: 690px; margin: 19px 0 17px; color: #fff; font-size: clamp(43px,5vw,72px); line-height: 1.05; text-wrap: balance; text-shadow: 0 9px 25px rgba(0,7,14,.28); }
.glass-home-intro { max-width: 650px; margin: 0; color: #d2e3e6; font-size: clamp(15px,1.25vw,18px); line-height: 1.75; }
.glass-home-invite { display: flex; gap: 10px; align-items: center; margin-top: 16px; color: #a8c4ca; font-size: 12px; line-height: 1.5; }
.glass-home-invite .nav-svg { width: 18px; height: 18px; color: #ffd067; }
.glass-home-actions { display: flex; gap: 15px; align-items: center; margin-top: 28px; }
.glass-home-actions>a { display: inline-flex; min-width: 195px; min-height: 55px; gap: 24px; align-items: center; justify-content: space-between; padding: 10px 12px 10px 20px; color: #082633; border: 1px solid #ffde80; border-radius: 15px; background: linear-gradient(135deg,#ffdb72,#edae37); box-shadow: 0 12px 28px rgba(230,167,46,.25); font-size: 14px; font-weight: 900; transition: transform .18s,box-shadow .18s; }
.glass-home-actions>a:hover { box-shadow: 0 17px 35px rgba(230,167,46,.34); transform: translateY(-2px); }
.glass-home-actions>a b { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; border-radius: 10px; background: #0a3543; font-size: 17px; }
.glass-home-actions small { max-width: 210px; color: #90afb6; font-size: 10px; line-height: 1.5; }
.glass-reward-card { overflow: hidden; padding: 24px; border: 1px solid rgba(218,242,242,.22); border-radius: 23px; background: linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07)); box-shadow: 0 20px 45px rgba(0,12,21,.22); }
.glass-reward-card>header { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.glass-reward-card>header span { color: #7de0d2; font-size: 8px; font-weight: 900; letter-spacing: .16em; }
.glass-reward-card h2 { margin: 4px 0 0; color: #fff; font-size: clamp(20px,2vw,28px); }
.glass-reward-card>header>i { display: grid; width: 43px; height: 43px; flex: 0 0 43px; place-items: center; color: #0a3140; border-radius: 13px; background: #f5c353; font-size: 20px; font-style: normal; font-weight: 900; }
.glass-reward-steps { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 8px; align-items: center; margin: 25px 0 20px; }
.glass-reward-steps div { display: grid; justify-items: center; gap: 5px; }
.glass-reward-steps b { display: grid; width: 29px; height: 29px; place-items: center; color: #0a3844; border-radius: 50%; background: #68d2c3; font-size: 11px; }
.glass-reward-steps span { color: #c8dcdf; font-size: 9px; white-space: nowrap; }
.glass-reward-steps>i { height: 1px; background: linear-gradient(90deg,#55cabc,rgba(85,202,188,.17)); }
.glass-reward-bars { display: flex; height: 80px; gap: 8px; align-items: end; padding: 14px 14px 0; border-radius: 14px; background: rgba(1,23,35,.27); }
.glass-reward-bars i { width: 100%; height: 35%; border-radius: 5px 5px 0 0; background: linear-gradient(#ffd36b,#df9c29); }
.glass-reward-bars i:nth-child(2){height:52%}.glass-reward-bars i:nth-child(3){height:45%}.glass-reward-bars i:nth-child(4){height:68%}.glass-reward-bars i:nth-child(5){height:59%}.glass-reward-bars i:nth-child(6){height:80%}.glass-reward-bars i:nth-child(7){height:94%}
.glass-reward-card>footer { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 15px; }
.glass-reward-card>footer span { padding: 6px 8px; color: #c6dadd; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 8px; font-weight: 700; }
.glass-feature-panel { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border-radius: 22px; }
.glass-feature-panel article { position: relative; display: grid; grid-template-columns: 45px minmax(0,1fr); gap: 13px; align-items: center; min-height: 124px; padding: 20px 24px; background: rgba(4,35,47,.38); }
.glass-feature-panel article+article { border-left: 1px solid rgba(218,243,243,.14); }
.glass-feature-panel article>div { display: grid; width: 45px; height: 45px; place-items: center; color: #07313e; border-radius: 14px; background: linear-gradient(145deg,#68d8ca,#43b6ae); }
.glass-feature-panel article>span { position: absolute; top: 12px; right: 15px; color: rgba(255,255,255,.13); font-size: 22px; font-weight: 900; }
.glass-feature-panel h3 { margin: 0 0 4px; color: #fff; font-size: 16px; }
.glass-feature-panel p { margin: 0; color: #abc4c9; font-size: 10px; line-height: 1.55; }

@media (max-width:1000px) {
    .glass-home-backdrop { background-size: cover,auto 100%; }
    .glass-home-stage { width: min(760px,calc(100% - 32px)); align-content: start; padding: 34px 0; }
    .glass-home-panel { grid-template-columns: 1fr; gap: 24px; padding: 40px; }
    .glass-reward-card { max-width: 520px; }
}

@media (max-width:680px) {
    .glass-home { min-height: calc(100vh - 60px); }
    .glass-home-backdrop { inset: 60px 0 0; background-position: center top,center -24px; background-size: cover,auto min(92vh,860px); filter: saturate(1.1) contrast(1.04); transform: scale(1.035); }
    .glass-home::before { inset: 60px 0 0; background: linear-gradient(180deg,rgba(2,18,28,.08) 0%,rgba(2,20,31,.24) 30%,rgba(2,20,31,.43) 65%,rgba(2,18,29,.64) 100%); }
    .glass-home-stage { width: calc(100% - 20px); gap: 10px; padding: min(29vh,270px) 0 22px; }
    .glass-home-panel,.glass-feature-panel { border-color: rgba(221,245,245,.28); background: linear-gradient(145deg,rgba(3,27,40,.48),rgba(6,49,59,.29)); box-shadow: 0 20px 55px rgba(0,11,20,.3),inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); }
    .glass-home-panel { min-height: 0; gap: 19px; padding: 20px 16px 16px; border-radius: 22px; }
    .glass-home-copy,.glass-feature-panel { text-shadow: 0 2px 9px rgba(0,9,16,.78); }
    .glass-home-kicker { max-width: 100%; padding: 6px 9px; font-size: 8px; }
    .glass-home-copy h1 { margin: 13px 0 10px; font-size: 35px; line-height: 1.08; }
    .glass-home-intro { font-size: 13px; line-height: 1.62; }
    .glass-home-invite { align-items: flex-start; margin-top: 12px; font-size: 11px; }
    .glass-home-actions { align-items: stretch; flex-direction: column; margin-top: 19px; }
    .glass-home-actions>a { width: 100%; min-height: 52px; }
    .glass-home-actions small { max-width: none; text-align: center; }
    .glass-reward-card { padding: 16px; border-color: rgba(226,248,247,.25); border-radius: 17px; background: linear-gradient(145deg,rgba(10,62,72,.38),rgba(3,31,44,.25)); box-shadow: 0 15px 36px rgba(0,10,18,.24); backdrop-filter: blur(7px) saturate(115%); -webkit-backdrop-filter: blur(7px) saturate(115%); }
    .glass-reward-card h2 { font-size: 19px; }
    .glass-reward-card>header>i { width: 37px; height: 37px; flex-basis: 37px; border-radius: 11px; }
    .glass-reward-steps { margin: 18px 0 13px; }
    .glass-reward-bars { display: none; }
    .glass-reward-card>footer { margin-top: 12px; }
    .glass-feature-panel { grid-template-columns: 1fr; border-radius: 19px; }
    .glass-feature-panel article { grid-template-columns: 39px minmax(0,1fr); min-height: 90px; padding: 15px 16px; background: rgba(4,35,47,.16); }
    .glass-feature-panel article+article { border-top: 1px solid rgba(218,243,243,.14); border-left: 0; }
    .glass-feature-panel article>div { width: 39px; height: 39px; border-radius: 12px; }
    .glass-feature-panel article>div .nav-svg { width: 19px; height: 19px; }
    .glass-feature-panel h3 { font-size: 15px; }
    .glass-feature-panel p { font-size: 10px; }
}

@media (prefers-reduced-motion:reduce) { .glass-home-actions>a { transition: none; } }