/* STEELSHOT material system: mesh > structural glass > denser interactive glass. */
:root{--glass:rgba(15,29,49,.74);--glass-edge:rgba(255,255,255,.4);--panel:rgba(16,31,53,.64);--panel2:rgba(21,38,63,.8);--line:rgba(255,255,255,.22);--muted:#c1cede;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--glass-shadow:0 24px 65px rgba(1,8,20,.32),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04)}
html{color-scheme:dark}
body{isolation:isolate;background:linear-gradient(135deg,#15304a,#192b46 48%,#101e34);color:#f5f8ff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;letter-spacing:0;font-optical-sizing:auto}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 4% 9%,#3277bb 0,transparent 48%),radial-gradient(ellipse at 88% 18%,#685ab3 0,transparent 44%),radial-gradient(ellipse at 55% 72%,#1a626f 0,transparent 50%),radial-gradient(ellipse at 2% 96%,#273d80 0,transparent 48%),linear-gradient(145deg,#081625,#172746 60%,#091522);background-size:cover}
.noise{opacity:.09}
h1,h2,h3,.brand-copy,.home-prize-month,.home-pass-price strong,.story-pass-card strong{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-optical-sizing:auto}
h1,h2{letter-spacing:-.035em;line-height:1.12}h3{letter-spacing:-.018em}
.topbar,.mobile-dock{background:rgba(14,27,48,.58)!important;backdrop-filter:blur(42px) saturate(160%);-webkit-backdrop-filter:blur(42px) saturate(160%);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.topbar{height:86px;max-width:1480px;width:calc(100% - 40px);margin:16px auto 0;top:16px;border-radius:25px;padding-inline:30px;gap:18px}
.nav{gap:8px}.nav a{font-size:14px;color:#d0dcf0;border:1px solid transparent;padding:10px 13px;border-radius:14px}.nav a.active{background:linear-gradient(135deg,#b2dfff29,#a2b5ff19);border-color:#ffffff42;box-shadow:inset 0 1px 0 #ffffff2b}.nav a.active:after{display:none}
.brand-mark{border-radius:13px;background:linear-gradient(150deg,#d4eeff44,#5d8df83d 50%,#c8b6ff44);border:1px solid #ffffff66;box-shadow:0 6px 25px #bbdeff22}.brand-copy small{color:#b7cee9;font-size:10px}.user-chip{background:#e0eeff0c;border-color:#ffffff42;border-radius:15px}.avatar{background:linear-gradient(135deg,#6eade8,#8273c7);border:1px solid #ffffff4d}
.club-discover{max-width:1160px;padding-top:40px}.prize-catalog,.account-page{max-width:1240px;padding-top:40px}.page{max-width:1240px}
.club-banner,.account-shell,.free-draw-feature,.home-pass-strip,.story-pass-card,.cta-panel,.chance-shell{background:linear-gradient(125deg,#e3f3ff14,#bdd0ff07),rgba(13,28,49,.55)!important;border:1px solid var(--glass-edge);border-radius:30px;box-shadow:var(--glass-shadow);backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}
.club-banner{padding:10px}.club-banner-slide{border-radius:22px;overflow:hidden;min-height:390px;padding:45px}.club-banner-slide:after{background:linear-gradient(90deg,#0c1d38eb,#14244099 58%,#11284324)}.club-banner h1,.club-banner h2{font-weight:650;letter-spacing:-.045em;font-size:clamp(2.3rem,4.5vw,3.6rem)}.club-banner p{font-size:16px;color:#e0eafa}.club-banner-controls{bottom:23px;right:26px;gap:9px}.club-banner-controls button{background:#ffffff18;border-color:#ffffff66;width:36px;height:36px;backdrop-filter:blur(14px)}
.account-shell{padding:34px}.account-view-head h1{font-size:clamp(2rem,4vw,2.65rem);font-weight:650}.account-eyebrow,.story-kicker{color:#c5ddff;font-size:12px;letter-spacing:.14em}.account-view-head p,.account-panel p,.privacy-row p,.account-security p{font-size:16px;color:#cad8ed}
.discover-card,.prize-tile,.account-tile,.account-identity,.account-panel,.account-fields,.discover-plans article,.discover-community,.benefit-card,.event-card,.draw-card,.metric,.story-steps article,.faq-item,.saved-list article,.plan-card,.winner-card{background:linear-gradient(135deg,#d6eaff0e,transparent 70%),rgba(16,31,53,.78)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 12px 28px #03102424,inset 0 1px 0 #ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.discover-card,.prize-tile{border-radius:24px}.discover-card>img{height:210px}.discover-card>div{padding:22px}.discover-card h3{font-size:20px;font-weight:650}.discover-card p,.discover-plans p,.discover-community p{font-size:16px;color:#c9d7ea}.discover-card small{font-size:12px;color:#bed9ff;letter-spacing:.08em}.discover-section{margin-top:42px;padding-top:26px;border-top:1px solid #ffffff35}.discover-section-head h2{font-size:27px;font-weight:650}.discover-section-head p,.catalog-heading p{font-size:14px;color:#c2d2e8}.discover-section-head>a{font-size:14px;background:#daeaff0d;border-color:#ffffff55;padding:10px 17px}
.prize-tile{padding:10px}.prize-picture{border-radius:17px}.prize-picture>span{font-size:12px;background:#10253bba;border:1px solid #ffffff50;backdrop-filter:blur(15px)}.prize-tile-body strong{font:650 18px/1.35 ui-sans-serif,system-ui,sans-serif}.prize-tile-body small{font-size:13px;color:#d7e8ff;background:#daeaff14;border:1px solid #ffffff20}.prize-tile-body>span{font-size:13px;color:#bfd0e8}.edition-copy{font-size:14px;color:#c0d1e7}.catalog-callout{background:#112d485e;border-color:#ffffff66;backdrop-filter:blur(28px)}.catalog-callout p{font-size:16px;color:#c8d9ee}.catalog-empty{background:#18324b77;border-color:#ffffff66}
.account-tile{min-height:140px;border-radius:22px}.account-tile strong{font-size:19px;font-weight:650}.account-tile small{font-size:14px;color:#bdcee5}.account-identity{background:linear-gradient(130deg,#8bcefb24,#bcb1ff18),#10263f88!important}.account-avatar{background:linear-gradient(135deg,#94c9f04a,#ae9ae15e);border:1px solid #ffffff66;border-radius:20px;color:#f2f8ff}.account-plan{font-size:13px}.account-bottom small,.account-demo-note{font-size:13px;color:#b4c8e3}.account-breadcrumb{font-size:14px;color:#d5e4fa}.account-facts small{font-size:13px;color:#b6cbe6}.account-facts strong,.account-history{font-size:15px}.account-security strong,.privacy-preview{font-size:15px}.account-switch{min-height:44px;background:#daeaff0d;border-color:#ffffff55}.account-switch b{font-size:13px}
.btn,.icon-btn,.prize-filter button,.catalog-toolbar button,.account-switch,.footer-social a,.discover-section-head>a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn{min-height:46px;border-radius:14px;font-size:14px;padding:12px 18px;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.btn-primary{background:linear-gradient(130deg,#3b6ec1,#6353af);border:1px solid #ffffff66;box-shadow:inset 0 1px 0 #ffffff35,0 7px 20px #081a4044}.btn-secondary,.btn-ghost,.icon-btn{background:#d9ebff12;border-color:#ffffff55;color:#e9f2ff}.btn-white{background:#edf5ff;color:#152d49;border:1px solid white}.btn-danger{color:#ffd3d9;background:#81334350;border-color:#ffffff55}
.btn:hover,.prize-tile:hover,.account-tile:hover,.benefit-card:hover,.event-card:hover{transform:none}.prize-tile,.account-tile,.benefit-card,.event-card{transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}.spring-surface{transform-origin:center;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease!important}
.prize-filter{background:#132a435e;border:1px solid #ffffff66;backdrop-filter:blur(24px)}.prize-filter button{min-height:44px;font-size:14px}.prize-filter [aria-pressed=true]{box-shadow:0 3px 12px #04132922,inset 0 1px 0 white}
.prize-dialog,.modal-panel{background:linear-gradient(125deg,#dceaff12,transparent),rgba(13,28,49,.8)!important;border:1px solid var(--glass-edge);box-shadow:0 30px 100px #02081866,inset 0 1px 0 #ffffff38;backdrop-filter:blur(38px) saturate(160%);-webkit-backdrop-filter:blur(38px) saturate(160%);border-radius:28px}.prize-dialog::backdrop{background:#04112588;backdrop-filter:blur(12px)}.prize-detail-copy p,.modal-copy{font-size:16px;color:#d0dff1}.prize-detail-copy>small{font-size:13px;color:#b2c6e2}.prize-detail-access details,.prize-participating,.prize-detail-date{font-size:14px}.prize-close{background:#ffffff16;border-color:#ffffff66;width:40px;height:40px}.prize-detail-copy h2{color:#e3efff}.modal-form input,.account-fields input,#redeem-code input,.search-box{background:#071a2d77;border:1px solid #ffffff42;color:#edf7ff;font-size:16px;min-height:46px}.modal-form label,.account-fields label,#redeem-code label{font-size:14px;color:#c3d5ef}.account-fields:disabled input{color:#becfe5;border-color:#ffffff30}
footer{background:#091d3566;border-top:1px solid #ffffff40;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.footer-links a,.footer-links button{color:#c1d2eb;font-size:14px}.footer-links strong{font-size:12px;color:#e3edfb}.footer-social a{background:#daebff12;border-color:#ffffff66;box-shadow:inset 0 1px 0 #ffffff20}.footer-bottom{font-size:12px;color:#aebed7;border-top-color:#ffffff30}.footer-social strong{font-size:14px}.toast{background:#163047d9;border-color:#ffffff66;backdrop-filter:blur(25px);font-size:14px;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}
:where(a,button,input,select,summary):focus-visible{outline:2px solid #d0f0ff;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.btn:hover,.account-tile:hover,.prize-tile:hover,.footer-social a:hover{border-color:#ffffffa6;box-shadow:0 10px 25px #02132c38,inset 0 1px 0 #ffffff4d}.account-tile:hover{background:#294361cc!important}}
@media(max-width:760px){.topbar{height:70px;width:calc(100% - 20px);padding-inline:14px;margin-top:10px;top:10px;border-radius:21px}.brand-copy strong{font-size:14px}.club-discover,.prize-catalog,.account-page{padding-top:26px}.club-banner{padding:7px;border-radius:26px}.club-banner-slide{padding:30px 22px 64px;min-height:390px}.club-banner h1,.club-banner h2{font-size:2.25rem}.account-shell{padding:24px 17px;border-radius:25px}.account-tile{padding:20px 16px}.account-identity{padding:22px 16px}.account-tile small{font-size:14px}.mobile-dock{border-radius:25px;background:#142943b3!important;backdrop-filter:blur(36px) saturate(160%)}.mobile-dock-item span{font-size:12px}.discover-card{flex-basis:85%}.discover-card>img{height:190px}.discover-card p{font-size:15px}.prize-tile{padding:7px}.prize-tile-body strong{font-size:15px}.prize-tile-body>span,.prize-tile-body small{font-size:12px}.prize-tile-body{padding:14px 4px}.catalog-heading{gap:22px}.prize-dialog{width:calc(100% - 24px)}.prize-detail-copy h2{font-size:26px}.prize-detail-copy p{font-size:15px}.footer-top{column-gap:20px}.footer-links a,.footer-links button{font-size:13px}.account-facts strong{font-size:14px}.discover-plans article{padding:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spring-surface{transform:none!important}.reveal{transform:none!important}.toast{transform:none;transition:opacity 160ms ease}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.topbar,.mobile-dock,.account-shell,.club-banner,.prize-dialog,.modal-panel,.account-panel,.account-tile,.account-identity,.account-fields,.prize-tile,.discover-card,.benefit-card,.event-card,footer{background:#13273d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.prize-dialog::backdrop{backdrop-filter:none;background:#030b17dd}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar,.mobile-dock,.account-shell,.prize-dialog,.modal-panel{background:#142940!important}}
