*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #13141a;--text-pri: #00c89e;--text-sec: #f7f4f0;--text-muted: #ffffff;--service-bg: rgba(19, 20, 26, .42);--border: #00c89e;--ff-display: "Playfair Display", serif;--ff-heading: "Playfair Display", serif;--ff-body: "Inter", sans-serif;--transition: .28s ease}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#0e0b18,#13141a,#081a16);color:var(--text-sec);font-family:var(--ff-body);font-size:18px;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}#particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.75}.navbar{position:fixed;top:18px;left:50%;transform:translate(-50%);width:calc(100% - 64px);max-width:1200px;background:#101010de;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:60px;border:1px solid rgba(255,255,255,.07);padding:13px 32px;display:flex;align-items:center;justify-content:space-between;z-index:1000;transition:background var(--transition)}.nav-logo{font-family:var(--ff-display);font-size:1.45rem;font-weight:600;letter-spacing:1px;color:var(--text-pri);cursor:pointer;white-space:nowrap}.logo-a{font-style:italic;font-weight:400;font-size:1.25rem}.nav-links{display:flex;gap:34px;align-items:center}.nav-link{font-size:1rem;color:var(--text-sec);position:relative;transition:color var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text-pri);transition:width var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text-pri)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-right{display:flex;align-items:center;gap:20px}.nav-social{display:flex;gap:16px}.social-icon{color:var(--text-sec);font-size:1rem;transition:color var(--transition)}.social-icon:hover{color:var(--text-pri)}.hamburger{display:none;background:none;border:none;color:var(--text-pri);font-size:1.2rem;cursor:pointer;padding:4px}section{width:100%;padding:100px 80px}.section-title{font-family:var(--ff-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;text-align:center;color:var(--text-pri);margin-bottom:12px}.section-divider{width:55px;height:1px;background:var(--text-muted);margin:0 auto 60px}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;padding:0 9% 100px;overflow:hidden}.hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--ff-display);font-size:clamp(4rem,8.5vw,10.5rem);font-weight:900;color:#ffffff40;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:3px;z-index:0}.hero-character-wrap{position:absolute;top:5%;left:50%;transform:translate(-50%);height:90%;width:250px;display:flex;align-items:flex-end;justify-content:center;z-index:1;cursor:pointer}.hero-img{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:92%;width:auto;object-fit:contain;transition:opacity .55s ease}.hero-img-normal{opacity:1}.hero-img-hover{opacity:1;clip-path:circle(0px at 50% 50%)}.hero-cta{position:relative;z-index:2;display:flex;gap:16px}.btn-outline{display:inline-block;padding:11px 30px;border:1px solid rgba(255,255,255,.32);color:var(--text-pri);font-family:var(--ff-body);font-size:.88rem;letter-spacing:.3px;background:transparent;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-outline:hover{background:#ffffff12;border-color:#ffffff8c}.about{padding-top:90px}.about-content{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:center;text-align:justify;max-width:1080px;margin:0 auto}.about-img-wrap{position:relative;border-radius:14px;cursor:pointer;aspect-ratio:3 / 4;max-width:380px;width:100%;perspective:1200px}.about-img-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.about-img-wrap:hover .about-img-inner,.about-img-wrap.flipped .about-img-inner{transform:rotateY(180deg)}.about-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px;backface-visibility:hidden}.about-img-front{transform:rotateY(0)}.about-img-back{transform:rotateY(180deg)}.about-text{font-size:1.2rem;color:var(--text-sec);line-height:1.88}.skills-marquee{margin-top:64px;overflow:hidden;padding:8px 0;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.skills-track{display:flex;align-items:center;width:max-content;animation:marqueeScroll 15s linear infinite}.skills-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill-item{display:flex;align-items:center;gap:8px;margin-right:50px;flex-shrink:0;white-space:nowrap}.skill-item i{font-size:1.8rem;line-height:1}.skill-item span{font-family:var(--ff-body);font-size:1rem;font-weight:600;color:var(--text-sec)}.video-grid{display:grid;grid-template-columns:1fr;max-width:1100px;margin:-95px auto}.video-card{position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.video-card:hover{transform:scale(1.04) translateY(-4px)}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:10px}.video-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:20px;box-shadow:6px 8px 30px var(--text-pri);background:var(--service-bg);min-height:25%}.schedule{text-align:center}.projects-grid,.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1200px;margin:0 auto}.project-card,.schedule-card{background:var(--service-bg);border:var(--text-pri) 2px solid;border-radius:14px;overflow:hidden;box-shadow:6px 8px 10px var(--text-pri);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover,.schedule-card:hover{transform:translateY(-7px);box-shadow:0 16px 40px #00000080}.project-img-wrap,.schedule-img-wrap{width:100%;height:195px;overflow:hidden;position:relative}.project-img-wrap img,.schedule-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project-card:hover .project-img-wrap img,.schedule-card:hover .schedule-img-wrap img{transform:scale(1.05)}.project-body,.schedule-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;color:var(--text-sec)}.project-title,.schedule-title{font-family:var(--ff-heading);font-size:1.1rem;font-weight:600;color:var(--text-sec)}.project-links,.schedule-links{display:flex;gap:9px;margin-top:6px}.project-desc{font-size:.9rem;color:var(--text-pri);line-height:1.62}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.tag{background:var(--bg-base);color:#fff;padding:4px 13px;border-radius:20px;border:2px solid var(--text-pri);font-size:.77rem;font-weight:500;letter-spacing:.3px}.btn-sm{display:inline-block;padding:7px 18px;border:2px solid var(--text-pri);border-radius:20px;font-size:.9rem;color:#fff;background:transparent;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease}.btn-sm:hover{background:var(--text-pri);color:#000;border-color:#fff}.schedule-live-badge{position:absolute;top:10px;left:10px;background:#e63946;color:#fff;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.3px}.schedule-date{font-size:.85rem;color:var(--text-pri);font-weight:500}.schedule-countdown{font-size:.9rem;color:var(--text-pri);line-height:1.62}.schedule-status{grid-column:1 / -1;color:var(--text-pri);font-size:.95rem}.services{text-align:center}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto}.service-card{background:var(--service-bg);border:1px solid var(--border);border-radius:14px;padding:50px 28px 44px;transition:background .3s ease,transform .3s ease,border-color .3s ease}.service-card:hover{background:#ffffff13;border-color:var(--text-sec);transform:translateY(-5px)}.service-icon{font-size:2.4rem;color:var(--text-muted);margin-bottom:22px}.service-title{font-family:var(--ff-body);font-size:1.1rem;font-weight:600;color:var(--text-pri);margin-bottom:14px;letter-spacing:.2px}.service-desc{font-size:1rem;color:var(--text-sec);line-height:1.8}.support{text-align:center}.support-card{max-width:560px;margin:0 auto;background:var(--service-bg);border:var(--text-pri) 2px solid;border-radius:14px;padding:36px 32px;transition:transform .3s ease,box-shadow .3s ease}.support-card:hover{transform:translateY(-7px);box-shadow:0 16px 40px #00000080}.support-icon{font-size:2.2rem;color:var(--text-pri);margin-bottom:12px}.support-title{font-family:var(--ff-heading);font-size:1.4rem;color:var(--text-sec);margin-bottom:10px}.support-desc{font-size:.92rem;color:var(--text-pri);line-height:1.65;margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto}.contact{padding-bottom:70px}.contact-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:start;max-width:1080px;margin:0 auto}.contact-sub{font-family:var(--ff-display);font-size:1.45rem;font-weight:500;margin-bottom:14px;color:var(--text-pri)}.contact-info>p{font-size:1rem;color:var(--text-sec);line-height:1.72;margin-bottom:28px}.contact-detail{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:1rem;color:var(--text-sec)}.contact-detail i{width:18px;text-align:center;color:var(--text-muted);font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:13px}.form-input,.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.11);border-radius:7px;padding:14px 18px;color:var(--text-sec);font-family:var(--ff-body);font-size:.91rem;outline:none;transition:border-color var(--transition),background var(--transition)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--text-pri);background:#00c89e0d}.form-textarea{resize:vertical;min-height:130px}.btn-send{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:7px;color:var(--text-sec);font-family:var(--ff-body);font-size:.93rem;padding:15px;cursor:pointer;transition:background var(--transition),border-color var(--transition);letter-spacing:.3px}.btn-send:hover{background:#ffffff52;border-color:var(--text-sec)}.footer{background:#00000047;border-top:1px solid rgba(255,255,255,.05);padding:22px 80px;display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.84rem}.footer-social{display:flex;gap:18px}@media (max-width: 1080px){.projects-grid,.schedule-grid{grid-template-columns:repeat(2,1fr)}section{padding:90px 50px}.footer{padding:22px 50px}}@media (max-width: 820px){.about-content{grid-template-columns:1fr;text-align:center}.about-img-wrap{margin:0 auto;max-width:300px}.services-grid{grid-template-columns:1fr;max-width:440px}.contact-inner{grid-template-columns:1fr;gap:40px}.hero-bg-text{font-size:11vw}.hero-character-wrap{width:320px}}@media (max-width: 768px){.nav-links{display:none;position:fixed;top:78px;left:18px;right:18px;background:#0e0e0ef7;border-radius:16px;padding:26px;flex-direction:column;gap:22px;border:1px solid rgba(255,255,255,.08);z-index:999}.nav-links.open{display:flex}.hamburger{display:block}.nav-social{display:none}section{padding:80px 28px}.footer{padding:20px 28px}.projects-grid,.schedule-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}@media (max-width: 480px){.navbar{width:calc(100% - 28px);padding:11px 18px}.hero{padding-left:24px;padding-bottom:80px}.hero-cta{gap:10px}.btn-outline{padding:10px 22px;font-size:.82rem}}