*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}.hero-section{height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.light-rays{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);animation:rays 6s linear infinite}@keyframes rays{0%{transform:translate(-100%) rotate(0)}to{transform:translate(100%) rotate(360deg)}}.hero-content{position:relative;z-index:10;max-width:1200px;padding:0 20px}.logo{font-size:4rem;font-weight:900;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:8px;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(255,107,107,.5)}50%{text-shadow:0 0 40px rgba(255,107,107,.8),0 0 60px rgba(78,205,196,.6)}}.subtitle{font-size:1.5rem;margin-bottom:30px;opacity:.9;animation:slideUp 2s ease-out .5s both}.date-location{font-size:1.2rem;margin-bottom:40px;color:#4ecdc4;font-weight:600;animation:slideUp 2s ease-out 1s both}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cta-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:20px 50px;font-size:1.3rem;font-weight:700;text-decoration:none;border-radius:50px;display:inline-block;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;animation:slideUp 2s ease-out 1.5s both}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ff6b6b66}.cta-button:hover:before{left:100%}.features-section{padding:100px 0;background:linear-gradient(180deg,#0a0a0a,#1a1a2e)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:3rem;text-align:center;margin-bottom:60px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px}.feature-card{background:#ffffff0d;padding:40px;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);background:#ffffff14;box-shadow:0 20px 40px #0000004d}.feature-icon{font-size:3rem;margin-bottom:20px;color:#4ecdc4}.feature-title{font-size:1.5rem;margin-bottom:15px;color:#fff;font-weight:700}.feature-description{color:#ccc;line-height:1.6}.lineup-section{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative}.lineup-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>') repeat;background-size:50px 50px}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;position:relative;z-index:2}.artist-card{background:#ffffff1a;padding:30px;border-radius:15px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}.artist-card:hover{transform:scale(1.05);background:#ffffff26}.artist-name{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#ff6b6b}.artist-genre{color:#4ecdc4;font-style:italic}.ticket-section{padding:100px 0;background:#0a0a0a;text-align:center}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.ticket-card{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);padding:40px;border-radius:20px;border:2px solid rgba(255,107,107,.3);transition:all .3s ease;position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.ticket-card:hover:before{transform:translate(100%)}.ticket-card:hover{transform:translateY(-5px);border-color:#ff6b6b99;box-shadow:0 15px 30px #ff6b6b33}.ticket-type{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#ff6b6b}.ticket-price{font-size:2.5rem;font-weight:900;margin-bottom:20px;color:#4ecdc4}.ticket-features{list-style:none;margin-bottom:30px}.ticket-features li{padding:5px 0;color:#ccc}.ticket-features li:before{content:"✓";color:#4ecdc4;margin-right:10px;font-weight:700}.countdown-section{padding:80px 0;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);text-align:center}.countdown-title{font-size:2.5rem;margin-bottom:40px;color:#fff;font-weight:800}.countdown-timer{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.countdown-item{background:#fff3;padding:20px;border-radius:15px;min-width:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-number{font-size:3rem;font-weight:900;color:#fff;display:block}.countdown-label{font-size:1rem;color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:1px}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.floating-circle:nth-child(1){width:20px;height:20px;top:20%;left:10%;animation-delay:0s}.floating-circle:nth-child(2){width:15px;height:15px;top:60%;left:85%;animation-delay:2s}.floating-circle:nth-child(3){width:25px;height:25px;top:80%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 768px){.logo{font-size:2.5rem;letter-spacing:4px}.subtitle{font-size:1.2rem}.section-title{font-size:2rem}.cta-button{padding:15px 35px;font-size:1.1rem}.countdown-timer{gap:15px}}.recruitment-section{padding:100px 0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a)}.recruitment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.recruitment-card{background:#ffffff0d;padding:40px;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.recruitment-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(78,205,196,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.recruitment-card:hover:before{transform:translate(100%)}.recruitment-card:hover{transform:translateY(-10px);background:#ffffff14;box-shadow:0 20px 40px #4ecdc433;border-color:#4ecdc44d}.recruitment-icon{font-size:3rem;margin-bottom:20px;color:#4ecdc4}.recruitment-title{font-size:1.5rem;margin-bottom:20px;color:#fff;font-weight:700}.recruitment-description{color:#ccc;line-height:1.6;margin-bottom:30px}.recruitment-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff;padding:15px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.recruitment-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4ecdc44d;background:linear-gradient(45deg,#45b7d1,#4ecdc4)}.form-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);margin:5% auto;padding:40px;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1)}.form-close{color:#fff;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:20px;top:15px}.form-close:hover{color:#ff6b6b}.form-title{color:#4ecdc4;font-size:1.8rem;margin-bottom:30px;text-align:center;font-weight:700}.form-group{margin-bottom:20px}.form-label{display:block;color:#fff;margin-bottom:8px;font-weight:600}.form-input,.form-textarea,.form-select{width:100%;padding:12px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#4ecdc4;background:#ffffff26;box-shadow:0 0 15px #4ecdc44d}.form-textarea{resize:vertical;min-height:100px}.form-submit{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:15px 40px;font-size:1.1rem;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:1px}.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff6b6b4d}.ticket-purchase-info{text-align:center;margin-bottom:40px;padding:30px;background:#ff6b6b1a;border-radius:15px;border:1px solid rgba(255,107,107,.3)}.ticket-purchase-title{font-size:1.2rem;color:#4ecdc4;margin-bottom:15px;font-weight:600}.ticket-purchase-description{color:#fff;line-height:1.6;margin-bottom:10px}.ticket-purchase-note{color:#ccc;font-size:.95rem}.ticket-purchase-highlight{color:#ff6b6b}.recruitment-description-text{text-align:center;color:#ccc;font-size:1.1rem;margin-bottom:60px;line-height:1.6}.sns-section{padding:100px 0;background:linear-gradient(135deg,#16213e,#1a1a2e,#0f3460);position:relative}.sns-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.05"/></svg>') repeat;background-size:100px 100px}.sns-description{text-align:center;color:#ccc;font-size:1.1rem;margin-bottom:60px;line-height:1.6;position:relative;z-index:2}.sns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;position:relative;z-index:2}.sns-card{background:#ffffff14;padding:30px;border-radius:20px;text-align:center;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.sns-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.sns-card:hover:before{transform:translate(100%)}.sns-card:hover{transform:translateY(-5px);background:#ffffff1f;box-shadow:0 15px 30px #0000004d}.sns-card.twitter:hover{border-color:#1da1f280;box-shadow:0 15px 30px #1da1f233}.sns-card.instagram:hover{border-color:#e1306c80;box-shadow:0 15px 30px #e1306c33}.sns-card.youtube:hover{border-color:#ff000080;box-shadow:0 15px 30px #f003}.sns-card.tiktok:hover{border-color:#fe2c5580;box-shadow:0 15px 30px #fe2c5533}.sns-icon{font-size:3rem;margin-bottom:15px}.sns-name{font-size:1.3rem;font-weight:700;margin-bottom:8px;color:#fff}.sns-handle{font-size:1rem;color:#4ecdc4;margin-bottom:8px;font-weight:600}.sns-desc{font-size:.9rem;color:#ccc;margin:0}@media (max-width: 768px){.recruitment-grid{grid-template-columns:1fr;gap:30px}.sns-grid{grid-template-columns:1fr;gap:20px}.sns-card{padding:25px}.form-modal-content{margin:10% auto;padding:30px 20px;width:95%}}