@import url('https://fonts.googleapis.com/css2?family=Boogaloo&family=Nunito:wght@400;700;800;900&display=swap');

.bp-body{margin:0;background:#0A0A14;color:#F0F0F8;font-family:Nunito,sans-serif;line-height:1.5}
.bp-body.lt{background:#F7F7F5;color:#0F0F0F}

.bp-top{position:sticky;top:0;z-index:100;background:rgba(10,10,20,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.bp-body.lt .bp-top{background:rgba(247,247,245,.92);border-color:rgba(0,0,0,.08)}
.bp-top-in{max-width:1200px;margin:0 auto;padding:12px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.bp-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-family:Boogaloo,cursive;font-size:22px}
.bp-logo span{color:#FF3B6B}.bp-logo em{color:#7B2FFF;font-style:normal}
.bp-nav{display:flex;gap:4px;flex-wrap:wrap}
.bp-nav a,.bp-nav button{font-size:12px;font-weight:800;color:rgba(255,255,255,.55);text-decoration:none;padding:8px 12px;border-radius:8px;border:none;background:none;cursor:pointer;font-family:Nunito,sans-serif}
.bp-body.lt .bp-nav a,.bp-body.lt .bp-nav button{color:#555}
.bp-nav a:hover,.bp-nav button:hover{color:#FF3B6B;background:rgba(255,59,107,.08)}
.bp-nav a.on{color:#FF3B6B}

.bp-hero{max-width:1200px;margin:0 auto;padding:clamp(40px,8vw,80px) clamp(16px,4vw,32px) clamp(32px,5vw,48px)}
.bp-hero h1{font-family:Boogaloo,cursive;font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 16px;font-weight:400}
.bp-hero h1 span{color:#FF3B6B}.bp-hero h1 em{color:#7B2FFF;font-style:normal}
.bp-lead{font-size:clamp(16px,2.2vw,20px);color:rgba(255,255,255,.65);max-width:640px;margin-bottom:28px}
.bp-body.lt .bp-lead{color:#555}
.bp-cta-row{display:flex;flex-wrap:wrap;gap:10px}
.bp-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;transition:opacity .15s,transform .1s}
.bp-btn:hover{opacity:.9;transform:translateY(-1px)}
.bp-btn-primary{background:#FF3B6B;color:#fff}
.bp-btn-gold{background:#C9A84C;color:#3d2800}
.bp-btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}
.bp-body.lt .bp-btn-ghost{background:#fff;color:#0F0F0F;border-color:rgba(0,0,0,.12)}

.bp-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px) clamp(48px,8vw,80px)}
.bp-section{scroll-margin-top:72px;margin-bottom:56px}
.bp-section-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.bp-section-hdr h2{font-family:Boogaloo,cursive;font-size:clamp(26px,4vw,36px);margin:0;font-weight:400}
.bp-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#FF3B6B;margin-bottom:6px}

.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.bp-card{background:#16162A;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:border-color .15s,box-shadow .15s}
.bp-body.lt .bp-card{background:#fff;border-color:rgba(0,0,0,.08)}
.bp-card:hover{border-color:rgba(255,59,107,.35);box-shadow:0 8px 32px rgba(0,0,0,.2)}
.bp-card img,.bp-card object{display:block;margin:0 auto 12px;max-width:100%}
.bp-card strong{display:block;font-size:14px;margin-bottom:4px}
.bp-card p{font-size:12px;color:rgba(255,255,255,.5);margin:0}
.bp-body.lt .bp-card p{color:#777}
.bp-dl{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:11px;font-weight:800;color:#C9A84C;text-decoration:none}
.bp-dl:hover{text-decoration:underline}

.bp-swatch{height:72px;border-radius:12px;margin-bottom:10px;display:flex;align-items:flex-end;padding:8px}
.bp-swatch code{font-size:10px;font-weight:800;background:rgba(0,0,0,.35);color:#fff;padding:3px 6px;border-radius:6px}

.bp-type-sample{padding:20px;border-radius:12px;background:rgba(255,255,255,.04);margin-top:10px}
.bp-body.lt .bp-type-sample{background:#F2F2EF}
.bp-display{font-family:Boogaloo,cursive;font-size:clamp(28px,4vw,40px)}
.bp-ui{font-family:Nunito,sans-serif;font-weight:800;font-size:18px}

.bp-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.bp-rule{padding:16px;border-radius:12px;font-size:13px}
.bp-rule.do{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}
.bp-rule.dont{background:rgba(255,59,107,.1);border:1px solid rgba(255,59,107,.25)}

.bp-news-list{display:flex;flex-direction:column;gap:0}
.bp-news-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;text-decoration:none;color:inherit}
.bp-body.lt .bp-news-item{border-color:rgba(0,0,0,.08)}
.bp-news-item:hover .bp-news-title{color:#FF3B6B}
.bp-news-date{font-size:12px;font-weight:800;color:rgba(255,255,255,.4)}
.bp-body.lt .bp-news-date{color:#999}
.bp-news-cat{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#7B2FFF;margin-bottom:4px}
.bp-news-title{font-size:17px;font-weight:800;margin:0 0 6px;transition:color .15s}
.bp-news-sum{font-size:13px;color:rgba(255,255,255,.55);margin:0;line-height:1.45}
.bp-body.lt .bp-news-sum{color:#666}

.bp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
@media(max-width:640px){.bp-facts{grid-template-columns:1fr}}
.bp-fact{padding:16px;border-radius:12px;background:linear-gradient(135deg,rgba(255,59,107,.15),rgba(123,47,255,.15));border:1px solid rgba(255,255,255,.1);text-align:center}
.bp-fact-v{font-family:Boogaloo,cursive;font-size:28px;color:#FF3B6B}
.bp-fact-l{font-size:11px;font-weight:800;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.4px}

.bp-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bp-contact a{display:block;padding:16px;border-radius:12px;background:#16162A;border:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none;font-size:13px}
.bp-body.lt .bp-contact a{background:#fff;border-color:rgba(0,0,0,.08)}
.bp-contact a strong{display:block;color:#FF3B6B;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.4px}

.bp-zip-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bp-zip-chip{font-size:11px;font-weight:700;padding:6px 10px;border-radius:8px;background:rgba(201,168,76,.15);color:#F0D080;border:1px solid rgba(201,168,76,.3)}
.bp-body.lt .bp-zip-chip{color:#8B6914;background:rgba(201,168,76,.12)}

.bp-footer{max-width:1200px;margin:0 auto;padding:24px clamp(16px,4vw,32px);border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.bp-body.lt .bp-footer{border-color:rgba(0,0,0,.08);color:#999}

.bp-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:200;align-items:center;justify-content:center;padding:24px}
.bp-modal.open{display:flex}
.bp-modal-box{max-width:560px;width:100%;background:#16162A;border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,.1);max-height:80vh;overflow-y:auto}
.bp-body.lt .bp-modal-box{background:#fff}
.bp-modal-close{float:right;background:none;border:none;color:rgba(255,255,255,.5);font-size:22px;cursor:pointer}

@media(max-width:720px){
  .bp-nav{display:none}
  .bp-news-item{grid-template-columns:1fr}
}