@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700&display=swap);:root{--primary-color:#ccdcec;--secondary-color:#94b8d6;--accent-color:#00a3ff;--dark-accent:#0076c5;--bg-dark:#0f1923;--highlight:#ff5757;--text-light:#ffffff;--text-dark:#333333;--neon-shadow:0 0 10px rgba(0, 163, 255, 0.7),0 0 20px rgba(0, 163, 255, 0.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kanit,sans-serif;background-color:var(--bg-dark);color:var(--text-light);line-height:1.6;overflow-x:hidden}.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(15,25,35,.97),rgba(0,0,0,.98));z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fadeInOverlay .7s ease forwards}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}.media-container{position:relative;width:85%;max-width:1200px;border-radius:20px;overflow:hidden;box-shadow:0 0 40px rgba(0,163,255,.5),0 0 80px rgba(0,163,255,.2);border:3px solid var(--accent-color);transform:translateY(20px);opacity:0;animation:slideUpFadeIn .8s ease forwards .3s}@keyframes slideUpFadeIn{to{transform:translateY(0);opacity:1}}.intro-video{width:100%;height:auto;display:block}.continue-btn{position:absolute;bottom:20px;right:20px;background:var(--highlight);color:var(--text-light);border:none;padding:12px 28px;border-radius:50px;cursor:pointer;font-family:Kanit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards;animation-delay:3s;box-shadow:0 5px 15px rgba(255,87,87,.3);display:flex;align-items:center;gap:10px;z-index:5}.continue-btn i{font-size:1rem}.continue-btn:hover{background:#ff3030;transform:scale(1.05) translateY(-2px);box-shadow:0 8px 20px rgba(255,87,87,.5)}.video-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:15px;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards;animation-delay:3.5s;z-index:5}.video-control-btn{background:rgba(0,0,0,.6);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-control-btn:hover{background:var(--accent-color);transform:scale(1.1)}.progress-container{position:absolute;bottom:0;left:0;width:100%;height:5px;background:rgba(255,255,255,.2);z-index:4}.progress-bar{height:100%;background:var(--accent-color);width:0;transition:width .1s linear}.vrchat-logo{width:180px;height:auto;margin-bottom:30px;filter:drop-shadow(0 0 15px var(--accent-color));animation:pulseLogo 3s ease-in-out infinite;transform:translateY(-20px);opacity:0;animation:logoEntrance 1s ease forwards}@keyframes logoEntrance{to{transform:translateY(0);opacity:1}}@keyframes pulseLogo{0%{transform:scale(1);filter:drop-shadow(0 0 15px var(--accent-color))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px var(--accent-color))}100%{transform:scale(1);filter:drop-shadow(0 0 15px var(--accent-color))}}.welcome-title{color:var(--text-light);margin-top:20px;font-size:1.8rem;font-weight:500;text-align:center;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards;animation-delay:1s;text-shadow:0 0 10px var(--accent-color)}.hero{display:flex;flex-direction:row;align-items:center;justify-content:space-around;min-height:100vh;background:url('/assets/img/background.jpg');background-size:cover;background-position:center;background-attachment:fixed;position:relative;padding:2rem}.content,.profile{position:relative;z-index:1;max-width:600px;backdrop-filter:blur(10px);background:rgba(15,25,35,.8);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,163,255,.2);border:2px solid rgba(0,163,255,.3);transition:transform .3s ease,box-shadow .3s ease}.content:hover,.profile:hover{transform:translateY(-5px);box-shadow:var(--neon-shadow)}.highlight{font-weight:700;font-size:1.2em;padding:0 .5rem;transition:color .3s ease;text-shadow:0 0 10px var(--accent-color)}.cursor{font-weight:700;animation:blink 1s step-end infinite;color:var(--accent-color)}.profile{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-color);box-shadow:var(--neon-shadow);transition:all .3s ease;margin:0 auto;display:block}.profile img:hover{transform:scale(1.05);border-color:var(--highlight)}.profile-info{margin-top:1.5rem;text-align:center}.profile-info p{margin:.5rem 0}.profile-info strong{color:var(--primary-color);text-shadow:0 0 5px var(--accent-color)}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.social-icons a{color:var(--primary-color);font-size:1.5rem;text-decoration:none;transition:all .3s ease;position:relative;background:rgba(0,163,255,.1);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.social-icons a:hover{color:var(--text-light);transform:translateY(-3px) scale(1.1);background:var(--accent-color);box-shadow:var(--neon-shadow)}.social-icons a::after{content:'';position:absolute;width:100%;height:2px;background:var(--accent-color);bottom:-5px;left:0;transform:scaleX(0);transition:transform .3s ease}.social-icons a:hover::after{transform:scaleX(1)}iframe{border:2px solid var(--accent-color);transition:all .3s ease;box-shadow:0 0 15px rgba(80,136,185,.2)}iframe:hover{transform:scale(1.02);box-shadow:0 0 20px rgba(80,136,185,.4)}@keyframes blink{from,to{opacity:1}50%{opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:1200px){.hero{padding:1.5rem}.content,.profile{max-width:500px}}@media (max-width:768px){.hero{flex-direction:column;text-align:center;padding:1rem;min-height:auto;padding-top:2rem;padding-bottom:2rem}.content,.profile{width:90%;margin:1rem 0;padding:1.5rem}.profile img{width:140px;height:140px}.video-wrapper{width:95%}.skip-button{bottom:10px;right:10px;padding:8px 16px;font-size:.9rem}.vrchat-logo{width:100px}.social-icons{gap:1rem}.social-icons a{font-size:1.3rem}}@media (max-width:480px){.hero{padding:.8rem}.content,.profile{width:95%;padding:1rem}.profile img{width:120px;height:120px}h1{font-size:1.5rem}p{font-size:.9rem}.social-icons{flex-wrap:wrap;justify-content:center}}.promote-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--accent-color)}.promote-section h2{color:var(--primary-color);text-align:center;margin-bottom:1rem;font-size:1.5rem;text-shadow:0 0 10px var(--accent-color)}.promote-links{display:flex;flex-direction:column;gap:1rem;align-items:center}.promote-links a{display:flex;align-items:center;gap:.5rem;color:var(--text-light);text-decoration:none;padding:.8rem 1.5rem;border-radius:10px;background:rgba(204,220,236,.1);transition:all .3s ease;width:100%;max-width:300px;border:1px solid transparent}.promote-links a:hover{background:rgba(204,220,236,.2);transform:translateY(-2px);border-color:var(--accent-color);box-shadow:0 5px 15px rgba(80,136,185,.2)}.promote-links i{font-size:1.2rem;color:var(--accent-color)}.promote-links span{font-size:1rem}.community-link{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,163,255,.2);padding:.8rem 1.5rem;border-radius:10px;color:var(--text-light);text-decoration:none;backdrop-filter:blur(5px);border:2px solid var(--accent-color);transition:all .3s ease;display:flex;align-items:center;gap:.5rem;z-index:2;white-space:nowrap;font-size:clamp(.8rem, 2.5vw, 1rem);min-width:max-content;max-width:90%;box-shadow:var(--neon-shadow)}.community-link:hover{background:rgba(0,163,255,.4);transform:translateX(-50%) translateY(-2px);box-shadow:0 5px 15px rgba(0,163,255,.5)}.community-link i{color:var(--accent-color);font-size:clamp(.8rem, 2.5vw, 1rem)}@media (max-width:480px){.community-link{padding:.6rem 1rem;top:10px}}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.content,.profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not (backdrop-filter:blur(10px)){.content,.profile{background:rgba(26,39,51,.9)}}.donation-section{margin-top:2rem;padding:1.5rem;border-radius:15px;background:linear-gradient(135deg,rgba(0,163,255,.2),rgba(255,87,87,.1));border:2px solid var(--highlight);position:relative;overflow:hidden;box-shadow:var(--neon-shadow)}.donation-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,87,87,.1) 0,transparent 60%);animation:pulse 3s infinite;z-index:-1}.donation-section h2{color:var(--highlight);text-align:center;margin-bottom:1rem;font-size:1.8rem;text-transform:uppercase;text-shadow:0 0 10px var(--highlight);letter-spacing:1px}.donation-button{display:flex;align-items:center;justify-content:center;gap:.8rem;background:var(--highlight);color:var(--text-light);text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1.2rem;transition:all .3s ease;margin:1rem auto;max-width:300px;position:relative;overflow:hidden;box-shadow:0 5px 15px rgba(255,87,87,.4);border:none}.donation-button::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.donation-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px rgba(255,87,87,.6);background:#ff3030}.donation-button:hover::after{left:100%}.donation-button i{font-size:1.4rem}.donation-info{text-align:center;margin-top:.5rem;color:var(--text-light);font-size:1rem}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:.3}100%{transform:scale(.8);opacity:.5}}