:root{--gradient-header: linear-gradient(110deg, #0e2ae2 0%, #83b9f9 43%, #bbb384 78%, #f2aa3c 100%);--gradient-header-size: 200% 200%;--color-primary: #0e2ae2;--color-primary-mid: #83b9f9;--color-gold-mid: #bbb384;--color-accent: #f2aa3c;--color-accent-hover: #e09820;--color-navy: #0d1f3c;--color-navy-dark: #081428;--color-text: #1a1a2e;--color-text-muted: #555577;--color-white: #ffffff;--color-bg: #f8fafc;--color-border: #e2e8f0;--color-error: #dc2626;--color-success: #16a34a;--color-droppii: #1631d4;--color-base: #1331df;--glow-blue: 0 0 20px rgba(14, 42, 226, .25);--glow-blue-strong: 0 0 40px rgba(14, 42, 226, .45);--glow-gold: 0 0 20px rgba(242, 170, 60, .35);--font-primary: "Be Vietnam Pro", sans-serif;--font-droppii: "Droppii VN", sans-serif;--container-max: 1400px;--container-padding: 3rem;--section-gap: 3rem;--border-radius: 8px;--border-radius-lg: 16px;--nav-height: 100px;--z-nav: 100;--z-overlay: 150;--z-toast: 200;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Droppii VN;src:url(/fonts/DroppiilVN-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-weight:500;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding-block:var(--section-gap)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.page-loading{min-height:60vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.page-enter{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}@keyframes barToX-top{to{transform:translateY(8px) rotate(45deg)}}@keyframes barToX-mid{to{opacity:0;transform:scaleX(0)}}@keyframes barToX-bottom{to{transform:translateY(-8px) rotate(-45deg)}}.page-enter{animation:fadeSlideIn .25s ease-out both}.droppii-text{font-family:Droppii VN,sans-serif;font-weight:500!important}.hero-btn{display:inline-block;width:auto;padding:.625rem 2rem;border-radius:27px;background-image:linear-gradient(107deg,#e1ad4f,#0d092500 60%,#0d092500);background-color:#1331e3;border:1px solid rgba(255,255,255,.9);font-size:24px;font-family:Droppii VN,sans-serif;color:#fff;text-align:center;cursor:pointer;line-height:1.3;transition:opacity .15s ease-out,transform .15s ease-out}.hero-btn:hover{opacity:.88;transform:translateY(-1px)}.hero-btn:active{transform:translateY(0);opacity:1}.hero-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav{position:sticky;top:0;z-index:var(--z-nav);height:var(--nav-height);background:linear-gradient(110deg,#0e2ae2,#0e2ae2 20%,#83b9f9 63%,#bbb384 78%,#f2aa3c)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.nav__logo{display:flex;align-items:center;flex-shrink:0}.nav__logo img{height:60px;width:auto}.nav__links{display:none;align-items:center;gap:4rem}.nav__link{color:var(--color-white);font-weight:500;font-size:.9rem;text-decoration:none;padding:.25rem 0;border-bottom:2px solid transparent;transition:border-color var(--transition-base),opacity var(--transition-base);white-space:nowrap}.nav__link:hover{opacity:.85}.nav__link.active{border-bottom-color:var(--color-white)}.nav__cta{display:none;background:var(--color-white);color:var(--color-navy);font-weight:700;font-size:.85rem;letter-spacing:.04em;padding:.5rem 1.25rem;border-radius:var(--border-radius);text-decoration:none;transition:background var(--transition-base),transform var(--transition-fast);white-space:nowrap;flex-shrink:0}.nav__cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.nav__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;background:none;border:none;cursor:pointer;padding:10px;flex-shrink:0}.nav__bar{display:block;width:100%;height:2px;background:var(--color-white);border-radius:2px;transition:transform var(--transition-slow),opacity var(--transition-base);transform-origin:center}.nav__hamburger[aria-expanded=true] .nav__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger[aria-expanded=true] .nav__bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger[aria-expanded=true] .nav__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-navy);z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;animation:fadeSlideIn .2s ease-out both}.nav__overlay-link{color:var(--color-white);font-size:1.4rem;font-weight:600;text-decoration:none;padding:.75rem 1rem;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent;transition:border-color var(--transition-base),color var(--transition-base)}.nav__overlay-link:hover,.nav__overlay-link.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.nav__overlay-cta{margin-top:1rem;background:var(--color-accent);color:var(--color-navy);font-weight:700;font-size:1rem;letter-spacing:.05em;padding:.75rem 2rem;border-radius:var(--border-radius);text-decoration:none;transition:background var(--transition-base)}.nav__overlay-cta:hover{background:var(--color-accent-hover)}.nav__cta-wrap{display:none}@media (min-width: 769px){.nav__hamburger{display:none}.nav__links{display:flex}.nav__cta,.nav__cta-wrap{display:block}}.footer{background:linear-gradient(110deg,#0e2ae2,#0e2ae2 20%,#83b9f9 63%,#bbb384 78%,#f2aa3c);color:var(--color-white);padding:3rem 0;overflow:hidden;position:relative}.footer__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width: 769px){.footer__inner{grid-template-columns:auto 1fr auto;gap:4rem}}.footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer__logo{height:80px;width:auto}.footer__brand-name{font-size:1rem;color:var(--color-white);letter-spacing:.04em;margin-top:.25rem}.footer__brand-sub{font-size:.75rem;color:#ffffffd9;letter-spacing:.06em}.footer__info{display:flex;flex-direction:column;gap:.75rem}.footer__company-name{font-size:.9375rem;font-weight:800;color:var(--color-white);line-height:1.4;margin-bottom:.25rem}.footer__company-sub{font-weight:600;font-style:italic}.footer__details{display:flex;flex-direction:column;gap:.2rem}.footer__detail-row{display:flex;gap:.375rem;font-size:.875rem;line-height:1.5;flex-wrap:wrap}.footer__detail-row dt{font-weight:700;color:var(--color-white);white-space:nowrap}.footer__detail-row dd{color:#ffffffe0}.footer__detail-row a{color:#ffffffe0;text-decoration:none}.footer__detail-row a:hover{color:var(--color-white);text-decoration:underline}.footer__bubble{width:220px;height:auto;opacity:.15;filter:brightness(100) saturate(0)}.footer__bg-bubble{position:absolute;pointer-events:none;filter:brightness(100) saturate(0)}.footer__bg-bubble--large{width:200px;height:auto;right:40px;top:-10px}.footer__bg-bubble--small{width:120px;height:auto;right:260px;top:-10px}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.625rem;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;min-width:280px;max-width:380px;padding:.875rem 1rem;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000002e;pointer-events:all;animation:toastSlideIn .25s ease-out both}.toast--exiting{animation:toastSlideOut .25s ease-in both}.toast--success{background:var(--color-success);color:var(--color-white)}.toast--error{background:var(--color-error);color:var(--color-white)}.toast__message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.8;padding:0;flex-shrink:0;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}@media (max-width: 480px){.toast-container{top:auto;bottom:1rem;right:1rem;left:1rem}.toast{min-width:unset;max-width:100%}}