html,body{font-family:Dongle,sans-serif;margin:0;padding:0}.text-container{z-index:100;width:100vw;height:100vh;display:flex;flex-flow:column nowrap;position:relative;margin-top:var(--header-height, 0px);min-height:calc(100vh - var(--header-height, 64px));top:0;left:0;justify-content:center;align-items:center;font-size:96px;color:#fff;opacity:.8;-webkit-user-select:none;user-select:none;text-shadow:1px 1px rgba(0,0,0,.1)}:root{--color-bg1: rgb(108, 0, 162);--color-bg2: rgb(0, 17, 82);--color1: 18, 113, 255;--color2: 221, 74, 255;--color3: 100, 220, 255;--color4: 200, 50, 50;--color5: 180, 180, 50;--color-interactive: 140, 100, 255;--circle-size: 80%;--blending: hard-light}.site-header{position:fixed;top:0;left:0;width:100%;z-index:300;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000038;border-bottom:1px solid rgba(255,255,255,.04)}.site-header .container{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:28px;letter-spacing:2px;color:#fff;opacity:.95;-webkit-user-select:none;user-select:none}.nav .menu{list-style:none;display:flex;gap:18px;margin:0;padding:0;align-items:center}.nav .menu li a{color:#fff;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:6px;transition:background .18s ease,transform .12s ease,opacity .12s;opacity:.95}.nav .menu li a:hover,.nav .menu li a:focus{background:#ffffff0f;transform:translateY(-2px);outline:none}.hamburger{display:none;background:transparent;border:none;width:36px;height:28px;padding:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger .bar{display:block;height:3px;margin:5px 0;border-radius:2px;background:#fff;opacity:.95;transition:transform .22s ease,opacity .22s ease}@media(max-width:720px){.nav .menu{position:absolute;top:64px;right:16px;background:#00000052;padding:10px;border-radius:8px;flex-direction:column;gap:8px;display:none;min-width:140px;box-shadow:0 6px 18px #0006}.hamburger{display:block}.nav.open .menu{display:flex}.nav.open .hamburger .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav.open .hamburger .bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav.open .hamburger .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.text-container{padding-top:80px;box-sizing:border-box;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.3s;display:flex;flex-direction:column;align-items:center;gap:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content{position:relative;z-index:10}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.hero-title{display:inline-block;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.4s;line-height:1}.hero-sub{display:inline-block;font-size:medium!important;font-style:italic;opacity:0;transform:translateY(20px);animation:fadeUp 1.2s ease-out forwards;animation-delay:.7s;line-height:1}.gradient-bg{width:100vw;height:100vh;position:fixed;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));top:0;left:0;z-index:-1}.gradient-bg svg{position:fixed;top:0;left:0;width:0;height:0}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.gradient-bg .g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}.gradient-bg .g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}.gradient-bg .g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}.gradient-bg .g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.gradient-bg .g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}.gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}.page-section{width:100%;display:flex;justify-content:center;padding:60px 20px;box-sizing:border-box}.glass-card{width:100%;max-width:none;background:#14141e8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:40px 32px;box-sizing:border-box;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0003;animation:cardFade 1.2s ease forwards;opacity:0;transform:translateY(20px)}@keyframes cardFade{to{opacity:1;transform:translateY(0)}}.glass-card h2{margin-top:0;font-size:32px;margin-bottom:12px}.glass-card p{font-size:20px;line-height:1.4;opacity:.85}