/*
Theme Name: Be Utsav 2026 Sponsor Invite
Theme URI: https://bbproperties.in
Author: B&B Properties
Author URI: https://bbproperties.in
Description: Single-page sponsorship invitation for Be Utsav 2026, B&B Properties' annual community event. Modern Apple/SaaS-style design in the Be Utsav purple and gold palette.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beutsav-sponsor
*/

:root{--pu:#670F7B;--pu2:#4D0B5E;--go:#E9BA2A;--ink:#1D1D1F;--mu:#6E6E73;--bg:#F8F6FA;--line:#E9E3ED}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;padding-top:64px}
body.admin-bar{padding-top:96px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}

/* Sections */
.bu-sec{padding:120px 0;background:#fff}
.bu-sec.gr{background:var(--bg)}
.bu-sec.dk{background:linear-gradient(160deg,#2B0834,#1A0420);color:#fff}
.bu-sec.pu{background:var(--pu);color:#fff}
.bu-in{max-width:1080px;margin:0 auto;padding:0 28px}
h1,h2,h3,h4{margin:0;letter-spacing:-.02em}
.bu-k{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--go);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.bu-k::before{content:"★";color:var(--go)}
.bu-h{font-size:clamp(38px,6.6vw,78px);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:0}
.bu-h2{font-size:clamp(30px,4.6vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.025em;margin:0}
.bu-h3{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:0}
.bu-p{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:var(--mu);max-width:720px;margin:20px 0 0}
.dk .bu-p,.pu .bu-p{color:rgba(255,255,255,.82)}
.bu-cp{font-size:15px;line-height:1.6;color:var(--mu);margin:10px 0 0}
.bu-ph{padding-top:150px;padding-bottom:90px}

/* Top bar */
.bu-nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:28px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);font:500 13.5px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;border-bottom:1px solid rgba(0,0,0,.06)}
.bu-nav a{opacity:.85}
.bu-nav a:hover{opacity:1;color:var(--pu)}
.bu-nav .lg{position:absolute;left:28px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--pu);font-size:16px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
.bu-nav .lg img{height:28px;width:auto}
.bu-nav .cta{position:absolute;right:28px;top:50%;transform:translateY(-50%)}
.admin-bar .bu-nav{top:32px}

/* Hero */
.bu-hero{position:relative;background:radial-gradient(1100px 600px at 50% -10%,#3A0E46,#1A0420 70%);color:#fff;padding:160px 0 110px;overflow:hidden}
.bu-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(233,186,42,.18),transparent 40%),radial-gradient(circle at 80% 60%,rgba(233,186,42,.12),transparent 45%);pointer-events:none}
.bu-hero .bu-in{position:relative;z-index:1}
.bu-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(233,186,42,.12);border:1px solid rgba(233,186,42,.4);color:var(--go);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:26px}
.bu-event-strip{display:flex;flex-wrap:wrap;gap:28px;margin-top:40px}
.bu-event-item{display:flex;flex-direction:column;gap:4px}
.bu-event-item b{font-size:17px;color:#fff}
.bu-event-item span{font-size:13px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em}

/* Buttons */
.bu-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.bu-btn{display:inline-block;border-radius:999px;padding:16px 34px;font-weight:700;font-size:16px}
.bu-btn.b1{background:var(--go);color:#1D1D1F!important}
.bu-btn.b1:hover{background:#D6A91E}
.bu-btn.b2{background:transparent;border:1.5px solid currentColor}

/* Grid / cards */
.bu-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:50px}
.bu-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;transition:transform .25s ease,box-shadow .25s ease}
.bu-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(103,15,123,.1)}
.bu-card .bu-num{font-size:34px;font-weight:800;color:var(--go);margin-bottom:14px;display:block}
.dk .bu-card,.pu .bu-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}

/* Tiers table */
.bu-tiers{margin-top:50px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.bu-tier-row{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;border-top:1px solid var(--line)}
.bu-tier-row:first-child{border-top:0}
.bu-tier-row.head{background:var(--pu);color:#fff;font-weight:700}
.bu-tier-row > div{padding:20px 22px;font-size:15px}
.bu-tier-row:not(.head):nth-child(even){background:var(--bg)}
.bu-tier-row .tname{font-weight:700;color:var(--pu)}
.bu-tier-row.head .tname{color:#fff}
@media(max-width:700px){.bu-tier-row{grid-template-columns:1fr}.bu-tier-row>div{padding:12px 18px}.bu-tier-row.head{display:none}.bu-tier-row:not(.head){border:1px solid var(--line);border-radius:14px;margin:10px;display:block}.bu-tier-row:not(.head)>div::before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);margin-bottom:4px}}

/* Payment box */
.bu-pay{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:34px;margin-top:40px}
.bu-pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}
.bu-pay-item b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);margin-bottom:4px}
.bu-pay-item span{font-size:16px;font-weight:700;color:var(--ink)}
.bu-note{background:#FFF8E6;border:1px solid #F0DDA0;border-radius:14px;padding:16px 20px;margin-top:24px;font-size:13.5px;color:#7A5B00}

/* Contact */
.bu-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px}
.bu-contact-item b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.55);margin-bottom:8px}
.bu-contact-item span,.bu-contact-item a{font-size:17px;font-weight:600;color:#fff}

/* Reveal on scroll */
.bu-rv{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.bu-rv.in{opacity:1;transform:none}

/* Footer */
.bu-foot{padding:46px 0;background:#15031B;color:rgba(255,255,255,.6);font-size:13.5px}
.bu-foot a{color:rgba(255,255,255,.8)}
.bu-foot a:hover{color:var(--go)}
.bu-foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}

@media(max-width:800px){
 .bu-nav{padding:0 16px}
 .bu-nav a:not(.cta):not(.lg){display:none}
 .bu-sec{padding:84px 0}
 .bu-hero{padding:130px 0 80px}
}
@media(prefers-reduced-motion:reduce){
 .bu-rv{opacity:1;transform:none;transition:none}
}