*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --p:#0A1628;--a:#1A6FE8;--al:#3B8BFF;--g:#C8973A;--gl:#F0C060;
      --t:#1C2333;--tm:#6B7A99;--b:#E4E9F2;--s:#F7F9FC;--w:#fff;
      --gh:linear-gradient(135deg,#0A1628 0%,#0D2952 50%,#0F3470 100%);
      --ga:linear-gradient(135deg,#1A6FE8 0%,#0A4DC4 100%);
      --gg:linear-gradient(135deg,#C8973A 0%,#E8B84B 100%);
      --sm:0 8px 32px rgba(10,22,40,.12);--sl:0 20px 60px rgba(10,22,40,.16);--sx:0 32px 80px rgba(10,22,40,.24);
      --rm:16px;--rl:24px;--rx:32px;
      --gold-glow:0 0 24px rgba(200,151,58,0.4);
      --navy-glass:rgba(10,22,40,0.85);
    }
    html{scroll-behavior:smooth}
    body{font-family:'Inter',sans-serif;background:#fff;color:var(--t);line-height:1.6;overflow-x:hidden}
    ::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--a);border-radius:3px}
    .cn{max-width:1200px;margin:0 auto;padding:0 24px}
    .sc{padding:100px 0}.scs{padding:60px 0}.tc{text-align:center}
    img{max-width:100%;height:auto;display:block}
    
    /* TYPOGRAPHY ADVANCED */
    .serif-title {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-style: italic;
    }

    /* BADGE */
    .bx{display:inline-flex;align-items:center;gap:8px;background:rgba(26,111,232,.1);color:var(--a);border:1px solid rgba(26,111,232,.25);padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}
    .bx::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
    .bx-g{background:rgba(200,151,58,.12);color:var(--g);border-color:rgba(200,151,58,.3)}
    .hero-badge-top {
      animation: badgePulse 3s infinite ease-in-out;
    }
    @keyframes badgePulse {
      0%, 100% { box-shadow: 0 0 0 rgba(200,151,58,0); }
      50% { box-shadow: 0 0 16px rgba(200,151,58,0.4); }
    }

    /* HEADINGS */
    .st{font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.5px;color:var(--p);margin-bottom:16px}
    .st span{color:var(--a)}
    .ss{font-size:17px;color:var(--tm);max-width:650px;margin:0 auto 60px;line-height:1.7}
    
    /* BTN */
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 32px;border-radius:100px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}
    .btn-g{background:var(--gg);color:#fff;box-shadow:0 8px 32px rgba(200,151,58,.35)}
    .btn-g:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(200,151,58,.5)}
    .btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
    .btn-o:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}
    .btn-a{background:var(--ga);color:#fff;box-shadow:0 8px 32px rgba(26,111,232,.35)}
    .btn-a:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(26,111,232,.5)}
    
    /* NAV & MOBILE DRAWER */
    #nv{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .3s}
    #nv.sc2{background:rgba(10,22,40,.96);backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 4px 24px rgba(0,0,0,.3)}
    .nvi{display:flex;align-items:center;justify-content:space-between}
    .nl{display:flex;align-items:center;gap:12px;text-decoration:none}
    .nli{width:40px;height:40px;background:var(--ga);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;flex-shrink:0}
    .nln{font-size:18px;font-weight:800;color:#fff;letter-spacing:1px}
    .nlt{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px}
    .nls{display:flex;align-items:center;gap:28px;list-style:none}
    .nls a{color:rgba(255,255,255,.75);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
    .nls a:hover{color:#fff}
    .nbs{display:flex;gap:12px;align-items:center}
    .nb{padding:9px 22px;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer;font-family:inherit}
    .nbo{color:#fff;border:1.5px solid rgba(255,255,255,.3);background:transparent}
    .nbo:hover{border-color:#fff;background:rgba(255,255,255,.1)}
    .nbs2{background:var(--ga);color:#fff;box-shadow:0 4px 16px rgba(26,111,232,.4)}
    .nbs2:hover{transform:translateY(-1px)}
    
    /* Hamburger Button */
    .btn-ham {
      display: none;
      flex-direction: column;
      justify-content: space-around;
      width: 42px;
      height: 42px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 10px;
      padding: 10px 8px;
      cursor: pointer;
      z-index: 1001;
    }
    .btn-ham span {
      width: 100%;
      height: 2px;
      background: #fff;
      border-radius: 2px;
      transition: all .3s;
    }

    /* Mobile Drawer */
    .md-drawer {
      position: fixed;
      inset: 0;
      z-index: 2000;
      pointer-events: none;
      opacity: 0;
      transition: opacity .3s ease;
    }
    .md-drawer.drawer-active {
      pointer-events: auto;
      opacity: 1;
    }
    .md-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.75);
      backdrop-filter: blur(8px);
    }
    .md-panel {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 85%;
      max-width: 380px;
      background: #0A1628;
      border-left: 1px solid rgba(200,151,58,0.35);
      display: flex;
      flex-direction: column;
      padding: 24px;
      transform: translateX(100%);
      transition: transform .4s cubic-bezier(.16,1,.3,1);
      box-shadow: -12px 0 40px rgba(0,0,0,.6);
      overflow-y: auto;
    }
    .md-drawer.drawer-active .md-panel {
      transform: translateX(0);
    }
    .md-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 24px;
      border-bottom: 1px solid rgba(255,255,255,.12);
      margin-bottom: 24px;
    }
    .md-close-btn {
      background: rgba(255,255,255,.1);
      color: #fff;
      border: 1px solid rgba(255,255,255,.2);
      width: 38px;
      height: 38px;
      border-radius: 50%;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .2s;
    }
    .md-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: auto;
    }
    .md-links a {
      color: rgba(255,255,255,.85);
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      display: flex;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px dashed rgba(255,255,255,.08);
      transition: color .2s;
    }
    .md-footer {
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,.12);
      margin-top: 24px;
    }
    .md-contacts {
      display: flex;
      gap: 12px;
      margin-top: 16px;
      justify-content: center;
    }
    .md-contacts a {
      color: var(--gl);
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      padding: 8px 16px;
      border: 1px solid rgba(200,151,58,.35);
      border-radius: 100px;
    }

    /* HERO */
    #hr{min-height:100vh;background:var(--gh);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px;padding-bottom:60px}
    .hbg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(26,111,232,.18) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(200,151,58,.1) 0%,transparent 50%)}
    .hgr{position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:80px 80px}
    .hct{display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:1;flex-wrap:wrap;width:100%}
    .hct > div:first-child{flex:1 1 500px;max-width:640px}
    .htl{font-size:clamp(34px,4.5vw,58px);font-weight:900;line-height:1.2;color:#fff;margin-bottom:24px;letter-spacing:-1px}
    .htl .gb{background:linear-gradient(135deg,#5BA8FF,#A8D3FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .htl .gg2{background:linear-gradient(135deg,#C8973A,#F0C060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .hds{font-size:17px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:40px;max-width:520px}
    .hac{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}
    .hst{display:flex;gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
    .hsn{font-size:28px;font-weight:800;color:#fff;margin-bottom:4px}
    .hsn span{color:var(--gl)}
    .hsl{font-size:14px;color:rgba(255,255,255,.8);font-weight:500;line-height:1.4}
    .hv{position:relative;flex:1 1 400px;display:flex;justify-content:flex-end}
    .hcd{width:100%;display:flex;justify-content:flex-end;align-items:center;position:relative}
    .him{position:relative;aspect-ratio:3/4;width:100%;max-width:440px;overflow:hidden;border-radius:24px;box-shadow:0 24px 64px rgba(10,22,40,.4);border:1px solid rgba(255,255,255,.1);margin-left:auto}
    .him img{width:100%;height:100%;object-fit:cover}
    .hov{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(10,22,40,.9) 100%)}
    .hib{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:90%;max-width:340px;background:rgba(10,22,40,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(200,151,58,.35);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
    .hibi{width:42px;height:42px;background:linear-gradient(135deg,#C8973A,#F0C060);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px rgba(200,151,58,.3)}
    .hib strong{display:block;font-size:14px;font-weight:700;color:var(--gl);letter-spacing:0}
    .hib span{font-size:12px;color:rgba(255,255,255,.85);display:block;margin-top:2px}
    .hfl{position:absolute;background:#fff;border-radius:var(--rm);padding:14px 18px;box-shadow:var(--sl);display:flex;align-items:center;gap:12px;animation:fl 4s ease-in-out infinite;z-index:2}
    .hf1{top:-20px;right:-20px}
    .hf2{bottom:80px;left:-30px;animation-delay:2s}
    @keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    .fic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
    .ftx strong{display:block;font-size:14px;font-weight:700;color:var(--p)}
    .ftx span{font-size:11px;color:var(--tm)}

    /* TRUST */
    #tr{background:var(--s);padding:50px 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b);overflow:hidden}
    .trl{font-size:12px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:36px}
    .tls-wrap{overflow:hidden;white-space:nowrap;width:100%;position:relative}
    .tls-wrap::before, .tls-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
    .tls-wrap::before{left:0;background:linear-gradient(to right,var(--s),transparent)}
    .tls-wrap::after{right:0;background:linear-gradient(to left,var(--s),transparent)}
    .tls{display:inline-flex;align-items:center;gap:70px;animation:scrollLeft 30s linear infinite;padding-right:70px}
    @keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .tls img{height:54px;width:auto;max-width:180px;object-fit:contain;filter:grayscale(100%) opacity(.65);transition:all .3s}
    .tls img:hover{filter:grayscale(0) opacity(1);transform:scale(1.06)}
    .ttg{height:54px;display:inline-flex;align-items:center;font-size:15px;font-weight:700;color:var(--tm);letter-spacing:2px;text-transform:uppercase;border:2px solid var(--b);border-radius:12px;padding:0 24px;background:#fff}
    .ttg-gold{border-color:rgba(200,151,58,.3);color:var(--g)}

    /* AUDIENCE & ROLE CARDS */
    #aud{background:#fff}
    .agr{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .acd{background:var(--s);border:1px solid var(--b);border-radius:var(--rl);padding:32px 28px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
    .acd::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ga);opacity:0;transition:opacity .3s}
    .acd:hover{transform:translateY(-6px);box-shadow:var(--sl);border-color:transparent}
    .acd:hover::before{opacity:1}
    .aic{width:56px;height:56px;background:rgba(26,111,232,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;transition:background .3s}
    .acd:hover .aic{background:var(--ga)}
    .atl{font-size:18px;font-weight:800;color:var(--p);margin-bottom:12px}
    .ads{font-size:14px;color:var(--tm);line-height:1.7;flex:1}
    
    .role-badge-top {
      display: inline-block;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #fff;
      background: linear-gradient(135deg, #C8973A, #E8B84B);
      padding: 4px 12px;
      border-radius: 100px;
      margin-bottom: 16px;
      width: fit-content;
      box-shadow: 0 4px 12px rgba(200,151,58,.3);
    }
    .card-navy-glow .role-badge-top {
      background: linear-gradient(135deg, #1A6FE8, #0A4DC4);
      box-shadow: 0 4px 12px rgba(26,111,232,.3);
    }
    .card-highlight.card-gold-glow {
      border-color: rgba(200,151,58,.45);
      background: linear-gradient(180deg, #fff 0%, #FFFDF8 100%);
    }
    .card-highlight.card-gold-glow:hover {
      box-shadow: 0 20px 50px rgba(200,151,58,.18);
      transform: translateY(-8px);
    }
    .role-rec {
      margin-top: 20px;
      padding-top: 16px;
      border-top: 1px solid var(--b);
      font-size: 13px;
      color: var(--tm);
    }

    /* WHAT WE DO */
    #wh{background:var(--p);position:relative;overflow:hidden}
    .wbg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 50%,rgba(26,111,232,.14) 0%,transparent 60%)}
    .wgr{display:flex;flex-direction:column;gap:60px}
    .wls{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .wls li{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
    .wls li:last-child{border-bottom:none}
    .wck{width:26px;height:26px;flex-shrink:0;background:rgba(26,111,232,.2);border:1px solid rgba(26,111,232,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:2px;font-size:13px;color:#7ABAFF}
    .wtx strong{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}
    .wtx span{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6}
    .wim-new{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%}
    .bento-card{background-color:rgba(10,22,40,0.85);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px;position:relative;overflow:hidden;transition:all .4s;box-shadow:0 16px 40px rgba(0,0,0,.3);backdrop-filter:blur(12px)}
    .bento-card:hover{transform:translateY(-4px);border-color:rgba(91,168,255,.35);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 40px rgba(91,168,255,.12) inset}
    .bento-glow::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(26,111,232,.18) 0%,transparent 60%);pointer-events:none;z-index:0}
    .bento-card h4{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px;position:relative;z-index:1;letter-spacing:0.5px}
    .bento-sub{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:28px;position:relative;z-index:1}
    .pill-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;position:relative;z-index:1}
    .pill{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:rgba(26,111,232,.18);border:1px solid rgba(26,111,232,.35);border-radius:16px;font-size:14px;font-weight:700;color:rgba(255,255,255,.9);transition:all .3s;backdrop-filter:blur(4px);line-height:1.4;cursor:pointer}
    .pill:hover{background:rgba(26,111,232,.45);color:#fff;border-color:rgba(91,168,255,.7);transform:scale(1.06);box-shadow:0 10px 24px rgba(0,0,0,0.35);z-index:2}

    /* COURSES */
    #co{background:var(--s)}
    .cgr{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
    .cc{background:#fff;border:1px solid var(--b);border-radius:var(--rl);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
    .cc:hover{transform:translateY(-8px);box-shadow:var(--sl);border-color:var(--a)}
    .cc.ft{grid-column:1/-1;display:grid;grid-template-columns:380px 1fr}
    .cim{position:relative;overflow:hidden}
    .cim img{width:100%;height:230px;object-fit:cover;transition:transform .4s}
    .cc.ft .cim img{height:100%;min-height:320px}
    .cc:hover .cim img{transform:scale(1.05)}
    .ctg{position:absolute;top:16px;left:16px;padding:6px 14px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff}
    .cta{background:var(--ga)}.ctb{background:var(--ga)}.ctc{background:linear-gradient(135deg,#1A6FE8 0%,#0A4DC4 100%)}
    .cbd{padding:30px;flex:1;display:flex;flex-direction:column}
    .ccd{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--a);margin-bottom:8px}
    .cnm{font-size:20px;font-weight:800;color:var(--p);margin-bottom:12px;line-height:1.3}
    .cds{font-size:14px;color:var(--tm);line-height:1.7;flex:1;margin-bottom:24px}
    .cfl{list-style:none;margin-bottom:24px}
    .cfl li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tm);padding:6px 0}
    .cfl li::before{content:'✓';font-weight:700;color:var(--a);font-size:13px}
    .cft{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:16px;flex-wrap:wrap}
    .cpx{font-size:22px;font-weight:800;color:var(--p)}
    .cpx small{font-size:12px;font-weight:500;color:var(--tm)}
    .cb{display:inline-flex;align-items:center;gap:6px;background:var(--s);color:var(--a);border:1.5px solid var(--b);border-radius:100px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;font-family:inherit}
    .cb:hover{background:var(--a);color:#fff;border-color:var(--a)}
    .course-dual-btn { display: flex; gap: 8px; flex-wrap: wrap; }
    .cb.cb-outline { background: transparent; color: var(--tm); border-color: var(--b); }
    .cb.cb-outline:hover { background: var(--p); color: #fff; border-color: var(--p); }

    /* BENEFITS */
    #bn{background:#fff}
    .bgr{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .bcd{background:var(--s);border:1px solid var(--b);border-radius:var(--rl);padding:32px;display:flex;gap:20px;transition:all .3s}
    .bcd:hover{box-shadow:var(--sm);transform:translateY(-4px);border-color:rgba(26,111,232,.25)}
    .bnu{width:48px;height:48px;flex-shrink:0;background:var(--ga);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff}
    .btx strong{display:block;font-size:16px;font-weight:700;color:var(--p);margin-bottom:6px}
    .btx span{font-size:14px;color:var(--tm);line-height:1.6}
    .ben-highlight { background: linear-gradient(135deg, #FFFBEB 0%, #FFFDF8 100%); border: 1.5px solid rgba(200,151,58,.45); }
    .ben-tag { display: inline-block; font-size: 10px; font-weight: 800; color: var(--g); letter-spacing: 1px; margin-bottom: 8px; }

    /* TRAINER */
    #tn{background:var(--p);position:relative;overflow:hidden}
    .tbg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 50%,rgba(26,111,232,.12) 0%,transparent 60%)}
    .tgr{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:center}
    .tiw{position:relative}
    .tif{position:relative;border-radius:var(--rx);overflow:hidden;box-shadow:var(--sx)}
    .tif img{width:100%;aspect-ratio:1;object-fit:cover}
    .tif::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(10,22,40,.7) 100%);z-index:1}
    .tcr{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;background:rgba(10,22,40,.85);backdrop-filter:blur(20px);border:1px solid rgba(200,151,58,.35);border-radius:var(--rm);padding:16px 20px;display:flex;align-items:center;gap:14px}
    .tci{font-size:24px}
    .tcr strong{display:block;font-size:14px;font-weight:700;color:#fff}
    .tcr span{font-size:12px;color:rgba(255,255,255,.6)}
    .tbdg{position:absolute;top:24px;right:-20px;background:var(--gg);color:#fff;border-radius:var(--rm);padding:12px 18px;box-shadow:var(--sm);text-align:center}
    .tbdg strong{display:block;font-size:22px;font-weight:900}
    .tbdg span{font-size:10px;opacity:.9}
    .tnm{font-size:36px;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:6px}
    .trl2{font-size:14px;color:var(--gl);font-weight:600;margin-bottom:16px}
    .tbi{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:32px}
    .tac{list-style:none}
    .tac li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
    .tac li:last-child{border-bottom:none}
    .tai{width:34px;height:34px;flex-shrink:0;background:rgba(200,151,58,.18);border:1px solid rgba(200,151,58,.35);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}
    .tat{font-size:14px;color:rgba(255,255,255,.75);line-height:1.6}
    .tat strong{color:#fff;font-weight:600}
    
    .metal-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
    .metal-badge { padding: 6px 14px; border-radius: 100px; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 4px 12px rgba(0,0,0,.2); }
    .metal-badge.gold { background: linear-gradient(135deg, #FFE89D 0%, #C8973A 100%); color: #3B2600; border: 1px solid #FFE89D; }
    .metal-badge.blue { background: linear-gradient(135deg, #A8D3FF 0%, #1A6FE8 100%); color: #00224A; border: 1px solid #A8D3FF; }
    .metal-badge.silver { background: linear-gradient(135deg, #F0F2F5 0%, #B0BAC9 100%); color: #1C2333; border: 1px solid #fff; }
    .metal-badge.outline { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.3); }

    /* TESTIMONIALS */
    #ts{background:var(--s)}
    .tsg{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1}
    .tsc{background:#fff;border:1px solid var(--b);border-radius:var(--rl);padding:40px;box-shadow:var(--sm);transition:all .3s;display:flex;flex-direction:column;height:100%}
    .tsc:hover{transform:translateY(-5px);box-shadow:var(--sl);border-color:rgba(26,111,232,.35)}
    .tss{color:var(--g);font-size:18px;margin-bottom:20px;letter-spacing:2px}
    .ttx{font-size:15px;color:var(--tm);font-style:italic;line-height:1.8;margin-bottom:32px;position:relative;z-index:1}
    .tau{display:flex;align-items:center;gap:16px;margin-top:auto}
    .tav{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--b);box-shadow:0 8px 24px rgba(10,22,40,.08)}
    .tav img{width:100%;height:100%;object-fit:cover}
    .tin strong{display:block;font-size:15px;font-weight:700;color:var(--p)}
    .tin span{font-size:12px;color:var(--tm)}
    .ts-tabs { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }
    .ts-tab { padding: 10px 24px; border-radius: 100px; background: var(--s); border: 1px solid var(--b); color: var(--tm); font-size: 14px; font-weight: 600; cursor: pointer; transition: all .3s; font-family: inherit; }
    .ts-tab:hover, .ts-tab.ts-tab-active { background: var(--ga); color: #fff; border-color: var(--a); box-shadow: 0 6px 20px rgba(26,111,232,.3); transform: translateY(-2px); }
    .ts-verified-tag { font-size: 11px; font-weight: 700; color: var(--a); background: rgba(26,111,232,.08); padding: 4px 12px; border-radius: 100px; width: fit-content; margin-bottom: 12px; }

    /* GALLERY */
    #gl{background:#fff}
    .carousel-3d-container{position:relative;width:100%;height:500px;overflow:hidden;margin-top:20px}
    .carousel-3d{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:1200px}
    .c-item{position:absolute;width:60%;max-width:640px;height:380px;border-radius:20px;overflow:hidden;transition:all .6s cubic-bezier(.25,.8,.25,1);opacity:0;pointer-events:none;box-shadow:0 16px 40px rgba(0,0,0,.15)}
    .c-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}
    .c-active{transform:translateX(0) translateZ(0) rotateY(0);opacity:1;z-index:3;pointer-events:auto;box-shadow:0 24px 60px rgba(0,0,0,.2)}
    .c-next{transform:translateX(35%) translateZ(-150px) rotateY(-15deg);opacity:0.5;filter:blur(3px);z-index:2;pointer-events:auto;cursor:pointer}
    .c-prev{transform:translateX(-35%) translateZ(-150px) rotateY(15deg);opacity:0.5;filter:blur(3px);z-index:2;pointer-events:auto;cursor:pointer}
    .c-hidden{transform:translateX(0) translateZ(-300px);opacity:0;z-index:1}
    .carousel-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:4}
    .carousel-nav button{background:#fff;color:var(--a);border:1px solid var(--b);width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}
    .carousel-nav button:hover{background:var(--a);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,111,232,.3);border-color:var(--a)}

    /* CTA */
    #ct{background:var(--gh);position:relative;overflow:hidden;text-align:center}
    .cbg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(26,111,232,.22) 0%,transparent 60%),radial-gradient(circle at 80% 50%,rgba(200,151,58,.12) 0%,transparent 60%)}
    .cds2{font-size:18px;color:rgba(255,255,255,.65);max-width:580px;margin:0 auto 40px;line-height:1.7}
    .cas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
    .cnt{font-size:13px;color:rgba(255,255,255,.4);margin-top:20px}

    /* FOOTER */
    #ft{background:#06101E;padding:70px 0 0}
    .fgr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}
    .flo{display:flex;align-items:center;gap:12px;margin-bottom:20px}
    .fli{width:42px;height:42px;background:var(--ga);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff}
    .fln{font-size:18px;font-weight:800;color:#fff;letter-spacing:1px}
    .fds{font-size:14px;color:rgba(255,255,255,.45);line-height:1.75;max-width:280px;margin-bottom:28px}
    .fsc{display:flex;gap:12px}
    .fs{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;font-size:15px;transition:all .3s}
    .fs:hover{background:var(--a);color:#fff;border-color:var(--a)}
    .fc h4{font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}
    .fls{list-style:none}.fls li{margin-bottom:12px}
    .fls a{font-size:14px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
    .fls a:hover{color:#fff}
    .fcr{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}
    .fcr a{color:rgba(255,255,255,.5);text-decoration:none}.fcr a:hover{color:#fff}
    .fcr span:first-child{font-size:16px}
    .fbt{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;align-items:center;justify-content:space-between}
    .fbt p{font-size:13px;color:rgba(255,255,255,.35)}
    .fbl{display:flex;gap:24px}
    .fbl a{font-size:13px;color:rgba(255,255,255,.35);text-decoration:none}
    .fbl a:hover{color:rgba(255,255,255,.7)}

    /* FLOATING CONTACT WIDGET & SCROLL TOP */
    .floating-widget {
      position: fixed;
      bottom: 32px;
      right: 32px;
      z-index: 999;
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: center;
    }
    .fw-item {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 800;
      color: #fff;
      text-decoration: none;
      box-shadow: 0 6px 20px rgba(0,0,0,.3);
      transition: all .3s cubic-bezier(.3,1,.3,1);
      border: none;
      cursor: pointer;
      position: relative;
    }
    .fw-item:hover {
      transform: scale(1.15) translateY(-3px);
    }
    .fw-zalo { background: #0068FF; }
    .fw-zoom { background: #2D8CFF; }
    .fw-phone { background: #00C853; }
    #st2{
      width:48px;height:48px;border-radius:50%;background:var(--ga);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sm);cursor:pointer;border:none;opacity:0;transform:scale(0.8);transition:all .3s;font-size:18px;pointer-events:none;
    }
    #st2.vs{opacity:1;transform:scale(1);pointer-events:auto;}
    #st2:hover{transform:translateY(-4px)}

    /* MODALS */
    .modal-wrapper {
      position: fixed;
      inset: 0;
      z-index: 3000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      opacity: 0;
      pointer-events: none;
      transition: opacity .3s ease;
    }
    .modal-wrapper.modal-active {
      opacity: 1;
      pointer-events: auto;
    }
    .modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(10,22,40,0.85);
      backdrop-filter: blur(12px);
    }
    .modal-content {
      position: relative;
      background: #fff;
      border-radius: 24px;
      box-shadow: 0 32px 80px rgba(0,0,0,.45);
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      z-index: 1;
      padding: 36px;
      transform: scale(0.95) translateY(20px);
      transition: transform .4s cubic-bezier(.16,1,.3,1);
    }
    .modal-wrapper.modal-active .modal-content {
      transform: scale(1) translateY(0);
    }
    .modal-md { max-width: 580px; }
    .modal-lg { max-width: 820px; }
    .modal-xl { max-width: 1060px; }
    .modal-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 28px;
      border-bottom: 1px solid var(--b);
      padding-bottom: 20px;
    }
    .modal-header h3 {
      font-size: 22px;
      font-weight: 800;
      color: var(--p);
      line-height: 1.3;
    }
    .modal-close-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--s);
      border: 1px solid var(--b);
      color: var(--tm);
      font-size: 18px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .2s;
      flex-shrink: 0;
    }
    .modal-close-btn:hover {
      background: #ff5b5b;
      color: #fff;
      border-color: #ff5b5b;
    }
    .form-group {
      margin-bottom: 20px;
      text-align: left;
    }
    .form-group label {
      display: block;
      font-size: 14px;
      font-weight: 700;
      color: var(--t);
      margin-bottom: 8px;
    }
    .form-control {
      width: 100%;
      padding: 14px 18px;
      border: 1.5px solid var(--b);
      border-radius: 12px;
      font-family: inherit;
      font-size: 15px;
      color: var(--t);
      background: var(--s);
      transition: all .2s;
    }
    .form-control:focus {
      outline: none;
      border-color: var(--a);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(26,111,232,.12);
    }
    .form-privacy {
      font-size: 12px;
      color: var(--tm);
      text-align: center;
      margin-top: 16px;
    }
    .video-placeholder {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      aspect-ratio: 16/9;
      background: #0A1628;
    }
    .video-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.6;
    }
    .video-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      padding: 24px;
    }
    .play-btn-big {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: var(--gg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      box-shadow: 0 12px 32px rgba(200,151,58,.5);
      margin-bottom: 20px;
      cursor: pointer;
      transition: transform .3s;
    }
    .play-btn-big:hover { transform: scale(1.1); }

    /* ANIM */
    .fu{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
    .fu.in{opacity:1;transform:translateY(0)}
    .fd1{transition-delay:.1s}.fd2{transition-delay:.2s}.fd3{transition-delay:.3s}
    
    /* RESPONSIVE */
    @media(max-width:1100px){.tgr{grid-template-columns:320px 1fr;gap:50px}.fgr{grid-template-columns:1fr 1fr;gap:40px}}
    @media(max-width:900px){
      .nls, .nbs{display:none}
      .btn-ham{display:flex}
      .hct{flex-direction:column;text-align:center}
      .hct > div:first-child{max-width:100%}
      .hst{justify-content:center}
      .hac{justify-content:center}
      .hv{flex:1 1 auto;width:100%;max-width:340px;margin:30px auto 0;justify-content:center}
      .agr{grid-template-columns:repeat(2,1fr)}
      .wgr{display:flex;flex-direction:column;gap:40px}
      .wls{grid-template-columns:1fr}
      .wim-new{grid-template-columns:1fr;order:-1}
      .cgr{grid-template-columns:1fr}
      .cc.ft{grid-column:span 1;display:flex;flex-direction:column}.cc.ft .cim img{height:230px}
      .bgr{grid-template-columns:1fr 1fr}
      .tgr{grid-template-columns:1fr}.tiw{max-width:400px;margin:0 auto}
      .tsg{grid-template-columns:1fr 1fr}
      .carousel-3d-container{height:300px}
      .c-item{width:80%;height:200px}
      .c-next{transform:translateX(20%) translateZ(-100px) rotateY(-15deg)}
      .c-prev{transform:translateX(-20%) translateZ(-100px) rotateY(15deg)}
    }
    @media(max-width:640px){
      .sc{padding:70px 0}
      .agr,.cgr,.bgr,.tsg{grid-template-columns:1fr}
      .cc.ft{grid-column:span 1}.hst{flex-wrap:wrap;gap:20px}
      .fgr{grid-template-columns:1fr;gap:32px}.fbt{flex-direction:column;gap:12px;text-align:center}
      .cas{flex-direction:column;align-items:center}
      .modal-content{padding:24px}
      .floating-widget{bottom:20px;right:20px;gap:10px}
      .fw-item{width:42px;height:42px;font-size:11px}
      #st2{width:42px;height:42px;font-size:16px}
    }