@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
    :root{
      --bg:#F4F7FB; --card:#FFFFFF;
      --ink:#0F1C2E; --ink-soft:#2D3F55; --ink2:#2D3F55; --slate:#4A6080; --slate-light:#7A95B0; --slate2:#7A95B0;
      --mist:#EDF2F7; --mist-dark:#D8E3EE;
      --amber:#178ECE; --amber-pale:#eff9ff; --amber-dark:#178ECE;
      --indigo:#4361C2; --indigo-pale:#EDF0FB; --indigo-light:#6B84D8;
      --crimson:#C0392B;
      --r:12px; --r2:18px;
      --sh:0 2px 12px rgba(15,28,46,.07); --sh2:0 6px 24px rgba(15,28,46,.11);
      --t:.22s cubic-bezier(.4,0,.2,1);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:15px}
    body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.58;}
    .container{max-width:1080px;margin:0 auto;padding:0 22px}
    /* ::-webkit-scrollbar{width:5px}
    ::-webkit-scrollbar-track{background:rgba(23,142,206,.08)}
    ::-webkit-scrollbar-thumb{background:var(--amber);border-radius:99px} */
    .scroll-bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:linear-gradient(90deg,var(--amber),var(--indigo))}
    header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(15,28,46,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);transition:box-shadow var(--t)}
    header.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.25)}
    .nav{display:flex;align-items:center;justify-content:space-between;height:56px}
    .brand{display:flex;align-items:center;gap:9px;text-decoration:none}
    .brand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .brand-divider{width:1px;height:16px;background:rgba(255,255,255,.2)}
    .brand-sub{font-size:.72rem;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.2px}
    .nav-links{display:flex;gap:2px;list-style:none;align-items:center}
    .nav-links a{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.7);text-decoration:none;padding:5px 12px;border-radius:99px;transition:background var(--t),color var(--t)}
    .nav-links a:hover{background:rgba(255,255,255,.10);color:#fff}
    .nav-cta{background:linear-gradient(135deg,var(--amber),var(--amber-dark)) !important;color:#fff !important;padding:5px 16px !important;box-shadow:0 3px 10px rgba(23,142,206,.4)}
    .nav-cta:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(23,142,206,.5)}
    .breadcrumb-bar{background:#0F1C2E;border-bottom:1px solid rgba(255,255,255,.08);padding:9px 0;margin-top:56px}
    .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.73rem;color:rgba(255,255,255,.55)}
    .breadcrumb a{color:var(--amber);text-decoration:none;font-weight:600}
    .breadcrumb a:hover{text-decoration:underline}
    .breadcrumb-sep{color:rgba(255,255,255,.25)}
    .hero{padding:74px 0 34px;background:linear-gradient(135deg,rgba(15,28,46,.91) 0%,rgba(15,28,46,.76) 45%,rgba(15,28,46,.89) 100%),url('https://images.unsplash.com/photo-1531482615713-2afd69097998?w=1400&q=80&fit=crop') center/cover no-repeat;position:relative;overflow:hidden}
    .hero::before{content:'';position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(23,142,206,.14),transparent 65%);pointer-events:none}
    .hero::after{content:'';position:absolute;bottom:-90px;left:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(67,97,194,.14),transparent 70%);pointer-events:none}
    .hero-inner{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:center;position:relative;z-index:1}
    .hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgb(28 42 62);border:1px solid rgb(60 72 94);color:#6adcb1;font-size:.67rem;font-weight:700;letter-spacing:.9px;text-transform:uppercase;padding:4px 12px;border-radius:99px;margin-bottom:12px}
    .hero-eyebrow-dot{width:6px;height:6px;background:#6adcb1;border-radius:50%;animation:blink 2s infinite}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
    h1{font-family:'Inter',sans-serif;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:950;line-height:1.15;letter-spacing:-.6px;margin-bottom:10px;color:#fff !important; }
    h1 .accent{color:var(--amber)}
    .tagline{font-size:1.02rem;color:rgba(255,255,255,.85);max-width:680px;line-height:1.42;margin-bottom:10px;font-weight:850}
    .sub{font-size:.86rem;color:rgba(255,255,255,.62);max-width:820px;line-height:1.65;margin-bottom:18px}
    .actions{display:flex;gap:10px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:999px;font-size:.83rem;font-weight:950;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--t),box-shadow var(--t),background var(--t),border-color var(--t),color var(--t);font-family:inherit}
    .btn-primary{background:linear-gradient(135deg,var(--amber),var(--amber-dark));color:#fff;box-shadow:0 4px 16px rgba(23,142,206,.35)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(23,142,206,.45)}
    .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.20);color:#fff}
    .btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
    .side{background:rgba(255,255,255,.70);border:1px solid rgba(11,18,32,.10);border-radius:var(--r2);padding:18px 16px;box-shadow:var(--sh2);position:relative;overflow:hidden;backdrop-filter:blur(10px)}
    .side::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--amber),var(--indigo),#0F172A)}
    .side-title{font-size:.65rem;font-weight:950;color:var(--slate2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
    .side-list{list-style:none;display:flex;flex-direction:column;gap:9px}
    .side-list li{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:var(--ink2);font-weight:750}
    .ico{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,rgba(23,142,206,.14),rgba(176,141,87,.16));color:var(--amber-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}
    section{padding: 60px 0 !important;}
    .s-tag{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--amber-dark);background:var(--amber-pale);border:1px solid rgba(23,142,206,.18);padding:3px 10px;border-radius:999px;margin-bottom:6px}
    .s-title{font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800;letter-spacing:-.5px;margin-bottom:4px}
    .s-sub{font-size:.86rem;color:var(--slate);max-width:860px;line-height:1.65;margin-bottom:14px}
    .center{text-align:center}
    .center .s-sub{margin-left:auto;margin-right:auto}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .card{background:var(--card);border:1px solid rgba(11,18,32,.10);border-radius:var(--r);padding:16px 16px;box-shadow:var(--sh);transition:transform var(--t),box-shadow var(--t),border-color var(--t);position:relative;overflow:hidden}
    .card:hover{transform:translateY(-2px);box-shadow:var(--sh2);border-color:rgba(23,142,206,.22)}
    .card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
    .card:hover::after{transform:scaleX(1)}
    .card h3{font-size:.92rem;font-weight:950;color:var(--ink);margin-bottom:6px;display:flex;align-items:center;gap:8px}
    .cico{width:28px;height:28px;border-radius:9px;background:rgba(23,142,206,.10);color:var(--amber-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}
    .card p{font-size:.8rem;color:var(--slate);line-height:1.6}
    .list{list-style:none}
    .list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(11,18,32,.08)}
    .list li:last-child{border-bottom:none}
    .tick{width:22px;height:22px;border-radius:8px;background:rgba(23,142,206,.10);color:var(--amber-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:950}
    .li-main{font-size:.82rem;color:var(--ink2);font-weight:850}
    .li-sub{font-size:.78rem;color:var(--slate);margin-top:1px;line-height:1.55}
    .cta{background:linear-gradient(135deg,var(--ink) 0%,#1a3050 100%);padding:60px 0;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
    .cta::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(23,142,206,.18),transparent 65%);pointer-events:none}
    .cta h2{font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:800;color:#fff;margin-bottom:8px;position:relative}
    .cta p{color:rgba(255,255,255,.72);font-size:.88rem;max-width:760px;margin:0 auto 16px;line-height:1.6;position:relative}
    .cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
    .btn-cta-p{background:linear-gradient(135deg,var(--amber),var(--amber-dark));color:#fff;box-shadow:0 8px 24px rgba(23,142,206,.30)}
    .btn-cta-p:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(23,142,206,.40)}
    .btn-cta-g{background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.18)}
    .btn-cta-g:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
    .cta-bg{position:absolute;inset:0;pointer-events:none}
    .cta-bg .cb1,.cta-bg .cb2{position:absolute;border-radius:50%}
    .cta-bg .cb1{top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(23,142,206,.14) 0%,transparent 70%)}
    .cta-bg .cb2{bottom:-40px;left:5%;width:200px;height:200px;background:radial-gradient(circle,rgba(67,97,194,.12) 0%,transparent 70%)}
    .cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
    .cta-headline{font-size:clamp(1.2rem,2.3vw,1.65rem);font-weight:800;color:#fff;margin-bottom:8px}
    .cta-sub{font-size:1rem;color:rgba(255,255,255,.6);max-width:400px;margin-bottom:14px;line-height:1.65}
    .cta-email{display:inline-flex;align-items:center;gap:7px;color:var(--amber);font-size:.9rem;font-weight:600;text-decoration:none;margin-right:14px}
    .cta-email:hover{text-decoration:underline}
    .cta-note{font-size:.78rem;color:rgba(255,255,255,.3);margin-top:8px}
    .cta-form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:26px 24px;backdrop-filter:blur(8px)}
    .cta-form{display:flex;flex-direction:column;gap:11px}
    .cta-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .cta-field{display:flex;flex-direction:column;gap:4px}
    .cta-label{font-size:.67rem;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase}
    .cta-input,.cta-select,.cta-textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 13px;font-size:.875rem;color:#fff;font-family:inherit;outline:none;width:100%}
    .cta-input:focus,.cta-select:focus,.cta-textarea:focus{border-color:var(--amber);background:rgba(255,255,255,.1)}
    .cta-select{cursor:pointer;appearance:none}
    .cta-select option{background:#0F1C2E;color:#fff}
    .cta-textarea{resize:vertical;min-height:80px;line-height:1.55}
    .cta-submit{background:linear-gradient(135deg,var(--amber),var(--amber-dark));color:#fff;border:none;border-radius:99px;padding:11px 28px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;align-self:center;margin-top:4px}
    .cta-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(23,142,206,.4)}
    @media (max-width:900px){.cta-inner{grid-template-columns:1fr}}
    footer{background:#080F18;border-top:1px solid rgba(255,255,255,.05);padding:20px 0}
    .footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
    .footer-brand{font-weight:500;font-size:.95rem;color:#fff}
    .footer-links{display:flex;gap:14px}
    .footer-links a{font-size:1rem;color:rgba(255,255,255,.50);text-decoration:none;transition:color var(--t)}
    .footer-links a:hover{color:var(--amber)}
    .footer-copy{font-size:1rem;color:rgba(255,255,255,.3)}
    .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @media (max-width: 980px){
      .hero-inner{grid-template-columns:1fr}
      .side{max-width:480px}
      .grid-3{grid-template-columns:1fr}
      .nav-links{display:none}
    }
    @media (max-width: 600px){
      .container{padding:0 16px}
      .hero{padding:68px 0 28px}
      section{padding:22px 0}
    }
    @keyframes hcard-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    .hcard-floating{animation:hcard-float 5s ease-in-out infinite}
    @keyframes hcard-stripe{0%{background-position:0 0}100%{background-position:300% 0}}
    .side::before,.hero-card::before{background:linear-gradient(90deg,#178ECE,#178ECE,#4361C2,#178ECE,#178ECE)!important;background-size:300% 100%!important;animation:hcard-stripe 3.5s linear infinite}
                     #fulltitle{
    display: none;
  }

  input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], textarea{
    min-width: 100%;
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.32) !important;
  }