@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;750&display=swap";:root{color:#fff;font-synthesis:none;--blue:#3479fa;--cyan:#a2f1f8;background:#080f25;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--blue);color:#fff}svg{width:100%;height:100%;display:block}.wrap{width:min(1360px,100% - 96px);margin-inline:auto}.home{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-1;background:linear-gradient(110deg,#071025b3,#07122c42),url(/assets/community-background.png) 50%/cover;position:absolute;inset:0;overflow:hidden}.hero-background:after{content:"";background:linear-gradient(#060d2120,#0000 50%,#080f2580);position:absolute;inset:0}.ambient{filter:blur(75px);will-change:transform;border-radius:50%;position:absolute}.ambient-blue{background:radial-gradient(#3479fa75,#3479fa00 65%);width:75vw;height:65vw;animation:22s ease-in-out infinite alternate drift-blue;top:-65%;right:-20%}.ambient-cyan{background:radial-gradient(#a2f1f85c,#3479fa24 45%,#0000 70%);width:70vw;height:42vw;animation:19s ease-in-out infinite alternate drift-cyan;bottom:-35%;left:-22%}.light-ribbon{filter:blur(1px);border-top:2px solid #83d6ff50;border-radius:50%;width:140%;height:70%;position:absolute;top:51%;left:-12%;transform:rotate(-24deg);box-shadow:0 -30px 100px #3479fa20,inset 0 35px 65px #51c7ed0c}.ribbon-two{opacity:.5;border-color:#a2f1f844;top:73%;left:-15%}.hero-grain{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift-blue{to{transform:translate(-12%,14%)scale(1.15)}}@keyframes drift-cyan{to{transform:translate(20%,-12%)scale(1.12)}}.header{z-index:5;border-bottom:1px solid #ffffff12;align-items:center;gap:25px;min-height:100px;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.brand img{background:0 0;display:block}.brand-name{letter-spacing:2px;font-family:Helvetica Neue,Arial,sans-serif;font-size:23px;font-weight:650;line-height:1}nav{color:#d9e3f4;align-items:center;gap:27px;margin-left:auto;font-size:11px;display:flex}nav>a{white-space:nowrap;align-items:center;gap:8px;transition:color .2s;display:flex}nav>a:hover{color:var(--cyan)}nav [data-icon]{flex-shrink:0;width:18px;height:18px}.nav-blog{border-left:1px solid #ffffff25;padding-left:25px}.github-label{display:none}.nav-github [data-icon]{width:21px;height:21px}.language-switch{color:#d9e3f4;background:#ffffff08;border:1px solid #ffffff30;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:48px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.language-switch:hover{color:var(--cyan);background:#ffffff12}.menu-toggle{display:none}.hero{text-align:center;flex:1;justify-content:center;align-items:center;min-height:580px;padding:95px 0 120px;display:flex}.hero-copy{width:100%}.eyebrow{color:#afc3df;letter-spacing:3px;justify-content:center;align-items:center;gap:12px;margin:0 0 30px;font-family:Arial,sans-serif;font-size:10px;font-weight:500;display:flex}.status-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 14px var(--cyan);border-radius:50%}h1{letter-spacing:7px;text-shadow:0 4px 40px #00000018;margin:0;font-size:clamp(56px,6.8vw,98px);font-weight:750;line-height:1.3}.hero-motto{letter-spacing:5px;color:#e0e9ff;margin:22px 0 26px;font-size:clamp(25px,2.6vw,36px);font-weight:500}.hero-motto span{color:var(--cyan)}.hero-description{color:#b3c0d5;letter-spacing:1px;margin:0;font-size:14px;line-height:2}.hero-actions{justify-content:center;gap:16px;margin-top:35px;display:flex}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:30px;min-height:48px;padding:13px 25px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);box-shadow:0 4px 28px #3479fa22}.primary:hover{background:#2467e8}.secondary{color:#e7edfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border-color:#ffffff38}.secondary:hover{background:#ffffff12}.footer{color:#9baec8;letter-spacing:1px;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding-block:20px 28px;font-size:9px;display:flex}.footer>span:last-child{font-family:monospace;font-size:9px}.skip-link{color:#172640;z-index:20;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.english-break{display:none}html[lang=en] h1{letter-spacing:-3px;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(54px,5.7vw,84px);font-weight:650;line-height:1.08}html[lang=en] h1>span{color:#e7f5ff}html[lang=en] .hero-motto{letter-spacing:-.5px;margin-top:28px;font-size:clamp(20px,2vw,28px);line-height:1.5}html[lang=en] .hero-description{letter-spacing:0}@media (width<=1100px){.wrap{width:calc(100% - 64px)}.header{gap:20px}nav{gap:19px;font-size:10px}.nav-blog{padding-left:19px}nav [data-icon]{width:16px;height:16px}h1{font-size:76px}}@media (width<=900px){.header{gap:13px;min-height:80px}.brand{margin-right:auto}.menu-toggle{background:0 0;border:1px solid #ffffff40;border-radius:5px;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:10px;display:flex}.menu-toggle span{background:#fff;width:18px;height:1px}.language-switch{min-height:40px}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101c35f5;border-bottom:1px solid #ffffff20;margin:0;padding:20px 32px;font-size:13px;display:none;position:absolute;top:79px;left:-32px;right:-32px}nav.open{flex-direction:column;align-items:stretch;gap:0;display:flex}nav>a{gap:14px;min-height:46px;padding:15px}nav [data-icon]{width:18px;height:18px}.nav-blog{border-top:1px solid #ffffff15;border-left:0;margin-top:7px}.github-label{display:inline}.hero{min-height:570px;padding-block:90px 100px}h1{letter-spacing:3px;font-size:65px}.hero-motto{letter-spacing:3px;font-size:29px}.ambient-blue{width:100vw;height:90vw;top:-5%}.ambient-cyan{width:110vw;height:85vw;bottom:-20%}.footer{font-size:8px}.footer>span:last-child{font-size:7px}html[lang=en] h1{font-size:68px}html[lang=en] .hero-motto{font-size:23px}.english-break{display:inline}}@media (width<=520px){.wrap{width:calc(100% - 40px)}.header{gap:10px;min-height:76px}.brand img{width:43px;height:43px}.brand-name{font-size:21px}nav{padding:16px 20px;top:75px;left:-20px;right:-20px}.language-switch{padding-inline:9px;font-size:10px}.hero{min-height:490px;padding-block:65px 85px}.eyebrow{letter-spacing:1px;gap:8px;margin-bottom:26px;font-size:7px}h1{letter-spacing:1px;white-space:nowrap;font-size:clamp(37px,10.5vw,55px)}.hero-motto{letter-spacing:2px;margin-block:22px;font-size:23px}.hero-description{letter-spacing:.5px;font-size:11px}.hero-actions{gap:10px;margin-top:30px}.button{gap:17px;padding:12px 16px;font-size:11px}.light-ribbon{width:220%;top:57%;left:-65%;transform:rotate(-35deg)}.ribbon-two{top:83%}.footer{flex-wrap:wrap;justify-content:center;gap:12px 20px;min-height:60px;font-size:7px}.footer>span:last-child{display:none}html[lang=en] h1{white-space:normal;letter-spacing:-1.5px;font-size:clamp(36px,10vw,52px)}html[lang=en] .eyebrow{letter-spacing:.6px;gap:7px;font-size:6px}html[lang=en] .hero-motto{margin-block:24px 20px;font-size:18px}html[lang=en] .hero-description{font-size:11px;line-height:1.9}html[lang=en] .button{gap:10px;padding-inline:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ambient{will-change:auto}}
