:root{--bg: #090a0f;--surface: #11131a;--surface-light: #191c26;--text: #f7f7f7;--muted: #9ba1b0;--lego-red: #e31b23;--lego-yellow: #ffd500;--lego-blue: #006cb7;--naruto: #ff7518;--dragonball: #ff7a00;--electric-blue: #1976ff;--radius: 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:radial-gradient(circle at top,#171b2a,var(--bg) 50%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased}main{width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Anton,sans-serif;letter-spacing:.03em;text-transform:uppercase}.section-container{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(80px,12vh,120px) 16px clamp(60px,8vh,80px);background:linear-gradient(120deg,rgba(255,117,24,.08),transparent 40%),radial-gradient(circle at 80% 30%,rgba(25,118,255,.18),transparent 30%),var(--bg);overflow:hidden}.hero-content{width:min(900px,100%);text-align:center;position:relative;z-index:5;margin:auto 0}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:clamp(10px,2vw,12px);font-weight:800;letter-spacing:.18em;color:var(--lego-yellow);background:#ffffff0d;backdrop-filter:blur(8px);max-width:100%}.hero h1{margin:clamp(18px,4vw,32px) 0;line-height:.85}.name{display:block;font-size:clamp(52px,13vw,140px);color:#fff;letter-spacing:.04em;text-shadow:0 0 30px rgba(255,255,255,.2)}.level-container{display:flex;align-items:baseline;justify-content:center;gap:clamp(8px,2vw,20px);line-height:.8;margin-top:6px}.level{font-size:clamp(24px,6vw,52px);color:var(--lego-yellow);text-shadow:2px 2px 0 rgba(0,0,0,.5)}.age{font-size:clamp(90px,22vw,240px);color:var(--naruto);text-shadow:clamp(4px,1vw,8px) clamp(4px,1vw,8px) 0 var(--lego-red),clamp(8px,2vw,14px) clamp(8px,2vw,14px) 0 var(--lego-yellow)}.hero-description{width:min(620px,100%);margin:0 auto clamp(25px,5vw,40px);color:#c4c8d5;line-height:1.65;font-size:clamp(15px,2.5vw,18px);padding:0 8px}.hero-actions,.rsvp-buttons{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;width:100%}.btn{min-height:52px;padding:0 26px;display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:14px;font-family:Inter,sans-serif;font-weight:800;font-size:clamp(12px,2vw,14px);letter-spacing:.06em;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease;cursor:pointer;touch-action:manipulation;white-space:normal;word-break:break-word}.btn-primary{color:#090a0f;background:var(--lego-yellow);border:3px solid var(--lego-yellow);box-shadow:4px 4px 0 var(--lego-red)}.btn-primary:hover,.btn-primary:focus-visible{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--lego-red)}.btn-primary:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--lego-red)}.btn-secondary{border:2px solid rgba(255,255,255,.25);background:#ffffff0d;color:#fff;backdrop-filter:blur(8px)}.btn-secondary:hover,.btn-secondary:focus-visible{border-color:#fff;background:#ffffff1f;transform:translateY(-2px)}.btn-big{min-height:64px;padding:16px 36px;font-size:clamp(13px,2.5vw,16px);width:auto;max-width:100%}.brick{position:absolute;width:clamp(70px,10vw,110px);height:clamp(32px,5vw,50px);border-radius:7px;opacity:.8;pointer-events:none;z-index:1}.brick:before,.brick:after{content:"";position:absolute;top:-8px;width:22px;height:10px;border-radius:6px 6px 2px 2px;background:inherit}.brick:before{left:16px}.brick:after{right:16px}.brick-red{background:var(--lego-red)}.brick-yellow{background:var(--lego-yellow)}.brick-blue{background:var(--lego-blue)}.b1{top:12%;left:4%;transform:rotate(-15deg)}.b2{right:4%;top:16%;transform:rotate(15deg)}.b3{bottom:10%;left:8%;transform:rotate(8deg)}.floating-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:1}.orb-1{width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);background:var(--dragonball);box-shadow:0 0 80px var(--dragonball);right:12%;bottom:15%;opacity:.25}.orb-2{width:clamp(35px,6vw,60px);height:clamp(35px,6vw,60px);background:var(--electric-blue);box-shadow:0 0 60px var(--electric-blue);left:10%;top:22%;opacity:.35}.scroll-indicator{margin-top:auto;padding-top:20px;font-size:10px;font-weight:700;letter-spacing:.25em;color:#737784;text-align:center;z-index:5}.scroll-line{height:35px;width:2px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);margin:8px auto 0;border-radius:2px}.countdown-section,.party-section,.anime-section{padding:clamp(65px,10vw,120px) 0;position:relative}.countdown-section h2,.party-section h2,.anime-section h2,.rsvp-section h2{margin:clamp(18px,3vw,26px) 0 clamp(30px,5vw,45px);font-size:clamp(34px,7vw,84px);line-height:.95}h2 span{display:block;color:var(--lego-yellow)}.section-description{color:var(--muted);max-width:580px;line-height:1.65;font-size:clamp(14px,2vw,17px)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,20px);width:100%}.time-card{min-height:clamp(120px,20vw,200px);padding:clamp(16px,2.5vw,28px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:clamp(16px,2vw,var(--radius));box-shadow:0 10px 30px #0000004d}.time-card strong{font-family:Anton,sans-serif;font-size:clamp(38px,8vw,92px);line-height:1;color:var(--lego-yellow);text-shadow:0 0 20px rgba(255,213,0,.3)}.time-card span{margin-top:6px;color:var(--muted);font-size:clamp(9px,1.5vw,11px);font-weight:700;letter-spacing:.2em;text-align:center}.party-section{background:#0d0f15}.party-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,20px);width:100%}.party-card{min-height:clamp(180px,24vw,240px);padding:clamp(22px,3.5vw,35px);border-radius:clamp(18px,2vw,var(--radius));background:var(--surface-light);border-top:5px solid var(--lego-yellow);display:flex;flex-direction:column;box-shadow:0 10px 25px #00000040}.party-icon{font-size:clamp(30px,4vw,40px);margin-bottom:clamp(20px,3vw,35px)}.party-card>span{display:block;margin-bottom:8px;font-size:clamp(10px,1.5vw,11px);font-weight:700;letter-spacing:.18em;color:var(--muted)}.party-card strong{font-size:clamp(18px,2.5vw,24px);font-weight:800;color:#fff}.card-detail{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.4}.location-box{margin-top:clamp(20px,3vw,28px);padding:clamp(24px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,35px);border-radius:clamp(18px,2vw,var(--radius));background:linear-gradient(135deg,#005a9c,var(--lego-blue));border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 35px #006cb740}.location-text{flex:1}.location-text h3{font-size:clamp(22px,3.5vw,34px);margin:6px 0 10px;color:#fff}.location-text p{margin:0 0 14px;color:#ffffffe6;line-height:1.6;font-size:clamp(14px,2vw,16px);max-width:650px}.party-rules{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.party-rules span{display:inline-flex;align-items:center;padding:5px 12px;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:clamp(11px,1.8vw,13px);font-weight:600;color:#fff}.small-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--lego-yellow)}.modal-backdrop{position:fixed;inset:0;background:#040508e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;place-items:center;z-index:10000;padding:16px;opacity:0;transition:opacity .25s ease}.modal-backdrop.active{display:grid;opacity:1}.modal-container{background:var(--surface);border:2px solid var(--lego-yellow);border-radius:var(--radius);box-shadow:0 0 60px #ffd50033,0 25px 50px #000000e6;padding:clamp(28px,6vw,44px) clamp(20px,5vw,36px);max-width:540px;width:100%;text-align:center;position:relative;transform:scale(.94);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.modal-backdrop.active .modal-container{transform:scale(1)}.modal-close-btn{position:absolute;top:14px;right:18px;background:none;border:none;color:#7b8192;font-size:30px;line-height:1;cursor:pointer;padding:4px;transition:color .2s ease,transform .2s ease}.modal-close-btn:hover{color:#fff;transform:scale(1.15)}.modal-icon{font-size:clamp(48px,8vw,64px);margin-bottom:12px}.modal-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#e31b2326;border:1px solid var(--lego-red);border-radius:100px;color:var(--lego-yellow);font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:18px}.modal-container h3{font-size:clamp(26px,5vw,40px);line-height:.95;margin-bottom:16px;color:#fff}.modal-container h3 span{color:var(--lego-yellow)}.modal-body p{color:#c4c8d5;font-size:clamp(14px,2.2vw,16px);line-height:1.6;margin-bottom:12px}.modal-body strong{color:#fff}.modal-subtext{color:#8e94a5!important;font-size:clamp(13px,2vw,14px)!important}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px;width:100%}.modal-actions .btn{width:100%}.anime-grid{margin-top:clamp(30px,5vw,50px);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,24px)}.anime-card{min-height:clamp(320px,40vw,420px);padding:clamp(24px,4vw,38px);border-radius:clamp(20px,2.5vw,28px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease,box-shadow .3s ease}.anime-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0006}.anime-number{position:absolute;right:clamp(16px,3vw,25px);top:clamp(14px,2.5vw,20px);font-family:Anton,sans-serif;font-size:clamp(48px,8vw,75px);opacity:.12;line-height:1}.anime-symbol{width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);display:grid;place-items:center;border-radius:50%;font-size:clamp(26px,4vw,36px);margin-bottom:auto;background:#ffffff2e;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.anime-card h3{font-size:clamp(36px,5.5vw,70px);line-height:.88;margin:clamp(18px,3vw,25px) 0 12px}.anime-card h3 span{display:block}.anime-card p{max-width:320px;line-height:1.55;font-size:clamp(13px,2vw,15px);opacity:.85}.naruto{background:linear-gradient(135deg,#ff7214,#481700);box-shadow:0 10px 30px #ff721433}.bleach{color:#111;background:linear-gradient(135deg,#fff,#b8b8b8);border:4px solid #111;box-shadow:0 10px 30px #ffffff26}.bleach .anime-symbol{background:#0000001a;border-color:#0003;color:#111}.bleach .anime-number{color:#000;opacity:.1}.onepiece{color:#161616;background:linear-gradient(135deg,#ffd74a,#df9327);box-shadow:0 10px 30px #ffd74a33}.onepiece .anime-symbol{background:#0000001a;border-color:#0003;color:#161616}.dragonball{background:radial-gradient(circle at 80% 20%,#2785ff,transparent 35%),linear-gradient(135deg,#ff7200,#8b2700);box-shadow:0 10px 30px #ff720040}.rsvp-section{min-height:85svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:#08090e;padding:clamp(70px,12vw,120px) 16px}.rsvp-content{position:relative;z-index:2;max-width:780px;width:100%}.rsvp-content p{max-width:580px;margin:0 auto clamp(25px,4vw,36px);color:var(--muted);line-height:1.65;font-size:clamp(15px,2.5vw,18px)}.rsvp-note{display:block;margin-top:clamp(25px,4vw,35px);color:#7b8192;font-size:clamp(10px,1.8vw,12px);font-weight:700;letter-spacing:.15em}.energy-ring{position:absolute;width:min(700px,92vw);height:min(700px,92vw);border-radius:50%;border:3px solid rgba(255,122,0,.15);box-shadow:0 0 100px #ff7a0033,inset 0 0 100px #1976ff1a;animation:rotateEnergy 14s linear infinite;pointer-events:none}@keyframes rotateEnergy{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.06)}to{transform:rotate(360deg) scale(1)}}.music-controller{position:fixed;bottom:clamp(16px,3vw,24px);right:clamp(16px,3vw,24px);z-index:999}.music-btn{background:#11131ad9;border:2px solid rgba(255,213,0,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;padding:10px 18px;display:inline-flex;align-items:center;gap:10px;color:#fff;cursor:pointer;box-shadow:0 8px 24px #00000080,0 0 15px #ffd50026;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;font-family:Inter,sans-serif}.music-btn:hover{transform:translateY(-2px);border-color:var(--lego-yellow);box-shadow:0 10px 28px #0009,0 0 20px #ffd5004d}.music-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:#c4c8d5}.music-label strong{color:var(--lego-yellow)}.equalizer-bars{display:flex;align-items:flex-end;gap:3px;height:16px;width:16px}.equalizer-bars .bar{flex:1;background:var(--lego-yellow);border-radius:2px;height:4px;transition:height .2s ease}.playing .equalizer-bars .bar-1{animation:bounceBar .8s ease-in-out infinite alternate}.playing .equalizer-bars .bar-2{animation:bounceBar .6s ease-in-out .2s infinite alternate}.playing .equalizer-bars .bar-3{animation:bounceBar .9s ease-in-out .4s infinite alternate}.playing .equalizer-bars .bar-4{animation:bounceBar .7s ease-in-out .1s infinite alternate}@keyframes bounceBar{0%{height:3px}to{height:16px}}@media(max-width:900px){.location-box{flex-direction:column;align-items:stretch}.location-actions .btn{width:100%}}@media(max-width:768px){.countdown{grid-template-columns:repeat(2,1fr)}.party-grid,.anime-grid{grid-template-columns:1fr}.anime-card{min-height:300px}.brick{opacity:.35;transform:scale(.75)}.b1{top:8%;left:-10px}.b2{top:10%;right:-10px}.b3{display:none}}@media(max-width:480px){.section-container{width:calc(100% - 24px)}.hero-actions .btn{width:100%}.party-card{padding:22px}.party-icon{margin-bottom:16px}.time-card{padding:16px 8px}.party-rules span{width:100%;justify-content:center}.music-controller{bottom:12px;right:12px}.music-btn{padding:8px 14px}.modal-container{padding:24px 16px}}