@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
--navy: #060F1F;
--navy2: #0D1B33;
--panel: #10233F;
--line: #1E3357;
--blue: #2E7CF6;
--blue-light: #6FB1FF;
--ice: #EAF3FF;
--dim: #90A3C0;
--urgent: #FF5A5F;
--gold: #FFC94A;
--head: 'Oswald', sans-serif;
--body: 'Inter', sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0; background:var(--navy); color:var(--ice); font-family:var(--body);
-webkit-font-smoothing:antialiased; line-height:1.55;
}
.hexbg{
position:fixed; inset:0; z-index:0; opacity:0.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='96' viewBox='0 0 84 96'%3E%3Cpolygon points='42,0 84,24 84,72 42,96 0,72 0,24' fill='none' stroke='%231E3357' stroke-width='1'/%3E%3C/svg%3E");
background-size:84px 96px;
}
.glow{
position:fixed; z-index:0; border-radius:50%; filter:blur(90px); pointer-events:none;
}
.glow1{width:520px; height:520px; background:rgba(46,124,246,0.28); top:-160px; right:-160px;}
.glow2{width:420px; height:420px; background:rgba(46,124,246,0.14); bottom:0; left:-140px;}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px; position:relative; z-index:1;}
a{color:inherit; text-decoration:none;}
/* ---------- NAV ---------- */
.nav{
display:flex; align-items:center; justify-content:space-between;
padding:18px 24px; max-width:1080px; margin:0 auto; position:relative; z-index:3;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand .mark{
width:34px; height:34px; border-radius:8px;
background:linear-gradient(135deg, var(--blue), #1447B0);
display:flex; align-items:center; justify-content:center;
font-family:var(--head); font-weight:700; font-size:15px; color:#fff;
}
.brand .name{font-family:var(--head); font-weight:700; font-size:16px; letter-spacing:0.02em;}
.brand .name span{color:var(--blue-light);}
.nav-cta{
display:flex; align-items:center; gap:8px;
background:rgba(46,124,246,0.12); border:1px solid rgba(46,124,246,0.4);
padding:8px 14px; border-radius:24px; font-size:13px; font-weight:600;
}
.nav-cta .wa-ico{width:16px; height:16px; flex-shrink:0;}
/* ---------- HERO ---------- */
.hero{padding:26px 0 10px; text-align:left; position:relative;}
.eyebrow{
font-family:var(--body); font-size:12px; font-weight:700; letter-spacing:0.12em;
color:var(--dim); text-transform:uppercase; margin-bottom:10px;
}
.eyebrow b{color:var(--ice);}
h1{
font-family:var(--head); font-weight:700; text-transform:uppercase;
font-size:clamp(38px, 8vw, 66px); line-height:0.98; margin:0 0 6px; letter-spacing:0.01em;
}
h1 .l1{display:block; color:#fff;}
h1 .l2{
display:block;
background:linear-gradient(90deg, var(--blue-light), var(--blue));
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.h1-sub{font-family:var(--head); font-weight:500; text-transform:uppercase; font-size:clamp(18px,3.4vw,26px); color:#fff; margin:2px 0 18px;}
.h1-sub .amp{color:var(--blue-light);}
.tagline{font-size:16px; color:var(--dim); margin:0 0 26px; max-width:480px;}
.tagline b{color:var(--ice); font-weight:600;}
.hero-grid{display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:center;}
.hero-char{position:relative; display:flex; justify-content:center;}
/* ---------- REAL MENTOR PORTRAIT (robot + AI badge removed) ---------- */
/* ---------- TRAINER AVATAR (stands on the page, blue glow behind) ---------- */
.hero-char::before{
content:""; position:absolute; inset:8% 2% 4% 2%; border-radius:50%;
background:radial-gradient(closest-side, rgba(46,124,246,0.22), transparent 72%);
filter:blur(12px); z-index:0;
}
.hero-char .mentor-img{
position:relative; z-index:1;
width:100%; max-width:300px; height:auto; display:block;
filter:drop-shadow(0 18px 36px rgba(46,124,246,0.35));
}
@media (max-width:860px){
.hero-grid{grid-template-columns:1fr;}
.hero-char{order:-1; margin-bottom:8px;}
.hero-char .mentor-img{max-width:230px;}
}
@media (max-width:860px){
.hero-grid{grid-template-columns:1fr;}
.hero-char{order:-1; margin-bottom:8px;}
.hero-char .mentor-img{max-width:230px;}
}
.hero-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:30px;}
.btn-primary{
background:var(--blue); color:#fff; font-family:var(--head); font-weight:600;
text-transform:uppercase; letter-spacing:0.03em; font-size:15px;
padding:15px 26px; border-radius:8px; border:none; cursor:pointer;
box-shadow:0 14px 30px -10px rgba(46,124,246,0.6); transition:transform .15s ease;
}
.btn-primary:hover{transform:translateY(-2px);}
.btn-wa{
display:flex; align-items:center; gap:9px;
background:#25D366; color:#06210F; font-family:var(--head); font-weight:600;
text-transform:uppercase; font-size:14px; padding:14px 20px; border-radius:8px;
}
/* price badge */
.price-badge{
position:relative; width:132px; height:132px; border-radius:50%;
background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center;
margin:0 0 26px; box-shadow:0 0 0 6px rgba(46,124,246,0.15), 0 20px 40px -12px rgba(0,0,0,0.6);
}
.price-badge::before{
content:""; position:absolute; inset:-9px; border-radius:50%;
border:2px dashed rgba(111,177,255,0.55); animation:spin 16s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.price-badge .just{font-family:var(--head); font-size:11px; letter-spacing:0.14em; color:#0D1B33; font-weight:600;}
.price-badge .amt{font-family:var(--head); font-size:34px; color:#0D1B33; font-weight:700; line-height:1;}
.price-badge .amt sup{font-size:18px; vertical-align:top;}
.price-badge .fee{font-size:9.5px; color:var(--blue); font-weight:700; letter-spacing:0.06em; margin-top:2px;}
/* ---------- URGENCY STRIP ---------- */
.urgency{
background:var(--panel); border:1px solid var(--line); border-radius:12px;
padding:20px 22px; margin:10px 0 46px; display:flex; flex-wrap:wrap; gap:22px; align-items:center; justify-content:space-between;
}
.urgency-left{flex:1; min-width:220px;}
.urgency-label{display:flex; align-items:center; gap:8px; font-family:var(--head); font-size:20px; text-transform:uppercase; letter-spacing:0.04em; color:var(--urgent); margin-bottom:10px;}
.pulse{width:8px; height:8px; border-radius:50%; background:var(--urgent); box-shadow:0 0 0 rgba(255,90,95,0.6); animation:pulse 1.6s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,95,0.55);}70%{box-shadow:0 0 0 9px rgba(255,90,95,0);}100%{box-shadow:0 0 0 0 rgba(255,90,95,0);}}
.seat-bar-track{width:100%; height:9px; border-radius:5px; background:var(--navy2); overflow:hidden; margin-bottom:8px;}
.seat-bar-fill{height:100%; width:76%; border-radius:5px; background:linear-gradient(90deg, var(--gold), var(--urgent));}
.seat-caption{font-size:12.5px; color:var(--dim);}
.seat-caption b{color:var(--ice);}
.countdown{display:flex; gap:10px;}
.cd-box{
background:var(--navy2); border:1px solid var(--line); border-radius:8px;
padding:10px 14px; text-align:center; min-width:58px;
}
.cd-box .n{font-family:var(--head); font-size:22px; font-weight:700; color:var(--blue-light);}
.cd-box .u{font-size:10px; color:var(--dim); text-transform:uppercase; letter-spacing:0.06em;}
/* ---------- SECTION HEAD ---------- */
.section{padding:6px 0 50px;}
.kicker{
font-family:var(--body); font-size:12px; font-weight:700; color:var(--blue-light);
text-transform:uppercase; letter-spacing:0.12em; margin-bottom:8px;
}
.section h2{
font-family:var(--head); text-transform:uppercase; font-size:clamp(24px,4vw,34px);
font-weight:700; margin:0 0 30px; color:#fff;
}
.section h2 span{color:var(--blue-light);}
/* ---------- BENEFITS ---------- */
.benefits{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.benefit-card{
background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:22px;
position:relative; overflow:hidden; transition:border-color .15s ease, transform .15s ease;
}
.benefit-card:hover{border-color:var(--blue); transform:translateY(-3px);}
.benefit-card .n{
font-family:var(--head); font-size:34px; font-weight:700; color:rgba(111,177,255,0.18);
position:absolute; top:10px; right:16px;
}
.benefit-card h3{font-size:16px; margin:0 0 6px; font-weight:700; position:relative; z-index:1;}
.benefit-card p{font-size:13.5px; color:var(--dim); margin:0; position:relative; z-index:1;}
/* ---------- EVENT DETAILS ---------- */
.details-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.detail-card{
background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 16px;
}
.detail-card .k{font-size:11px; color:var(--dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:8px; font-weight:700;}
.detail-card .v{font-family:var(--head); font-size:16px; font-weight:600; color:#fff; line-height:1.3;}
.detail-card .v b{color:var(--blue-light); display:block; font-size:19px;}
.venue-strip{
display:flex; align-items:center; gap:16px; margin-top:16px;
background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 20px;
}
.venue-strip .pin{
width:42px; height:42px; border-radius:50%; background:rgba(46,124,246,0.15);
display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.venue-strip .txt .k{font-size:11px; color:var(--dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:3px;}
.venue-strip .txt .v{font-family:var(--head); font-size:18px; font-weight:600; color:#fff;}
.venue-strip .txt .v span{color:var(--blue-light);}
/* ---------- WHY JOIN ---------- */
.why-wrap{
background:linear-gradient(135deg, rgba(46,124,246,0.1), rgba(46,124,246,0.02));
border:1px solid var(--line); border-radius:14px; padding:28px; display:grid;
grid-template-columns:1fr 1fr; gap:24px; align-items:center;
}
.why-list{list-style:none; margin:0; padding:0;}
.why-list li{display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; font-size:14.5px;}
.why-list li:last-child{margin-bottom:0;}
.why-list .tick{
width:20px; height:20px; border-radius:50%; background:var(--blue); flex-shrink:0;
display:flex; align-items:center; justify-content:center; margin-top:1px;
}
.why-copy h3{font-family:var(--head); text-transform:uppercase; font-size:20px; margin:0 0 10px;}
.why-copy p{color:var(--dim); font-size:14px; margin:0 0 14px;}
.why-copy .price-compare{
display:flex; gap:14px; font-size:13px;
}
.price-compare .pc{background:var(--navy2); border:1px solid var(--line); border-radius:8px; padding:10px 14px; flex:1; text-align:center;}
.price-compare .pc .label{color:var(--dim); font-size:11px; text-transform:uppercase; margin-bottom:4px;}
.price-compare .pc .amount{font-family:var(--head); font-weight:700; font-size:18px;}
.price-compare .strike .amount{color:var(--dim); text-decoration:line-through;}
.price-compare .now .amount{color:var(--gold);}
/* ---------- TESTIMONIALS ---------- */
.testimonials{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.tcard{
background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:20px;
}
.tcard .stars{color:var(--gold); font-size:13px; margin-bottom:10px; letter-spacing:2px;}
.tcard p{font-size:13.5px; color:var(--ice); margin:0 0 14px; font-style:italic;}
.tcard .who{display:flex; align-items:center; gap:10px;}
.tcard .avatar{
width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,var(--blue),#1447B0);
display:flex; align-items:center; justify-content:center; font-family:var(--head); font-size:13px; font-weight:700;
}
.tcard .who .nm{font-size:13px; font-weight:600;}
.tcard .who .rl{font-size:11.5px; color:var(--dim);}
/* ---------- BOOKING PASS FORM ---------- */
.booking-shell{display:grid; grid-template-columns:1.1fr 0.9fr; gap:22px; align-items:start;}
.form-panel{
background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:26px;
}
.form-panel .tag{font-family:var(--body); font-size:12px; color:var(--dim); margin-bottom:20px;}
.field{margin-bottom:15px;}
.field label{display:block; font-size:12.5px; color:var(--dim); margin-bottom:6px; font-weight:600;}
.field label .req{color:var(--urgent);}
.field input, .field select{
width:100%; background:var(--navy2); border:1px solid var(--line); border-radius:8px;
padding:12px 13px; color:var(--ice); font-family:var(--body); font-size:14.5px; outline:none;
transition:border-color .15s ease;
}
.field input:focus, .field select:focus{border-color:var(--blue);}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.err{color:var(--urgent); font-size:12px; margin-top:5px; display:none;}
.stepper{display:flex; align-items:center; gap:14px; background:var(--navy2); border:1px solid var(--line); border-radius:8px; padding:8px 14px;}
.step-btn{
width:34px; height:34px; border-radius:7px; border:1px solid var(--line); background:var(--panel);
color:var(--ice); font-size:18px; font-weight:700; cursor:pointer; line-height:1;
display:flex; align-items:center; justify-content:center; transition:border-color .15s ease;
}
.step-btn:hover{border-color:var(--blue); color:var(--blue-light);}
.step-btn:disabled{opacity:0.35; cursor:not-allowed;}
.step-count{font-family:var(--head); font-size:20px; font-weight:700; min-width:20px; text-align:center;}
.step-label{font-size:12px; color:var(--dim); margin-left:auto;}
/* Ticket / pass mock */
.ticket{
background:linear-gradient(160deg, #0F213D, #0A1830);
border:1px solid var(--line); border-radius:14px; overflow:hidden;
position:sticky; top:20px;
}
.ticket-top{padding:20px 22px; border-bottom:1.5px dashed var(--line); position:relative;}
.ticket-top::before, .ticket-top::after{
content:""; position:absolute; width:22px; height:22px; background:var(--navy); border-radius:50%;
bottom:-11px;
}
.ticket-top::before{left:-11px;}
.ticket-top::after{right:-11px;}
.ticket-label{font-size:10.5px; color:var(--dim); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:6px;}
.ticket-title{font-family:var(--head); font-size:20px; font-weight:700; text-transform:uppercase; color:#fff; line-height:1.2;}
.ticket-title span{color:var(--blue-light);}
.ticket-body{padding:20px 22px;}
.tk-row{display:flex; justify-content:space-between; margin-bottom:13px; font-size:13px;}
.tk-row .k{color:var(--dim);}
.tk-row .v{font-weight:600; text-align:right;}
.ticket-price{
display:flex; align-items:center; justify-content:space-between;
background:rgba(46,124,246,0.12); border:1px solid rgba(46,124,246,0.35); border-radius:8px;
padding:12px 14px; margin-top:16px;
}
.ticket-price .k{font-size:12px; color:var(--dim);}
.ticket-price .v{font-family:var(--head); font-size:22px; font-weight:700; color:var(--gold);}
.ticket-barcode{
height:34px; margin-top:18px; border-radius:4px;
background-image:repeating-linear-gradient(90deg, var(--ice) 0 2px, transparent 2px 5px);
opacity:0.4;
}
.ticket-calc{font-size:12px; color:var(--dim); text-align:right; margin-top:6px;}
.ticket-calc b{color:var(--ice);}
/* ---------- PAYMENT PAGE ---------- */
.payment-panel{display:none;}
.pay-shell{
max-width:520px; margin:0 auto; background:var(--panel); border:1px solid var(--line);
border-radius:16px; overflow:hidden;
}
.pay-head{
background:linear-gradient(135deg, var(--blue), #1447B0); padding:22px 26px;
}
.pay-head .back{
display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,0.85);
font-size:12.5px; cursor:pointer; margin-bottom:14px; background:none; border:none; padding:0; font-family:var(--body);
}
.pay-head h3{font-family:var(--head); text-transform:uppercase; font-size:20px; color:#fff; margin:0 0 4px;}
.pay-head p{color:rgba(255,255,255,0.8); font-size:13px; margin:0;}
.pay-body{padding:26px;}
.pay-summary{background:var(--navy2); border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin-bottom:20px;}
.pay-row{display:flex; justify-content:space-between; font-size:13.5px; margin-bottom:10px;}
.pay-row:last-child{margin-bottom:0;}
.pay-row .k{color:var(--dim);}
.pay-row .v{font-weight:600;}
.pay-total{
display:flex; justify-content:space-between; align-items:center; margin-top:14px;
padding-top:14px; border-top:1px dashed var(--line);
}
.pay-total .k{font-family:var(--head); text-transform:uppercase; font-size:13px; color:var(--ice);}
.pay-total .v{font-family:var(--head); font-size:28px; font-weight:700; color:var(--gold);}
.pay-methods{display:flex; gap:10px; margin-bottom:20px;}
.pay-method{
flex:1; text-align:center; padding:12px 8px; border-radius:8px; border:1px solid var(--line);
background:var(--navy2); font-size:12.5px; font-weight:600; cursor:pointer;
}
.pay-method.active{border-color:var(--blue); background:rgba(46,124,246,0.15); color:var(--blue-light);}
.qr-box{
display:flex; flex-direction:column; align-items:center; gap:10px; margin-bottom:20px;
background:var(--navy2); border:1px solid var(--line); border-radius:10px; padding:20px;
}
.qr-box svg{background:#fff; border-radius:8px; padding:10px;}
.qr-box .upi{font-family:var(--head); font-size:14px; color:var(--blue-light);}
.qr-box .hint{font-size:11.5px; color:var(--dim); text-align:center;}
.btn-pay{
width:100%; padding:15px 18px; border-radius:8px; border:none;
font-family:var(--head); font-weight:600; text-transform:uppercase; letter-spacing:0.03em; font-size:14.5px;
background:var(--gold); color:#1B2431; cursor:pointer; box-shadow:0 14px 30px -12px rgba(255,201,74,0.5);
}
.btn-block{
width:100%; padding:15px 18px; border-radius:8px; border:none; margin-top:6px;
font-family:var(--head); font-weight:600; text-transform:uppercase; letter-spacing:0.03em; font-size:14.5px;
background:var(--blue); color:#fff; cursor:pointer; box-shadow:0 14px 30px -12px rgba(46,124,246,0.6);
}
.btn-block:disabled{opacity:0.5; cursor:not-allowed;}
/* ---------- CONFIRMATION ---------- */
.confirm-panel{display:none;}
.confirm-panel .pass{
background:linear-gradient(160deg, #0F213D, #0A1830);
border:1px solid var(--blue); border-radius:14px; padding:0; overflow:hidden;
box-shadow:0 0 0 4px rgba(46,124,246,0.12);
}
.pass-head{background:var(--blue); padding:14px 22px; display:flex; align-items:center; justify-content:space-between;}
.pass-head span{font-family:var(--head); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:#fff;}
.pass-body{padding:22px;}
.pass-body .name{font-family:var(--head); font-size:22px; font-weight:700; margin-bottom:2px;}
.pass-body .id{font-size:12px; color:var(--dim); margin-bottom:18px;}
.pass-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:18px;}
.pass-grid .k{font-size:10.5px; color:var(--dim); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:3px;}
.pass-grid .v{font-weight:600; font-size:14px;}
.confirm-note{color:var(--dim); font-size:13.5px; margin:16px 0 0;}
.btn-ghost{
background:transparent; border:1px solid var(--line); color:var(--ice); margin-top:16px;
padding:11px 18px; border-radius:8px; font-family:var(--body); font-weight:600; font-size:13px; cursor:pointer;
}
/* sticky mobile CTA */
.sticky-cta{
display:none; position:fixed; bottom:0; left:0; right:0; z-index:20;
background:var(--navy2); border-top:1px solid var(--line); padding:12px 16px;
align-items:center; justify-content:space-between; gap:12px;
}
.sticky-cta .info{font-size:12px; color:var(--dim);}
.sticky-cta .info b{color:var(--gold); font-family:var(--head); font-size:15px;}
.sticky-cta a.go{
background:var(--blue); color:#fff; font-family:var(--head); font-weight:600; text-transform:uppercase;
font-size:13px; padding:11px 18px; border-radius:8px;
}
footer{
text-align:center; padding:30px 24px 90px; color:var(--dim); font-size:12.5px; position:relative; z-index:1;
border-top:1px solid var(--line); margin-top:10px;
}
footer b{color:var(--ice);}
@media (max-width:860px){
.benefits{grid-template-columns:1fr 1fr;}
.details-grid{grid-template-columns:1fr 1fr;}
.why-wrap{grid-template-columns:1fr;}
.testimonials{grid-template-columns:1fr;}
.booking-shell{grid-template-columns:1fr;}
.ticket{position:static;}
}
@media (max-width:600px){
.benefits{grid-template-columns:1fr;}
.details-grid{grid-template-columns:1fr 1fr;}
.row2{grid-template-columns:1fr;}
.sticky-cta{display:flex;}
.nav-cta{display:none;}
.urgency{flex-direction:column; align-items:stretch;}
}
@media (prefers-reduced-motion: reduce){
.price-badge::before{animation:none;}
.pulse{animation:none;}
}
/* ---------- PAYMENT: PANES / QR ACTIONS / VENUE ---------- */
.method-pane{margin-bottom:20px;}
.pay-refline{
display:flex; align-items:center; justify-content:space-between; gap:10px;
background:var(--navy2); border:1px dashed var(--line); border-radius:8px;
padding:10px 14px; margin-bottom:20px; font-size:13px;
}
.pay-refline .k{color:var(--dim);}
.pay-refline .v{font-family:var(--head); font-weight:700; color:var(--blue-light); letter-spacing:0.04em;}
.qr-img{background:#fff; border-radius:8px; padding:10px; display:flex; align-items:center; justify-content:center;}
.qr-img svg, .qr-img img{width:190px; height:190px; display:block;}
.up-amt{font-size:12.5px; color:var(--ice); font-weight:600;}
.qr-actions{display:flex; gap:10px; margin-bottom:14px;}
.btn-upi{
flex:1; text-align:center; background:rgba(46,124,246,0.15); border:1px solid var(--blue);
color:var(--blue-light); font-family:var(--head); font-weight:600; text-transform:uppercase;
font-size:13px; padding:12px 10px; border-radius:8px; transition:background .15s ease;
}
.btn-upi:hover{background:rgba(46,124,246,0.28);}
.btn-copy{
flex:1; background:var(--navy2); border:1px solid var(--line); color:var(--ice);
font-family:var(--head); font-weight:600; text-transform:uppercase; font-size:13px;
padding:12px 10px; border-radius:8px; cursor:pointer; transition:border-color .15s ease, color .15s ease;
}
.btn-copy:hover{border-color:var(--blue);}
.btn-copy.copied{border-color:#25D366; color:#7CE7A4;}
.paid-check{display:flex; align-items:center; gap:9px; font-size:13px; color:var(--dim); margin:0 0 14px; cursor:pointer;}
.paid-check input{accent-color:var(--blue); width:16px; height:16px;}
.mini-note{font-size:11.5px; color:var(--dim); margin-top:10px; text-align:center;}
.rzp-box, .venue-box{background:var(--navy2); border:1px solid var(--line); border-radius:10px; padding:20px; text-align:center;}
.rzp-box p, .venue-box p{font-size:13.5px; color:var(--dim); margin:0 0 16px;}
.rzp-box b, .venue-box b{color:var(--ice);}
.rzp-logo{font-family:var(--head); font-weight:700; font-size:20px; color:#3395FF; margin-bottom:8px;}
.ref-chip{
display:inline-block; font-family:var(--head); font-size:22px; font-weight:700; letter-spacing:0.08em;
color:var(--gold); background:rgba(255,201,74,0.08); border:1.5px dashed rgba(255,201,74,0.5);
border-radius:10px; padding:12px 22px; margin-bottom:18px;
}
/* ---------- CONFIRMATION: STATUS + PAYMENT META ---------- */
.status-chip{
display:inline-flex; align-items:center; gap:8px; font-family:var(--head); text-transform:uppercase;
font-size:13px; font-weight:600; letter-spacing:0.04em; padding:9px 16px; border-radius:24px; margin:0 0 22px;
}
.status-chip.ok{background:rgba(37,211,102,0.12); border:1px solid rgba(37,211,102,0.5); color:#7CE7A4;}
.status-chip.pending{background:rgba(255,201,74,0.1); border:1px solid rgba(255,201,74,0.5); color:var(--gold);}
.status-chip.venue{background:rgba(111,177,255,0.1); border:1px solid rgba(111,177,255,0.5); color:var(--blue-light);}
.paymeta{background:var(--navy2); border:1px solid var(--line); border-radius:10px; padding:10px 18px; margin-bottom:18px;}
.paymeta .pm-row{display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:7px 0; border-bottom:1px solid rgba(30,51,87,0.6);}
.paymeta .pm-row:last-child{border-bottom:none;}
.paymeta .pm-row .k{color:var(--dim); flex-shrink:0;}
.paymeta .pm-row .v{font-weight:600; text-align:right; word-break:break-word;}
.paymeta .pm-row .v.mono{font-family:var(--head); letter-spacing:0.05em; color:var(--blue-light);}
.pass-head .pid{font-family:var(--body); font-weight:800; font-size:12px; letter-spacing:0.08em; background:rgba(255,255,255,0.2); padding:5px 10px; border-radius:6px;}
/* ---------- AUTO SUCCESS MESSAGES + USER WHATSAPP ---------- */
.success-banner{
display:flex; flex-direction:column; gap:10px; margin:0 0 22px;
background:rgba(37,211,102,0.1); border:1px solid rgba(37,211,102,0.45);
border-radius:12px; padding:18px 20px;
}
.success-banner .s1{
font-family:var(--head); text-transform:uppercase; font-size:19px; font-weight:700;
color:#7CE7A4; display:flex; align-items:center; gap:9px;
}
.success-banner .s2{font-size:13.5px; color:var(--gold); font-weight:600;}
.upi-status{
font-size:13.5px; font-weight:600; color:var(--gold); text-align:center;
background:rgba(255,201,74,0.08); border:1px solid rgba(255,201,74,0.35);
border-radius:8px; padding:11px 14px; margin-bottom:14px;
}
.btn-wa-full{
display:flex; align-items:center; justify-content:center; gap:9px; width:100%;
background:#25D366; color:#06210F; font-family:var(--head); font-weight:600;
text-transform:uppercase; font-size:14px; padding:15px 20px; border-radius:8px; margin-top:18px;
box-shadow:0 14px 30px -12px rgba(37,211,102,0.5);
}
.wa-help{font-size:12px; color:var(--dim); text-align:center; margin:10px 0 0;}
.wa-help b{color:var(--ice);}
.notified-line{font-size:12px; color:var(--dim); margin-top:12px; text-align:center;}
.wa-auto-hint{
display:none; font-size:13px; color:var(--gold); font-weight:600; text-align:center;
margin:12px 0 0; animation:hintPulse 1.6s infinite;
}
@keyframes hintPulse{0%,100%{opacity:1;}50%{opacity:0.5;}}