@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0b0d14;--text-main:#f5f7fb;--text-muted:#8b95a5;--grad-a:linear-gradient(90deg, #2c3ba1 0%, #dfaede 100%);--grad-g:linear-gradient(90deg, #fcfaf7 0%, #fbe3d9 100%);--panel-bg:#15182266}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}#bg-image{object-fit:cover;z-index:-1;opacity:.8;width:100%;height:100%;position:fixed;top:0;left:0}.public-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d14d9;border:1px solid #ffffff1a;border-radius:40px;justify-content:space-between;align-items:center;gap:30px;width:90%;max-width:600px;padding:10px 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.public-nav.nav-center{justify-content:center}.public-nav .logo-area{align-items:center;gap:10px;display:flex}.public-nav img{height:24px}.public-nav .brand-name{background:var(--grad-g);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover,.nav-links a.active{color:#fff}.hero{text-align:center;max-width:1000px;margin:0 auto;padding:180px 20px 100px}h1{background:var(--grad-g);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.subtitle{color:var(--text-muted);margin-bottom:50px;font-size:20px;line-height:1.6}.btn{background:var(--grad-a);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px 40px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 30px #2c3ba180}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 40px #2c3ba1cc}.features-section{max-width:1200px;margin:0 auto 120px;padding:0 20px}.guide-page-wrapper{align-items:flex-start;gap:40px;max-width:1300px;margin:0 auto;padding:100px 20px;display:flex}.guide-fixed-sidebar{background:var(--panel-bg);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex-shrink:0;gap:5px;width:280px;max-height:calc(100vh - 120px);padding:10px;display:flex;position:sticky;top:100px;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.guide-fixed-sidebar::-webkit-scrollbar{width:4px}.guide-fixed-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.guide-nav-item{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.guide-nav-item img{opacity:.7;width:20px;height:20px}.guide-nav-item span{font-size:14px;font-weight:500;line-height:1.3}.guide-nav-item:hover{color:#fff;background:#ffffff0d}.guide-nav-item:hover img{opacity:1}.guide-main-content{flex-direction:column;flex:1;align-items:center;display:flex}.video-grid{flex-direction:column;align-items:center;gap:80px;width:100%;display:flex}.video-item{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:900px;scroll-margin-top:100px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.video-item iframe,.video-item img{object-fit:cover;border:none;width:100%;height:100%}@media (width<=900px){.guide-page-wrapper{flex-direction:column;padding-top:80px}.guide-fixed-sidebar{width:100%;max-height:300px;margin-bottom:40px;position:static}}.section-title{text-align:center;margin-bottom:60px;font-size:36px;font-weight:800}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;display:grid}.icon-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 30px #0003}.icon-card:hover{background:#ffffff08;border-color:#fff3;transform:translateY(-10px);box-shadow:0 20px 50px #00000080}.icon-card img{filter:drop-shadow(0 0 10px #fff3);width:64px;height:64px;margin-bottom:24px;transition:transform .4s}.icon-card:hover img{transform:scale(1.1)}.icon-card h3{color:#fff;font-size:18px;font-weight:600;line-height:1.4}#tma-btn{color:#ffffff1a;z-index:100;padding:5px;font-size:10px;text-decoration:none;transition:color .3s;position:fixed;bottom:10px;right:10px}#tma-btn:hover{color:#ffffff80}.floating-cta{z-index:1000;animation:2s infinite pulse-glow;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 30px #2c3ba180}@keyframes pulse-glow{0%{box-shadow:0 0 #dfaedeb3}70%{box-shadow:0 0 0 20px #dfaede00}to{box-shadow:0 0 #dfaede00}}.bio-page-body{background:#000;position:relative;overflow-x:hidden}.bio-bg-blob-orange{z-index:-1;pointer-events:none;background:radial-gradient(circle,#c8643266 0%,#0000 70%);width:1000px;height:1000px;position:absolute;top:-200px;left:-200px}.bio-bg-blob-green{z-index:-1;pointer-events:none;background:radial-gradient(circle,#14c85040 0%,#0000 70%);width:1200px;height:1200px;position:absolute;bottom:-300px;right:-300px}.bio-logo-top{z-index:100;position:absolute;top:40px;left:60px}.bio-logo-top img{height:36px}.bio-wrapper{text-align:center;z-index:10;max-width:600px;margin:50px auto 100px;padding:0 20px;position:relative}.bio-avatar{object-fit:cover;border:2px solid #0056b3;border-radius:50%;width:234px;height:234px;margin-bottom:30px;box-shadow:0 0 40px #0056b34d}.bio-name{color:#fff;-webkit-text-fill-color:#fff;background:0 0;margin-bottom:50px;font-size:32px;font-weight:600}.bio-links{flex-direction:column;align-items:center;gap:16px;display:flex}.bio-link-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000080;border:2px solid #fff;border-radius:50px;justify-content:space-between;align-items:center;width:100%;max-width:580px;padding:8px 24px 8px 8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.bio-link-item:hover{background:#ffffff1a;transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.bio-link-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:50px;height:50px}.bio-link-text{text-align:center;flex:1;padding:0 10px}.bio-link-arrow{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@media (width<=768px){.floating-cta,.floating-zalo-cta{display:none!important}}