@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.qr-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.qr-modal-card{background:#000000b2;backdrop-filter:blur(10px);border-radius:16px;padding:40px;position:relative;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.qr-modal-close{position:absolute;top:2px;right:-65px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.qr-modal-close:hover{background-color:#f5f5f5}.qr-code-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.qr-code-frame{position:relative;display:inline-block;padding:20px}.qr-code{display:block;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;width:160px;height:160px}.corner-frame{position:absolute;width:30px;height:30px;border:3px solid #fff}.corner-frame.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:4px}.corner-frame.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:4px}.corner-frame.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:4px}.corner-frame.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:4px}.qr-modal-text{margin:0;font-size:18px;color:#fff;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.qr-modal-card{padding:30px 20px;margin:20px}.qr-code svg{width:180px;height:180px}.corner-frame{width:25px;height:25px}.qr-modal-text{font-size:16px}}.component-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:16px;color:#666;background:#f5f5f5cc}.component-loading:after{content:"";width:20px;height:20px;margin-left:10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{width:100%;min-height:100vh;overflow-x:hidden}.main::-webkit-scrollbar{display:none}.main{scrollbar-width:none;-ms-overflow-style:none}.main__nav{position:fixed;top:5%;left:0;right:0;z-index:1000;background:#ffffff1c;backdrop-filter:blur(32px);border:.3px solid #fff;border-radius:8px;transition:all .3s ease;width:60%;margin:0 auto}.main__nav .nav-container{width:100%;height:53px;margin:0;display:flex;justify-content:space-between;align-items:center}.main__nav .nav-logo{display:flex;align-items:flex-start;cursor:pointer;width:104px;height:34px}.main__nav .nav-logo img{width:100%;height:100%;object-fit:cover}.main__nav .nav-menu{display:flex;margin:0;padding:0;gap:.5rem}.main__nav .nav-item{margin-left:15px;background:none;border:none;cursor:pointer;transition:all .3s ease;position:relative}.main__nav .nav-label{color:#fff;font-size:.875rem;font-weight:400;line-height:1.2;transition:all .3s ease}.main__nav .nav-label.active,.main__nav .nav-label:hover{font-weight:500}.main__nav .nav-mobile-toggle{padding:.5rem}.main__nav .nav-mobile-toggle button{width:104px;height:37px;padding:.625rem 1.625rem;border-radius:8px;background:#3f9de5;color:#fff;font-size:.75rem;font-weight:400}.main__nav .nav-mobile-toggle button:hover{opacity:.9}.main__nav .nav-mobile-toggle button:focus{outline:none}.main__content{width:100%}.page-section{width:100%;display:flex;justify-content:center;scroll-snap-align:start;position:relative;overflow:hidden;opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.page-section>*{width:100%;max-width:none;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}html::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 768px){.single-page__nav .nav-container{padding:0 1rem}.single-page__nav .nav-menu{gap:.2rem}.single-page__nav .nav-link{padding:.4rem .6rem}.single-page__nav .nav-label{font-size:.8rem}.single-page__nav .nav-english{font-size:.6rem}.page-section>*{padding:0rem}}@media (max-width: 480px){.single-page__nav .logo-text{font-size:1.2rem}.single-page__nav .nav-menu{flex-wrap:wrap;gap:.1rem}.single-page__nav .nav-link{padding:.3rem .4rem}.single-page__nav .nav-label{font-size:.7rem}.single-page__nav .nav-english{display:none}}.App{width:100vw;min-height:100vh;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#fff}#root{min-height:100vh}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem;line-height:1.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}img{max-width:100%;height:auto}button{color:#fff}*{will-change:auto}.animate{will-change:transform,opacity}