*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f8f4ea;background:radial-gradient(circle at top,#40335f 0%,#171321 35%,#090b14 100%);margin:0;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.7}.container{width:90%;max-width:1200px;margin:auto}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#d9b36c59,#0000 70%);width:500px;height:500px;animation:8s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.hero .container{z-index:2;position:relative}.portal-symbol{color:#d9b36c;font-size:5rem;animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero h1{letter-spacing:12px;color:#d9b36c;text-shadow:0 0 30px #d9b36c80;margin:20px 0;font-size:clamp(3rem,7vw,6rem);line-height:1.1}.hero h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300}.hero p{max-width:750px;margin:40px auto;font-size:1.2rem}.button{color:#10121c;cursor:pointer;letter-spacing:2px;background:linear-gradient(45deg,#d9b36c,#fff0b8);border:none;border-radius:60px;padding:18px 45px;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block}.button:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 0 40px #d9b36ccc}section{padding:100px 20px}section h2{text-align:center;color:#d9b36c;margin-bottom:50px;font-size:3rem}.story p,.vision p,.seven p{text-align:center;max-width:800px;margin:25px auto;font-size:1.25rem}.seven h3{text-align:center;color:#fff0b8;font-size:2.5rem}.seat-grid{grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:18px;margin-top:50px;display:grid}.seat{cursor:pointer;background:#ffffff14;border:1px solid #d9b36c80;border-radius:50%;justify-content:center;align-items:center;height:65px;font-size:1.1rem;transition:all .4s;display:flex}.seat:hover{color:#111;background:#d9b36c;transform:translateY(-8px);box-shadow:0 0 25px #d9b36c99}.seat.selected{background:#7a5aa6;box-shadow:0 0 30px #7a5aa6}.seat.reserved{color:#fff;background:#e6b800;border:2px solid gold}.seat.occupied{color:#fff;background:#2e8b57;border:2px solid #90ee90}.reservation form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #d9b36c4d;border-radius:30px;max-width:600px;margin:auto;padding:40px}label{color:#d9b36c}input,select{background:#fff;border:none;border-radius:15px;width:100%;margin-bottom:20px;padding:16px;font-size:1rem}.progress-box{text-align:center;background:#ffffff14;border:1px solid #d9b36c66;border-radius:30px;max-width:450px;margin:auto;padding:40px}.progress-box h3{color:#d9b36c;font-size:2rem}footer{text-align:center;color:#aaa;background:#05060c;padding:50px}@media (width<=700px){.hero h1{letter-spacing:5px}section h2{font-size:2rem}.seat{height:50px}.reservation form{padding:25px}}.membership-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}.membership-card{text-align:center;background:#ffffff14;border:1px solid #d9b36c66;border-radius:30px;padding:35px;transition:all .4s}.membership-card:hover{transform:translateY(-10px);box-shadow:0 0 40px #d9b36c66}.membership-card h3{color:#d9b36c;font-size:2rem}.membership-card h4{color:#fff0b8;font-size:2.5rem}.seats-portal{grid-template-columns:repeat(10,1fr);gap:12px;padding:40px;display:grid}.seat{text-align:center;cursor:pointer;border:2px solid #ddd;border-radius:12px;padding:20px;font-size:20px}.seat-grid{grid-template-columns:repeat(9,1fr);justify-items:center;gap:20px;display:grid}.circle{cursor:pointer;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}body{text-align:center}.container{text-align:center;max-width:900px;margin:0 auto}section,header,footer{text-align:center}input,select,button{margin:10px auto;display:block}form{text-align:center}.seat-circle{cursor:pointer;transition:all .25s}.seat-circle.selected .circle{color:gold;background:#0f7b63;border:3px solid gold;transform:scale(1.12);box-shadow:0 0 25px gold}.selected-seat{color:gold;text-align:center;margin:25px 0;font-size:22px;font-weight:700}.form-step{background:#ffffff0d;border-radius:20px;margin-bottom:35px;padding:25px}.form-step{border-radius:20px;margin-bottom:35px;padding:25px}.form-step h3{margin-bottom:20px}.join-button{text-align:center;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:20px;display:flex}.packages-container{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.package-card{text-align:center;flex-direction:column;justify-content:flex-start;height:100%;min-height:520px;padding:25px 20px;display:flex}.package-card .icon{order:1;margin-bottom:15px;font-size:40px}.package-card h3{justify-content:center;align-items:center;min-height:55px;display:flex}.package-card p{flex-grow:1}.package-card .join-button{justify-content:center;align-self:center;align-items:center;width:85%;min-height:48px;margin-top:auto;display:flex}.package-badge{white-space:nowrap;border-radius:30px;padding:6px 18px;font-size:13px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.package-card{position:relative}@media (width<=1100px){.packages-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.packages-container{grid-template-columns:1fr}.package-card{min-height:auto}}.membership-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.membership-card{text-align:center;flex-direction:column;height:100%;min-height:610px;padding:30px 20px;display:flex;position:relative}.membership-card h3{justify-content:center;align-items:center;min-height:50px;margin-bottom:10px;display:flex}.membership-card h4{margin:10px 0;font-size:32px}.membership-card h5{justify-content:center;align-items:center;min-height:45px;display:flex}.membership-card p{margin:8px 0}.membership-card .package-footer{justify-content:center;align-items:center;min-height:70px;margin-top:auto;display:flex}.membership-card .button{justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:20px;display:flex}.membership-card .badge{white-space:nowrap;border-radius:30px;width:max-content;max-width:90%;padding:7px 16px;font-size:13px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.membership-card.featured{transform:translateY(-5px)}.membership-card.vip{transform:translateY(0)}@media (width<=1200px){.membership-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.membership-grid{grid-template-columns:1fr}.membership-card{min-height:auto}}.membership-card h5{letter-spacing:1px;min-height:55px;margin:18px 0;font-size:20px;font-weight:700;line-height:1.3}.membership-card .badge{letter-spacing:.5px;padding:10px 22px;font-weight:700;box-shadow:0 5px 20px #00000026}.membership-card.featured .badge{background:#ffd7642e;border:2px solid #ffd764cc}.membership-card:not(.featured) .badge{border:2px solid #b48cff80}.membership-card.vip .badge{background:#ffd76438;border:2px solid #ffd764e6}.membership-card h5{background:#ffffff0f;border:1px solid #ffffff26;border-radius:14px;padding:12px}.membership-card.vip h5{border:2px solid #ffd76480}.membership-card.featured h5{border:2px solid #ffd76459}.pending-seat .circle{animation:2s infinite pulseSeat}.confirmed-seat .circle{animation:2s infinite glowSeat;box-shadow:0 0 20px #ffd764cc}.confirmed-seat{cursor:not-allowed}@keyframes pulseSeat{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glowSeat{0%{box-shadow:0 0 10px #ffd76480}50%{box-shadow:0 0 30px #ffd764}to{box-shadow:0 0 10px #ffd76480}}.hero{text-align:center;padding:80px 20px}.hero .container{flex-direction:column;align-items:center;display:flex}.hero-content{text-align:center;width:100%;max-width:750px}.hero-content h1{letter-spacing:3px;font-size:52px;font-weight:900;line-height:1}.hero-content h2{margin-bottom:30px;font-size:28px;line-height:1.4}.hero-content p{margin-bottom:20px;font-size:18px;line-height:1.6}.hero .button{margin-top:25px;margin-bottom:70px;display:inline-block}.hero-image{justify-content:center;width:100%;margin-top:20px;display:flex}.hero-image img{object-fit:contain;border-radius:30px;width:100%;max-width:750px;height:auto;display:block}@media (width<=900px){.hero{padding:60px 20px}.hero-content h1{font-size:34px}.hero-content h2{font-size:24px}.hero-image img{max-width:100%}}.brand-title{letter-spacing:5px;background:linear-gradient(90deg,#ff6ec7,#fc3,#66e6ff,#9b7cff,#6f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:25px;font-size:28px;font-weight:800}.blinkita-logo{text-align:center;background:#f8f7f3;margin:40px auto 20px}.blinkita-logo img{mix-blend-mode:multiply;width:80%;max-width:280px;height:auto}#seat-stats{text-align:center;margin-bottom:30px;font-size:22px;line-height:1.8}.pending-seat .circle{border:3px solid gold;box-shadow:0 0 15px gold}.confirmed-seat .circle{border:3px solid purple;box-shadow:0 0 15px purple}.story{background:linear-gradient(#171321,#211934)}.vision{background:linear-gradient(#211934,#171321)}.seven{background:linear-gradient(#171321,#28203f)}.membership{background:linear-gradient(#28203f,#171321)}.seats-section{background:linear-gradient(#171321,#241c38)}.progress{background:linear-gradient(#241c38,#171321)}.reservation{background:linear-gradient(#171321,#0d101c)}section:nth-of-type(2n){background:linear-gradient(#211934,#171321)}section:nth-of-type(odd){background:linear-gradient(#171321,#211934)}.seat-grid{background:#ffffff08;border:1px solid #d9b36c33;border-radius:40px;padding:40px}