*{box-sizing:border-box;border-color:rgba(255,255,255,.1)}
html{scroll-behavior:smooth}
body{margin:0;background:#111a2d;color:#f8fafc;font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:100vh;background:#111a2d;overflow:hidden}
.header{position:relative;z-index:10;max-width:1280px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding:20px 20px}
.brand{display:flex;align-items:center;gap:8px;color:#f8fafc;text-decoration:none}
.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#f27b25,#ed4939);box-shadow:0 10px 24px rgba(242,123,37,.2)}
.brand-icon svg{width:20px;height:20px}
.brand-name{font-size:18px;font-weight:800}
.brand-name span{color:#ed6b58}
.nav{display:none;align-items:center;gap:32px;font-size:14px;font-weight:600;color:#aeb9c9}
.nav a{color:inherit;text-decoration:none;transition:color .2s}
.nav a:hover{color:#f8fafc}
.hero{position:relative;isolation:isolate;margin-top:-80px;min-height:calc(100vh - 16px);overflow:hidden;padding:128px 20px 48px}
.hero-bg{position:absolute;inset:0;z-index:-20;width:100%;height:100%;object-fit:cover;opacity:.4}
.hero-overlay{position:absolute;inset:0;z-index:-10;background:linear-gradient(to bottom,rgba(17,26,45,.5) 0%,rgba(17,26,45,.9) 55%,#111a2d 100%)}
.hero-content{max-width:896px;margin:0 auto;text-align:center}
.hero-rise{animation:hero-rise 700ms cubic-bezier(.22,1,.36,1) both}
.urgency-wrap{margin-bottom:28px;display:flex;justify-content:center}
.urgency{display:flex;align-items:center;gap:8px;border:1px solid rgba(242,123,37,.6);background:rgba(242,123,37,.15);padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;color:#f27b25;box-shadow:0 10px 24px rgba(242,123,37,.1)}
.urgency-blink{animation:urgency-blink 1.8s ease-in-out infinite}
.urgency-dot{width:8px;height:8px;border-radius:50%;background:#f27b25}
.eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase;color:#aeb9c9;animation-delay:80ms}
.headline{max-width:896px;margin:16px auto 0;font-size:48px;line-height:.98;letter-spacing:-.025em;font-weight:800;animation-delay:140ms}
.headline span{background:linear-gradient(to right,#f5d75b,#f27b25);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro{max-width:672px;margin:28px auto 0;animation-delay:220ms}
.intro p{margin:0}
.intro p:first-child{font-size:18px;line-height:28px;font-weight:700;color:#f8fafc}
.intro p+ p{margin-top:8px;font-size:16px;line-height:24px;color:#aeb9c9}
.eligibility{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:16px;animation-delay:300ms}
.claim-button{min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 40px;border-radius:999px;background:linear-gradient(to right,#f27b25,#ed4939);color:#fff;text-decoration:none;font-size:18px;font-weight:800;box-shadow:0 24px 48px rgba(242,123,37,.25);transition:transform .2s}
.claim-button:hover{transform:scale(1.05)}
.claim-button:active{transform:scale(.95)}
.claim-button svg{width:20px;height:20px;transition:transform .2s}
.claim-button:hover svg{transform:translateX(4px)}
.confirmation{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:700;color:#72d8aa}
.stats{margin-top:56px;display:grid;overflow:hidden;border:1px solid rgba(248,250,252,.2);border-radius:12px;background:rgba(248,250,252,.1);padding:20px;backdrop-filter:blur(12px);animation-delay:360ms}
.stats>div{padding:16px;border-bottom:1px solid rgba(248,250,252,.15)}
.stats>div:last-child{border-bottom:0}
.stats dt{font-size:30px;line-height:36px;font-weight:800;color:#f5d75b}
.stats dt.success{color:#72d8aa}
.stats dd{margin:4px 0 0;font-size:14px;line-height:20px;color:#aeb9c9}
.trust{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;column-gap:32px;row-gap:12px;font-size:14px;line-height:20px;font-weight:600;color:#aeb9c9}
.trust div{display:flex;align-items:center;gap:8px}
.trust span{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(114,216,170,.6);border-radius:50%;color:#72d8aa}
footer{border-top:1px solid rgba(248,250,252,.1);padding:28px 20px;text-align:center;font-size:12px;line-height:16px;color:#aeb9c9}
footer p{margin:0}
.activity-toast{position:fixed;left:50%;top:12px;z-index:50;display:flex;width:calc(100% - 32px);max-width:384px;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;color:#1e293b;text-align:left;box-shadow:0 12px 32px -8px rgba(0,0,0,.35);box-shadow:0 12px 32px -8px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.05);transform:translateX(-50%);animation:activity-toast 5.4s ease-in-out both}
.gift-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f27b25,#ed4939);font-size:18px;box-shadow:0 6px 16px rgba(242,123,37,.3)}
.toast-content{min-width:0;flex:1}
.toast-main{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;color:#1e293b}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bold{font-weight:700}
.orange{color:#f27b25}
.status-dot{margin-left:auto;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#72d8aa}
.toast-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;font-size:12px;line-height:16px;color:#64748b}
.sample-label{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}
@keyframes hero-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes urgency-blink{0%,44%,100%{opacity:1}50%,62%{opacity:.38}}
@keyframes activity-toast{0%{opacity:0;transform:translate(-50%,-20px) scale(.96)}12%,85%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-14px) scale(.97)}}
@media (min-width:640px){
  .header{padding-left:32px;padding-right:32px}
  .hero{padding-left:32px;padding-right:32px;padding-top:144px}
  .brand-name{font-size:20px}
  .headline{font-size:72px}
  .intro p:first-child{font-size:20px}
  .intro p+ p{font-size:18px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));padding:28px}
  .stats>div{border-bottom:0;border-right:1px solid rgba(248,250,252,.15)}
  .stats>div:last-child{border-right:0}
}
@media (min-width:768px){.nav{display:flex}}
@media (min-width:1024px){
  .header{padding-left:48px;padding-right:48px}
  .headline{font-size:96px}
}
@media (prefers-reduced-motion:reduce){
  .hero-rise,.urgency-blink,.activity-toast{animation:none}
}
@media (max-width:480px){
  .headline{font-size:46px}
  .toast-main{font-size:13px}
  .sample-label{display:none}
}