@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,cursive;background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%);min-height:100vh;overflow-x:hidden;position:relative}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.heart{position:absolute;font-size:20px;animation:float 6s ease-in-out infinite;opacity:.6}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.container{max-width:900px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}header{text-align:center;margin-bottom:40px}h1{font-size:3rem;color:#d63384;text-shadow:3px 3px 0px #fff,5px 5px 0px rgba(214,51,132,.3);margin-bottom:15px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tagline{font-size:1.4rem;color:#6f42c1;font-weight:700;max-width:600px;margin:0 auto;line-height:1.5}.seats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:50px}.seat-card{background:#fff;border-radius:20px;padding:25px;text-align:center;box-shadow:0 10px 30px #d6338433;border:3px solid #ffc0cb;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.seat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,192,203,.3),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.seat-card:hover{transform:translateY(-5px) rotate(1deg);box-shadow:0 15px 40px #d633844d}.seat-card.taken{background:linear-gradient(135deg,#ffe6f0,#fff0f5);border-color:#d63384}.seat-card.available{border-style:dashed;cursor:pointer}.seat-card.available:hover{border-color:#d63384;background:#fff5f8}.seat-emoji{font-size:3rem;margin-bottom:10px;display:block}.seat-title{font-size:1.1rem;color:#d63384;font-weight:700;margin-bottom:10px}.seat-status{font-size:1rem;color:#6c757d}.seat-name{font-size:1.3rem;color:#d63384;font-weight:700;margin-top:5px}.claim-section{background:#fff;border-radius:25px;padding:40px;text-align:center;box-shadow:0 10px 40px #d6338433;margin-bottom:40px}.claim-section h2{font-size:2rem;color:#d63384;margin-bottom:10px}.claim-section p{color:#6f42c1;margin-bottom:25px;font-size:1.1rem}.claim-form{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:0 auto}.form-group{text-align:left}.form-group label{display:block;margin-bottom:8px;color:#d63384;font-weight:700;font-size:1rem}.form-group input,.form-group select{width:100%;padding:15px 20px;border:3px solid #ffc0cb;border-radius:15px;font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#d63384;box-shadow:0 0 15px #d6338433}.claim-btn{background:linear-gradient(135deg,#d63384,#6f42c1);color:#fff;border:none;padding:18px 40px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;font-family:inherit;transition:transform .3s,box-shadow .3s;text-transform:uppercase;letter-spacing:2px}.claim-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #d6338466}.claim-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.message{margin-top:20px;padding:15px;border-radius:10px;font-weight:700}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}footer{text-align:center;padding:30px;color:#6f42c1;font-size:.95rem}footer p{margin-bottom:10px}.disclaimer{background:#ffffffb3;padding:20px;border-radius:15px;max-width:600px;margin:0 auto}.sparkle{display:inline-block;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.car-diagram{margin-bottom:30px;padding:20px;background:#ffffff80;border-radius:20px}.car-diagram h3{color:#d63384;margin-bottom:15px;font-size:1.3rem}.car-visual{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:300px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#e8e8e8,#f5f5f5);border-radius:30px 30px 20px 20px;border:4px solid #ccc;position:relative}.car-visual:before{content:"🚗";position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:2rem}@media(max-width:600px){h1{font-size:2rem}.tagline{font-size:1.1rem}.seats-grid{grid-template-columns:1fr}.claim-section{padding:25px}}
