@font-face{font-family:Bilstore;src:url('/assets/fonts/ibm-plex-sans-condensed/IBMPlexSansCondensed-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Bilstore;src:url('/assets/fonts/ibm-plex-sans-condensed/IBMPlexSansCondensed-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#151014;color:#f7f2f5;font:15px/1.6 Bilstore,system-ui,sans-serif}a{color:#eabbcf;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #48313f}.brand{font-weight:850;letter-spacing:.14em;color:white}nav{display:flex;gap:20px;flex-wrap:wrap}h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:10px 0}h2{font-size:19px;display:flex;align-items:center;gap:10px;margin:0 0 18px}h2>span{background:#ed3d8b;color:white;border-radius:9px;width:30px;height:30px;text-align:center;flex:none}.hero{display:flex;align-items:center;gap:24px;padding:36px;border-radius:22px;background:linear-gradient(100deg,#432536,#201921);margin:16px 0 24px}.hero img{border-radius:22px;object-fit:contain;background:#2c232a;padding:10px}.hero p{max-width:680px;color:#d0bfc8;margin:10px 0 0}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:750;color:#ecadca}.layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:24px}.card{background:#231b22;border:1px solid #44303d;border-radius:20px;padding:24px;margin-bottom:24px}.summary{position:sticky;top:24px;height:max-content}.muted,small{color:#beaeb8;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #624053;background:#382631;color:#fff;border-radius:12px;padding:12px 18px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#543347;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{border:2px solid #fa64a6;background:#4b273b}.tabs{display:flex;gap:10px}.tabs button{flex:1}.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package{text-align:left;padding:15px;display:flex;flex-direction:column;gap:6px}.package strong{font-size:16px}.package small{font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:600}input,select{display:block;width:100%;padding:12px;color:#fff;background:#171117;border:1px solid #634657;border-radius:10px;margin:6px 0 18px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #f381b4;outline-offset:3px}.check{display:flex;align-items:flex-start;gap:10px;margin:22px 0}.check input{width:18px;flex:none;margin:4px 0}.check span{font-weight:400}.price{font-size:30px;font-weight:800;margin:12px 0}.primary{width:100%;background:#ce286f;font-weight:750}#message{min-height:24px;color:#efd0df}.order{border-top:1px solid #4a3341;padding:20px 0}.order h3{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.order p{overflow-wrap:anywhere}textarea{width:100%;background:#171117;color:white;border:1px solid #634657;border-radius:10px;padding:12px;font:inherit;min-height:75px;margin:12px 0}.status{color:#89dbb5}footer{color:#a994a1;font-size:13px}@media(max-width:800px){.layout{grid-template-columns:1fr}.summary{position:static}.hero{padding:24px;gap:16px}.hero img{width:76px;height:76px}.packages{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){header,main,footer{padding:16px}header{align-items:flex-start}nav{gap:8px 14px;font-size:12px;justify-content:flex-end}.hero{align-items:flex-start;padding:20px}.hero img{width:60px;height:60px}h1{font-size:27px}.card{padding:18px}.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.package{padding:12px}.hero p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* BILSTORE_ROBLOX_HERO_V2 — scoped to the customer banner. */
.roblox-hero {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:328px; display:flex; align-items:center;
  margin:16px 0 28px; padding:42px; border:1px solid #aa65744a;
  border-radius:26px; background:#27131e url('/assets/roblox-hero-v2.webp') center / cover no-repeat;
  box-shadow:0 18px 40px #09050940, inset 0 1px 0 #ffffff14;
}
.roblox-hero::before {
  content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#22121eef 0%,#281420eb 27%,#281420bd 46%,#28142012 70%);
}
.roblox-hero-content {display:flex; align-items:center; gap:28px; max-width:570px;}
.roblox-hero-copy {min-width:0;}
.roblox-hero .eyebrow {color:#f7bfd5; font-size:11px; letter-spacing:.18em;}
.roblox-hero h1 {font-size:clamp(44px,5vw,64px); line-height:1.05; letter-spacing:-.035em; margin:9px 0 16px; color:#fff;}
.roblox-hero p {max-width:340px; margin:0; color:#efdae4; font-size:15px; line-height:1.7;}
.roblox-hero-details {display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:22px 0 0; list-style:none;}
.roblox-hero-details li {padding:5px 10px; border:1px solid #f4bad32e; border-radius:7px; background:#1c111e80; color:#f9deeb; font-size:11px; line-height:1.5;}
.roblox-logo-3d {
  position:relative; flex:0 0 116px; width:116px; height:116px; padding:4px;
  display:grid; place-items:center; border:1px solid #e5aec277; border-radius:26px;
  background:linear-gradient(140deg,#854a65,#3b1d31 65%,#21101c);
  transform:perspective(600px) rotateY(-12deg) rotateX(7deg) rotateZ(-3deg);
  box-shadow:1px 1px 0 #a66881,2px 2px 0 #6d3b54,3px 3px 0 #6d3b54,4px 4px 0 #4b273d,5px 5px 0 #4b273d,6px 6px 0 #32192a,12px 20px 24px #0c040da6,inset 1px 1px 1px #ffffff63,inset -2px -3px 4px #0e0715b0;
}
.roblox-logo-3d::after {content:''; position:absolute; inset:2px; border-radius:23px; pointer-events:none; background:linear-gradient(140deg,#ffffff20,transparent 44%,#ffffff07 70%);}
.roblox-logo-3d img {display:block; width:100%; height:100%; filter:drop-shadow(3px 7px 3px #1b0d23a6);}
@media(max-width:800px) {
  .roblox-hero {padding:32px; min-height:310px;}
  .roblox-hero-content {gap:22px; max-width:450px;}
  .roblox-logo-3d {flex-basis:88px; width:88px; height:88px; border-radius:22px;}
  .roblox-logo-3d::after {border-radius:19px;}
  .roblox-hero::before {background:linear-gradient(90deg,#22121ef5,#281420de 44%,#28142030);}
}
@media(max-width:600px) {
  .roblox-hero {min-height:430px; align-items:flex-end; padding:24px; border-radius:22px; background-size:auto 250px; background-position:66% top;}
  .roblox-hero::before {background:linear-gradient(0deg,#24131e 0%,#24131efa 36%,#24131edb 48%,#24131e08 79%);}
  .roblox-hero-content {display:grid; grid-template-columns:70px minmax(0,1fr); align-items:start; gap:18px; max-width:none; width:100%;}
  .roblox-logo-3d {width:70px; height:70px; margin-top:6px; border-radius:18px;}
  .roblox-logo-3d::after {border-radius:15px;}
  .roblox-hero h1 {font-size:44px; margin:6px 0 0;}
  .roblox-hero .eyebrow {font-size:10px; letter-spacing:.12em;}
  .roblox-hero-copy {display:contents;}
  .roblox-hero-copy>.eyebrow,.roblox-hero-copy>h1 {grid-column:2;}
  .roblox-hero-copy>.eyebrow {align-self:end; margin-top:10px;}
  .roblox-hero-copy>h1 {grid-row:2; margin-top:-16px;}
  .roblox-logo-3d {grid-row:1 / span 2;}
  .roblox-hero p {grid-column:1 / -1; max-width:none; margin-top:0; font-size:14px;}
  .roblox-hero-details {grid-column:1 / -1; margin:0; gap:7px;}
  .roblox-hero-details li {font-size:11px;}
}
@media(max-width:360px) {
  .roblox-hero {padding:20px; min-height:450px;}
  .roblox-hero-content {gap:16px;}
  .roblox-hero h1 {font-size:40px;}
  .roblox-hero .eyebrow {font-size:9px;}
}
/* BILSTORE_ROBUX_AGE_NOTE_V1 */
.age-note{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:10px 14px;border:1px solid #8a4a2a;border-radius:12px;background:#3a2318;color:#ffe2c7;font-size:14px;line-height:1.5}
.age-note strong{flex:none;padding:1px 9px;border-radius:999px;background:#ff8a3d;color:#2a1208;font-size:12px;line-height:20px;font-weight:800}
/* BILSTORE_ROBUX_LOGIN_FORMAT_V1 */
.login-format{margin:12px 0 0;padding:14px 16px;border:1px solid #44303d;border-radius:14px;background:#1b1419}
form:has([data-method="username"][aria-pressed="true"]) .login-format{display:none}
form:has([data-method="login"][aria-pressed="true"]) .age-note{display:none}
.login-format p{margin:0 0 8px;color:#e8dce3;font-size:14px;line-height:1.5}
.login-format .login-format-title{margin-bottom:6px;color:#fff;font-weight:800;font-size:15px}
.login-format pre{margin:0 0 12px;padding:10px 12px;border:1px dashed #5a4050;border-radius:10px;background:#120d11;color:#f5eaf0;font:600 14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}
.login-format-wa{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#25d366;color:#06240f;font-weight:800;font-size:14px;text-decoration:none}
.login-format-wa:hover{filter:brightness(1.06)}
.login-format .login-format-tip{margin:10px 0 0;color:#beaeb8;font-size:13px}
