:root{--primary: #003366;--primary-dark: #001a33;--accent: #FAA21A;--accent-light: #ffc44d;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-200: #E2E8F0;--gray-500: #64748B;--gray-700: #334155;--success: #10B981;--gradient-primary: linear-gradient(135deg, #003366 0%, #005599 100%);--gradient-accent: linear-gradient(135deg, #FAA21A 0%, #ff7b00 100%);--gradient-hero: linear-gradient(180deg, rgba(0,26,51,.6) 0%, rgba(0,34,68,.95) 100%);--shadow-sm: 0 4px 10px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1);--radius: 24px;--radius-sm: 12px;--font-heading: "Be Vietnam Pro", "Noto Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body: "Be Vietnam Pro", "Noto Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html.perf-lite{scroll-behavior:auto}.mobile-nav{display:none}body{font-family:var(--font-body);background:var(--gray-50);color:var(--gray-700);line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}body:before,body:after{content:"";position:fixed;width:40vw;height:40vw;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.05;pointer-events:none;will-change:transform;contain:strict}body:before{top:10%;left:-20%;background:var(--accent);animation:float 20s infinite alternate}body:after{bottom:10%;right:-20%;background:var(--primary)}@keyframes float{0%{transform:translateZ(0)}to{transform:translate3d(100px,100px,0)}}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:0 20px;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(31,83,165,.08);transition:background .35s ease,box-shadow .35s ease,height .35s ease}.app-header.scrolled{background:#fffffffa;box-shadow:0 2px 24px #1f53a51a;height:68px}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.header-logo img{height:62px}.header-logo span{color:#1f53a5;font-weight:700;font-size:16px;letter-spacing:-.5px}.header-cta{background:linear-gradient(135deg,#f59e0b,#ea880a);color:var(--white);padding:10px 24px;border-radius:50px;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 4px 15px #f59e0b59;transition:transform .2s,box-shadow .2s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 24%,#faa21a57,#faa21a00 28%),radial-gradient(circle at 78% 18%,#ffffff38,#fff0 24%),radial-gradient(circle at 68% 72%,#1167b84d,#1167b800 32%),radial-gradient(circle at 32% 78%,#ffd68c3d,#ffd68c00 26%);pointer-events:none}.hero-video-bg{position:absolute;inset:0;z-index:0}.hero-video-bg video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#001f4073,#002a4fad 48%,#001d38e6);z-index:1}.hero-content{position:relative;z-index:2;padding:20px;max-width:900px}.hero-story-kicker{color:#ffffffbf;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.hero-kicker-core{white-space:nowrap}.hero-slogan-wrap{display:inline-block;padding:14px 30px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#ffd47f33,#ffffff1f);border-radius:50px;margin-bottom:24px;backdrop-filter:blur(14px);animation:fadeInDown .8s ease backwards;position:relative;overflow:hidden}.hero-slogan-wrap i{color:var(--accent);margin-right:10px}.hero-slogan-wrap span{font-weight:800;color:#fff1cf;letter-spacing:2px;text-transform:uppercase;font-size:14px}.hero-slogan-wrap:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:heroChipShimmer 3s ease-in-out infinite}@keyframes heroChipShimmer{0%{transform:translate(0)}to{transform:translate(380%)}}.hero h1{font-size:clamp(36px,6vw,64px);color:var(--white);line-height:1.1;font-weight:900;margin-bottom:20px;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s backwards}.hero-title-line{display:block}.hero-title-line-main{font-size:clamp(32px,5.2vw,54px);letter-spacing:-.025em;text-wrap:balance;text-align:center}.hero-br-sm{display:none}.hero-title-line-sub{margin-top:6px;font-family:Playfair Display,serif;font-style:italic;font-size:clamp(34px,5.2vw,58px);color:#ffe2a8;text-shadow:0 10px 20px rgba(0,0,0,.25)}.hero-title-line-place{margin-top:8px;font-size:clamp(24px,3.2vw,38px);font-weight:700;color:#fffffff2}.hero-title-line-place em{font-style:normal;color:#ffd58a;text-shadow:0 8px 18px rgba(250,162,26,.26)}.hero h1 .will-to-grow{display:block;font-family:Playfair Display,serif;font-style:italic;color:var(--accent);font-size:clamp(42px,7vw,84px);margin-top:10px;text-shadow:0 10px 20px rgba(0,0,0,.3)}#heroDynamicText{background:linear-gradient(110deg,#ffd37f,#fff0c2 45%,#ffbe46);-webkit-background-clip:text;background-clip:text;color:transparent;animation:sloganShine 3.2s ease-in-out infinite}@keyframes sloganShine{0%,to{filter:drop-shadow(0 0 0 rgba(255,214,140,.2));letter-spacing:.2px}50%{filter:drop-shadow(0 0 14px rgba(255,214,140,.45));letter-spacing:.8px}}.hero p{color:#ffffffd9;font-size:clamp(15px,2vw,18px);margin:0 auto 36px;max-width:650px;animation:fadeInUp 1s ease .4s backwards}.hero-scan-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 24px}.hero-scan-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--white);font-size:13px;font-weight:700}.hero-scan-points i{color:var(--accent-light)}.hero-cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px}.hero-thumb-cta{display:none}.hero-thumb-btn{width:100%;justify-content:center}body.sheet-open{overflow:hidden}.btn-primary{background:var(--gradient-accent);color:var(--white);padding:18px 42px;border-radius:50px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 25px #faa21a66;border:none;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);animation:fadeInUp 1s ease .6s backwards}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 15px 35px #faa21a80}.btn-ghost{color:var(--white);border:1px solid rgba(255,255,255,.45);padding:14px 24px;border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;background:#ffffff14;backdrop-filter:blur(8px);transition:border-color .25s ease,color .25s ease,transform .25s ease}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-light);transform:translateY(-2px)}.theme-duoc .hero-overlay{background:linear-gradient(180deg,#014a7880,#032339f0)}.theme-duoc .section-tag{color:#0ea5e9;background:#0ea5e91f}.theme-oto .hero-overlay{background:linear-gradient(180deg,#0a0a0a80,#161616eb)}.theme-oto .btn-primary{background:linear-gradient(135deg,#fb923c,#f97316)}.stats-bar{margin-top:-60px;position:relative;z-index:5;padding:0 20px}.stats-container{max-width:1100px;margin:0 auto;background:var(--white);border-radius:var(--radius);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow-lg);padding:40px 0;border:1px solid rgba(0,0,0,.03)}.stat-item{text-align:center;border-right:1px solid var(--gray-200)}.stat-item:last-child{border-right:none}.stat-number{font-size:clamp(26px,5vw,44px);font-weight:900;color:var(--primary);display:flex;align-items:center;justify-content:center}.stat-label{color:var(--gray-500);font-size:13px;font-weight:700;text-transform:uppercase;margin-top:6px;letter-spacing:.5px;opacity:.8}.stat-voice{color:#4f6886;font-size:12px;line-height:1.45;margin:8px auto 0;max-width:210px}.stat-item.speaking .stat-number{color:#0b4b89;text-shadow:0 0 18px rgba(11,75,137,.18)}.section{padding:120px 20px;max-width:1240px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.section-tag{display:inline-block;color:var(--accent);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:3px;margin-bottom:14px;background:#faa21a1a;padding:4px 16px;border-radius:50px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--primary);line-height:1.1;letter-spacing:-.02em}.section-subtitle{color:var(--gray-500);font-size:17px;max-width:700px;margin:20px auto 0;line-height:1.7}.section,.minigame-cta-section,.form-section,.finance-section{scroll-margin-top:86px;content-visibility:auto;contain-intrinsic-size:auto 900px;contain:layout style}.section.cinematic-panel,.minigame-cta-section.cinematic-panel,.finance-section.cinematic-panel,.form-section.cinematic-panel{position:relative}.section.cinematic-panel:before,.finance-section.cinematic-panel:before,.form-section.cinematic-panel:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(760px,78%);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(11,75,137,.22) 25%,rgba(250,162,26,.3) 50%,rgba(11,75,137,.22) 75%,transparent 100%)}.cinematic-panel{opacity:0;transform:translate3d(0,40px,0);transition:opacity .6s ease,transform .65s cubic-bezier(.16,1,.3,1);transform-origin:center top;backface-visibility:hidden}.cinematic-panel.in-view{opacity:1;transform:translateZ(0);content-visibility:visible}#dang-ky.cinematic-panel,#dang-ky.cinematic-panel.in-view{opacity:1;transform:none;transition:none}.scene-divider{max-width:1240px;margin:0 auto;padding:24px 20px 8px;text-align:center}.scene-line{height:2px;width:min(720px,90%);margin:0 auto 12px;background:linear-gradient(90deg,transparent 0%,rgba(250,162,26,.8) 50%,transparent 100%)}.scene-divider p{color:#29598f;font-weight:700;letter-spacing:.3px;font-size:14px}@media(min-width:768px){.desktop-nav{display:flex;gap:2px;list-style:none;padding:0;align-items:center}.desktop-nav li{position:relative}.desktop-nav a{color:#0b3d72;text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border-radius:10px;transition:color .2s ease,background .2s ease;position:relative;white-space:nowrap;letter-spacing:-.01em}.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;border-radius:999px;background:var(--accent);transition:width .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1)}.desktop-nav a:hover{color:#0d3a7a;background:#1f53a50f}.desktop-nav a:hover:after{width:60%;left:20%}.desktop-nav a.active{color:#1f53a5;background:#1f53a514}.desktop-nav a.active:after{width:60%;left:20%;background:linear-gradient(90deg,var(--accent),var(--accent-light));height:2.5px}.desktop-nav .nav-highlight{background:#faa21a1f;border:1px solid rgba(250,162,26,.28);color:#c17700;border-radius:999px;padding:8px 18px;font-weight:700}.desktop-nav .nav-highlight:after{display:none}.desktop-nav .nav-highlight:hover{background:linear-gradient(135deg,#ffd08a,#ffbc55);color:#5f3600;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 16px #faa21a4d}.app-header{padding:0 clamp(20px,3vw,48px);height:84px;border-bottom:1px solid rgba(31,83,165,.1);gap:12px}.app-header.scrolled,.header-logo img{height:72px}.header-logo span{font-size:19px;letter-spacing:-.3px}.header-cta{padding:11px 24px;font-size:14px;font-weight:800;box-shadow:0 8px 20px #f59e0b4d;letter-spacing:-.01em}.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b66}}@media(max-width:767px){.desktop-nav,.header-cta{display:none}.stats-container{grid-template-columns:repeat(2,1fr);gap:30px 0;padding:30px 0;border-radius:32px}.stat-item{border-right:none}.stat-voice{font-size:11px;max-width:140px}.section.cinematic-panel:before,.finance-section.cinematic-panel:before,.form-section.cinematic-panel:before{width:min(320px,86%);top:10px}.section{padding:80px 20px}.section,.minigame-cta-section,.form-section,.finance-section{contain-intrinsic-size:auto 720px}.cinematic-panel{transform:translate3d(0,20px,0)}.hero-story-kicker{font-size:11px;letter-spacing:.04em;line-height:1.32}.hero h1{font-size:38px}.hero-br-sm{display:block}.hero-title-line-main{font-size:clamp(24px,7.6vw,32px);line-height:1.1;text-wrap:balance}.hero-title-line-sub{font-size:clamp(22px,7.4vw,34px);text-wrap:balance}.hero-title-line-place{font-size:clamp(21px,6.4vw,30px)}.hero h1 .will-to-grow{font-size:48px}}@media(prefers-reduced-motion:reduce){.cinematic-panel,.cinematic-panel.in-view{opacity:1;transform:none;filter:none;transition:none}}html.perf-lite body:before,html.perf-lite body:after,html.perf-lite .hero-slogan-wrap:after,html.perf-lite .cinematic-panel,html.perf-lite .cinematic-panel.in-view,html.perf-lite .reveal-up,html.perf-lite .reveal-left,html.perf-lite .reveal-right,html.perf-lite .reveal-scale,html.perf-lite .stagger-item{animation:none!important;transition:none!important}html.perf-lite .cinematic-panel,html.perf-lite .cinematic-panel.in-view{opacity:1!important;transform:none!important}.video-trigger{position:relative;cursor:pointer}.video-trigger:after{content:"\1f446  Nh\1ea5p v\e0o t\f4i";position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#000a;color:#fff;padding:7px 16px;border-radius:999px;font-size:12px;font-weight:700;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap;z-index:3;backdrop-filter:blur(4px)}.campus-card-wide.video-trigger:after{bottom:auto;top:12px}.video-trigger:hover:after{opacity:1}@keyframes vtHintFade{0%,50%{opacity:.85}to{opacity:0}}@keyframes faqEdgePulse{0%,to{box-shadow:0 12px 24px #082c5242;border-color:#faa21a99}15%{box-shadow:0 0 10px 3px #1f53a5b3,0 0 22px 6px #1f53a540,0 12px 24px #082c5222;border-color:#1f53a5}35%{box-shadow:0 0 14px 4px #faa21ab3,0 0 28px 8px #faa21a40,0 12px 24px #082c5222;border-color:#faa21a}55%{box-shadow:0 0 10px 3px #1f53a5b3,0 0 22px 6px #1f53a540,0 12px 24px #082c5222;border-color:#1f53a5}75%{box-shadow:0 0 8px 2px #faa21a80,0 12px 24px #082c5222;border-color:#faa21acc}}.faq-edge-tab{animation:faqEdgePulse 2.8s ease-in-out infinite}.popup-lead-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.popup-lead-overlay.open{opacity:1;visibility:visible}.popup-lead-backdrop{position:absolute;inset:0;background:#00142880;backdrop-filter:blur(4px)}.popup-lead-card{position:relative;background:#fff;border-radius:24px 24px 0 0;padding:28px 20px 24px;max-width:440px;width:100%;box-shadow:0 -12px 40px #00000026;z-index:1;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.popup-lead-overlay.open .popup-lead-card{transform:translateY(0)}.popup-lead-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.popup-lead-close:hover{background:#e2e8f0}.popup-lead-header{text-align:center;margin-bottom:16px}.popup-lead-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#1f53a5,#2e6bc6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 10px;box-shadow:0 8px 20px #1f53a54d}.popup-lead-header h3{font-size:18px;font-weight:800;color:#036;margin-bottom:4px}.popup-lead-header p{font-size:13px;color:#64748b}.popup-lead-form{display:grid;gap:12px}.popup-lead-submit{width:100%}@media(min-width:768px){.popup-lead-overlay{align-items:center;padding:20px}.popup-lead-card{border-radius:24px;max-width:420px;transform:translateY(20px)}.video-trigger:after{opacity:0}}@media(max-width:767px){.popup-lead-card{padding:24px 16px calc(env(safe-area-inset-bottom,12px) + 20px);border-radius:20px 20px 0 0;max-width:100%}.video-trigger:after{animation:vtHintFade 5s ease 2s both}}.popup-field-error{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26262e!important}.popup-error-msg{color:#dc2626;font-size:11px;margin-top:2px;display:none}.popup-error-msg.visible{display:block}