:root{
  --navy:#07111f; --navy2:#0b1c31; --blue:#1167ff; --green:#6be51b;
  --green2:#2fae11; --white:#fff; --muted:#7b899b; --soft:#f4f7fb;
  --border:#e7edf4; --shadow:0 20px 60px rgba(8,25,48,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0c1725;background:#fff}
.top-strip{background:#04101e;color:#c9d8e8;font-size:12px;padding:8px 0}.top-strip i{color:var(--green);margin-right:5px}
.playzo-nav{background:rgba(7,17,31,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);padding:10px 0}.navbar-brand{font-weight:900;letter-spacing:-1px;font-size:21px}.navbar-brand img{width:44px;height:44px;object-fit:contain}.navbar-brand sup{font-size:8px;color:#8eea45}.nav-link{color:#c8d3df!important;font-weight:600;font-size:14px;margin:0 6px}.nav-link:hover,.nav-link.active{color:#fff!important}.btn-playzo{background:linear-gradient(135deg,#76ed1b,#36b713);border:0;color:#06100a;font-weight:800;box-shadow:0 8px 25px rgba(73,210,24,.25)}.btn-playzo:hover{background:linear-gradient(135deg,#89f83a,#40c51a);color:#041006;transform:translateY(-1px)}.btn-soft{background:#edf3f8;border:0;font-weight:700;padding:10px 16px}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#173b63 0,#0a1c31 35%,#07111f 72%);color:#fff;padding:86px 0 72px;min-height:650px}.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,rgba(0,0,0,.18));pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.25}.glow-one{width:340px;height:340px;background:#45d31a;right:5%;top:10%}.glow-two{width:260px;height:260px;background:#1670ff;left:-5%;bottom:-10%}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#80ed39}.eyebrow span{display:inline-block;width:28px;height:3px;background:#6be51b;vertical-align:middle;margin-right:8px}.hero-section h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-3px;font-weight:900;margin:18px 0}.hero-section h1 strong{background:linear-gradient(90deg,#fff,#8af34d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:18px;line-height:1.65;color:#b8c8d9;max-width:650px}
.search-panel{margin-top:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:20px;backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.22);overflow:hidden}.search-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}.search-tab{border:0;background:transparent;color:#aebed0;padding:10px 14px;border-radius:11px;font-weight:700}.search-tab.active,.search-tab:hover{background:#fff;color:#07111f}.search-label{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#9db0c5;display:block;margin:0 0 6px}.search-field{height:46px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px}.search-field i{color:#72eb2b}.search-field input,.search-field select{background:transparent;border:0;outline:0;color:#fff;width:100%;font-size:13px}.search-field input::placeholder{color:#93a7ba}.search-field select option{color:#111}.search-btn{height:46px}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#aebfd0;font-size:12px;font-weight:700}.hero-trust i{color:#75ec35;margin-right:5px}
.hero-art{position:relative;height:510px;display:flex;align-items:center;justify-content:center}.hero-logo-card{width:min(420px,85%);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;filter:drop-shadow(0 30px 45px rgba(0,0,0,.4))}.hero-logo-card img{width:100%;height:100%;object-fit:contain}.orbit{position:absolute;border:1px solid rgba(116,239,46,.25);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:470px;height:300px}.orbit-b{width:390px;height:470px;transform:rotate(36deg);border-color:rgba(40,130,255,.25)}.floating-card{position:absolute;z-index:3;background:rgba(8,24,42,.9);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(0,0,0,.3);backdrop-filter:blur(14px);border-radius:14px;padding:13px 15px;display:flex;gap:10px;align-items:center;min-width:190px}.floating-card i{font-size:22px;color:#73ea2d}.floating-card small{display:block;font-size:8px;letter-spacing:1.2px;color:#7f93a8;font-weight:900}.floating-card strong{display:block;font-size:12px;color:#fff}.floating-card em{font-style:normal;font-size:10px;color:#8ca0b4}.card-live{top:12%;right:-3%}.card-seat{bottom:18%;left:-4%}.card-book{bottom:3%;right:8%}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff3d47;box-shadow:0 0 0 5px rgba(255,61,71,.12);display:inline-block}
.quick-section{background:#fff;margin-top:-1px;position:relative;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;margin-top:-35px}.quick-grid a{padding:22px;display:flex;flex-direction:column;text-decoration:none;color:#0b1827;border-right:1px solid var(--border);transition:.2s}.quick-grid a:last-child{border-right:0}.quick-grid a:hover{background:#f7fafc;transform:translateY(-2px)}.quick-grid i{font-size:23px;color:#35bd17;margin-bottom:10px}.quick-grid span{font-weight:900;font-size:14px}.quick-grid small{color:#8190a0;margin-top:4px}
.section-pad{padding:85px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:36px;letter-spacing:-1.5px;font-weight:900;margin:5px 0 0}.view-link{color:#0b1827;text-decoration:none;font-weight:800}.view-link i{color:#36b713}.sports-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sport-card{min-height:235px;border-radius:22px;padding:22px;position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.04);transition:.25s}.sport-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(8,25,48,.12)}.sport-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-40px;background:rgba(255,255,255,.3)}.sport-icon{font-size:42px;margin-bottom:40px;position:relative;z-index:1}.sport-card h3{font-size:20px;font-weight:900;margin:0}.sport-card p{font-size:11px;color:#607085;margin:5px 0 17px}.sport-card span{font-size:11px;font-weight:900}.sport-cricket{background:#e8f8df}.sport-football{background:#e5f0ff}.sport-badminton{background:#fff3d9}.sport-tennis{background:#f4eaff}.sport-box{background:#ffe9e9}
.venue-section{background:#f7f9fc}.venue-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(9,25,44,.05);height:100%;transition:.2s}.venue-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(9,25,44,.1)}.venue-image{height:210px;position:relative;background-size:cover;background-position:center}.image-one{background:linear-gradient(135deg,#1c5f33,#8cd83b 48%,#183c5d)}.image-two{background:linear-gradient(135deg,#0b2b54,#2a83d8 50%,#70e65a)}.image-three{background:linear-gradient(135deg,#3b175e,#a74bde 45%,#f5c542)}.venue-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.4))}.venue-badge,.price-pill{position:absolute;z-index:1;top:13px;padding:7px 10px;border-radius:9px;font-size:10px;font-weight:900}.venue-badge{left:13px;background:rgba(255,255,255,.92);color:#142334}.price-pill{right:13px;background:#07111f;color:#fff}.venue-body{padding:18px}.venue-body h3{font-size:18px;font-weight:900;margin:0}.venue-body p{font-size:11px;color:#78879a;margin:5px 0}.rating{background:#eff9e9;color:#269b10;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:900;height:max-content}.amenities{display:flex;flex-wrap:wrap;gap:6px}.amenities span{font-size:10px;background:#f3f6f9;padding:6px 8px;border-radius:7px;color:#566579;font-weight:700}
.live-section{background:#07111f;color:#fff}.live-banner{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(circle at 80% 30%,#17375c,#091827 55%);overflow:hidden}.live-label{font-size:11px;letter-spacing:2px;color:#ff6470;font-weight:900}.live-copy h2{font-size:45px;line-height:1.02;font-weight:900;letter-spacing:-2px;margin:14px 0}.live-copy h2 strong{color:#75ed36}.live-copy p{color:#9fb1c3;max-width:550px}.score-card{width:340px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;flex-shrink:0}.score-top,.score-bottom{display:flex;justify-content:space-between;align-items:center;color:#91a6ba;font-size:10px;font-weight:800}.score-top .live-dot{margin-right:7px}.team-row{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700}.team-row strong{font-size:22px}.team-row.muted{color:#718398}.score-bottom{padding-top:14px;color:#7fea43}
.membership-section{background:#fff}.plan-card{border:1px solid var(--border);border-radius:22px;padding:27px;height:100%;position:relative}.plan-card.featured{border:2px solid #5fd92c;box-shadow:0 15px 45px rgba(65,197,28,.12)}.plan-tag{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#38ae17}.plan-card h3{font-size:24px;font-weight:900;margin:12px 0}.plan-price{font-size:34px;font-weight:900;letter-spacing:-1px}.plan-price small{font-size:12px;color:#8492a2}.plan-card ul{padding:0;list-style:none;margin:20px 0}.plan-card li{padding:8px 0;font-size:12px;color:#5c6d80}.plan-card li:before{content:"✓";color:#38b916;font-weight:900;margin-right:8px}
.owner-section{background:#f7f9fc}.owner-card{background:linear-gradient(135deg,#0a1b2e,#0e3b5c);border-radius:26px;padding:48px 55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.owner-card h2{font-size:38px;font-weight:900;letter-spacing:-1.5px;margin:8px 0}.owner-card p{color:#aebfd0;max-width:650px;margin:0}
.footer{background:#04101c;color:#9aabba;padding:55px 0 25px}.footer-logo{width:80px;height:80px;object-fit:contain}.footer h5{color:#fff;font-size:12px;font-weight:900;letter-spacing:1px}.footer a{display:block;color:#9aabba;text-decoration:none;font-size:12px;margin:9px 0}.footer a:hover{color:#76ed32}.footer p{font-size:12px;line-height:1.7}.footer hr{border-color:rgba(255,255,255,.08);margin:35px 0 18px}
.playzo-toast{position:fixed;right:22px;bottom:22px;z-index:9999;background:#081827;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.25);display:flex;align-items:center;gap:10px;transform:translateY(120px);opacity:0;transition:.3s;font-size:12px}.playzo-toast.show{transform:translateY(0);opacity:1}.playzo-toast i{color:#6bea32;font-size:18px}
@media(max-width:991px){.hero-section{padding:60px 0}.hero-art{height:420px}.card-live{right:0}.card-seat{left:0}.sports-grid{grid-template-columns:repeat(3,1fr)}.live-banner{padding:38px;flex-direction:column;align-items:stretch}.score-card{width:100%}.owner-card{flex-direction:column;align-items:flex-start}}
@media(max-width:767px){.hero-section{min-height:auto;padding:48px 0}.hero-section h1{font-size:46px;letter-spacing:-2px}.hero-copy{font-size:15px}.search-tabs{overflow:auto;white-space:nowrap}.search-tab{font-size:11px}.hero-art{height:330px;margin-top:5px}.hero-logo-card{width:280px}.orbit-a{width:320px;height:220px}.orbit-b{width:270px;height:330px}.floating-card{transform:scale(.85)}.card-live{top:2%;right:-10px}.card-seat{bottom:16%;left:-10px}.card-book{bottom:-1%;right:0}.hero-trust{gap:10px}.quick-grid{grid-template-columns:repeat(2,1fr);margin-top:0}.quick-grid a{border-bottom:1px solid var(--border)}.section-pad{padding:60px 0}.section-heading h2{font-size:28px}.sports-grid{grid-template-columns:repeat(2,1fr)}.sport-card{min-height:205px}.sport-card:last-child{grid-column:span 2}.live-copy h2{font-size:36px}.owner-card{padding:32px 25px}.owner-card h2{font-size:30px}}
@media(max-width:480px){.sports-grid{grid-template-columns:1fr}.sport-card:last-child{grid-column:auto}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid a{padding:17px}.navbar-brand span{font-size:18px}.navbar-brand img{width:38px;height:38px}}
