:root{
    --purple:#7C3AED;
    --purple-dark:#5b21b6;
    --purple-light:#ede9fe;
    --ink:#15101f;
    --muted:#6b6377;
    --line:#ece8f2;
    --bg:#ffffff;
    --soft:#faf8ff;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    color:var(--ink);
    background:var(--bg);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1, h2 {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; font-weight:600 !important;font-size:44px !important];}
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none !important;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

  /* nav */
  header.navigation{
    position:sticky;top:0;z-index:50;
    backdrop-filter:saturate(160%) blur(12px);
    background:rgba(255,255,255,0.82);
    border-bottom:1px solid var(--line);
  }
  a.btn btn-primary {}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em;}
  .brand .mark{
    width:34px;height:34px;border-radius:9px;
    background:linear-gradient(135deg,var(--purple),#a855f7);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:800;font-size:18px;
    box-shadow:0 6px 16px rgba(124,58,237,.35);
  }
  .brand span.k{color:var(--purple);}
  .nav-links{display:flex;align-items:center;gap:30px;}
  .nav-links a{font-size:14px;color:var(--muted);font-weight:500;}
  .nav-links a:hover{color:var(--ink);}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-weight:600;font-size:15px;border-radius:11px;padding:12px 22px;
    cursor:pointer;border:none;transition:transform .15s ease,box-shadow .2s ease;
    white-space:nowrap;
  }
  .btn-primary{background:var(--purple) !important;color:#fff;box-shadow:0 10px 24px rgba(124,58,237,.32) !important;border-color:var(--purple) !important;}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(124,58,237,.42);}
  .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line) !important;}
  .btn-ghost:hover{border-color:var(--purple) !important !important;color:var(--purple);}
  .btn-light{background:#fff;color:var(--purple);}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;}
  .menu-btn span{width:24px;height:2px;background:var(--ink);border-radius:2px;}

  /* hero */
  .hero{position:relative;overflow:hidden;padding:80px 0 90px;}
  .hero::before{
    content:"";position:absolute;top:-180px;right:-160px;width:560px;height:560px;
    background:radial-gradient(circle,rgba(124,58,237,.22),transparent 65%);z-index:0;
  }
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:1;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--purple-light);color:var(--purple-dark);
    font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;margin-bottom:24px;
    letter-spacing:.01em;
  }
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--purple);}
  h1{
    font-size:clamp(38px,5.2vw,54px) !important;line-height:1.04;letter-spacing:-.035em;font-weight:600 !important;
    margin-bottom:22px;
  }
  h1 .grad{
    background:linear-gradient(110deg,var(--purple),#c084fc);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
  .sub{font-size:19px;color:var(--muted);max-width:520px;margin-bottom:34px;}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
  .hero-note{margin-top:20px;font-size:13px;color:var(--muted);}

  .hero-visual{position:relative;}
  .hero-shot{
    border-radius:20px;overflow:hidden;border:1px solid var(--line);
    box-shadow:0 40px 80px -28px rgba(60,20,120,.4),0 12px 28px rgba(60,20,120,.14);
    transform:rotate(-1.2deg);
  }
  .hero-float{
    position:absolute;bottom:-26px;left:-26px;background:#fff;border-radius:15px;
    padding:14px 18px;box-shadow:0 24px 50px -16px rgba(60,20,120,.32);
    border:1px solid var(--line);display:flex;gap:12px;align-items:center;max-width:240px;
  }
  .hero-float .ic{width:40px;height:40px;border-radius:11px;background:var(--purple-light);
    display:flex;align-items:center;justify-content:center;color:var(--purple);font-weight:800;flex-shrink:0;}
  .hero-float small{color:var(--muted);font-size:12px;}
  .hero-float strong{display:block;font-size:14px;}

  /* reveal animation - safe (ends visible, no JS dependency) */
  @keyframes rise{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}
  .reveal{animation:rise .8s cubic-bezier(.2,.7,.3,1) both;}
  .reveal.d1{animation-delay:.08s;}
  .reveal.d2{animation-delay:.16s;}
  .reveal.d3{animation-delay:.24s;}
  @media(prefers-reduced-motion:reduce){.reveal{animation:none;}}

  /* trust */
  .trust{padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);}
  .trust p{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;font-weight:600;}
  .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 46px;align-items:center;}
  .logo-ph{
    font-weight:800;font-size:18px;color:#bdb6cb;letter-spacing:-.02em;
    display:flex;align-items:center;gap:8px;opacity:.85;
  }
  .logo-ph .sq{width:18px;height:18px;border-radius:5px;background:#d8d2e6;}

  /* sections */
  section{padding:96px 0;}
  .sec-head{max-width:680px;margin-bottom:56px;}
  .tag{font-size:13px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;}
  h2{font-size:clamp(30px,3.8vw,44px) !important;line-height:1.08;letter-spacing:-.03em;font-weight:600 !important;margin-bottom:18px;}
  .sec-head p{font-size:18px;color:var(--muted);}

  /* problem */
  .problem{background:var(--soft);}
  .prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .prob-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;}
  .prob-card .x{
    width:42px;height:42px;border-radius:12px;background:#fdecef;color:#e0395a;
    display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px;font-size:20px;
  }
  .prob-card h3{font-size:18px;margin-bottom:8px;letter-spacing:-.01em;}
  .prob-card p{color:var(--muted);font-size:15px;}
  .prob-bridge{margin-top:46px;text-align:center;font-size:22px;font-weight:600;letter-spacing:-.02em;}
  .prob-bridge .grad{background:linear-gradient(110deg,var(--purple),#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

  /* benefit rows */
  .benefit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:110px;}
  .benefit:last-child{margin-bottom:0;}
  .benefit.flip .b-text{order:2;}
  .b-text .tag{margin-bottom:14px;}
  .b-text h3{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.03em;line-height:1.1;margin-bottom:18px;font-weight:600 !important;}
  .b-text p{font-size:17px;color:var(--muted);margin-bottom:22px;}
  .b-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
  .b-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;}
  .b-list .ck{
    width:22px;height:22px;border-radius:7px;background:var(--purple-light);color:var(--purple);
    display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;margin-top:1px;
  }
  .b-visual{
    border-radius:18px;overflow:hidden;border:1px solid var(--line);
    box-shadow:0 30px 60px -24px rgba(60,20,120,.34);
    background:var(--soft);
  }
  .b-visual.dark-frame{background:#0f0a1c;padding:0;}

  /* who for */
  .who{background:linear-gradient(180deg,#fff,var(--soft));}
  .who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .who-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;}
  .who-card .ic{width:44px;height:44px;border-radius:12px;background:var(--purple-light);color:var(--purple);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px;}
  .who-card h4{font-size:17px;margin-bottom:7px;letter-spacing:-.01em;}
  .who-card p{font-size:14px;color:var(--muted);}

  /* how */
  .how{background:linear-gradient(160deg,#1a1030,#2a1454 60%,#3b1c6e);color:#fff;}
  .how .sec-head h2{color:#fff;}
  .how .sec-head p{color:#c9bfe0;}
  .how .tag{color:#c084fc;}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:32px;}
  .step .n{
    width:46px;height:46px;border-radius:12px;
    background:linear-gradient(135deg,var(--purple),#a855f7);
    display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin-bottom:20px;
    box-shadow:0 8px 20px rgba(124,58,237,.5);
  }
  .step h4{font-size:20px;margin-bottom:10px;letter-spacing:-.02em;}
  .step p{color:#c9bfe0;font-size:15px;}

  /* pricing */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
  .price-card{border:1px solid var(--line);border-radius:20px;padding:34px 30px;display:flex;flex-direction:column;background:#fff;}
  .price-card.feat{border:2px solid var(--purple);box-shadow:0 30px 60px -28px rgba(124,58,237,.5);position:relative;}
  .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;}
  .price-card h4{font-size:18px;margin-bottom:6px;}
  .price-card .pdesc{font-size:14px;color:var(--muted);margin-bottom:22px;min-height:42px;}
  .amount{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;}
  .amount small{font-size:15px;font-weight:500;color:var(--muted);}
  .ph-price{font-size:12px;color:var(--purple);font-weight:600;margin:6px 0 24px;}
  .feat-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;flex:1;}
  .feat-list li{display:flex;gap:10px;font-size:14px;color:#3a3347;}
  .feat-list .ck{color:var(--purple);font-weight:800;flex-shrink:0;}

  /* testimonials */
  .tst{background:var(--soft);}
  .tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .tst-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;}
  .tst-card .quote{font-size:16px;line-height:1.6;margin-bottom:24px;color:#2c2638;}
  .tst-who{display:flex;align-items:center;gap:12px;}
  .tst-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--purple),#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
  .tst-who small{display:block;color:var(--muted);font-size:13px;}
  .ph-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a99fc0;background:#f2eefb;padding:3px 9px;border-radius:6px;margin-bottom:16px;}

  /* faq */
  .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 44px;}
  .faq-item{border-bottom:1px solid var(--line);padding-bottom:18px;}
  .faq-item h4{font-size:17px;margin-bottom:8px;letter-spacing:-.01em;}
  .faq-item p{color:var(--muted);font-size:15px;}

  /* closing */
  .closing{
    background:linear-gradient(135deg,var(--purple),#9333ea 55%,#a855f7);
    color:#fff;border-radius:28px;padding:70px 40px;text-align:center;
    box-shadow:0 40px 80px -30px rgba(124,58,237,.55);position:relative;overflow:hidden;
    margin:0 auto 110px;
  }
  .closing::after{content:"";position:absolute;bottom:-120px;left:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);}
  .closing h2{color:#fff;font-size:clamp(30px,4vw,46px);margin-bottom:16px;position:relative;}
  .closing p{color:rgba(255,255,255,.9);font-size:19px;max-width:520px;margin:0 auto 32px;position:relative;}
  .closing .hero-cta{justify-content:center;position:relative;}

  /* footer */
  footer{border-top:1px solid var(--line);padding:50px 0 40px;}
  .foot-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;align-items:flex-start;}
  .foot-cols{display:flex;gap:64px;flex-wrap:wrap;}
  .foot-col h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;}
  .foot-col a{display:block;font-size:14px;color:#3a3347;margin-bottom:10px;}
  .foot-col a:hover{color:var(--purple);}
  .foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}

  @media(max-width:980px){
    .hero-grid{grid-template-columns:1fr;gap:50px;}
    .benefit{grid-template-columns:1fr;gap:32px;margin-bottom:72px;}
    .benefit.flip .b-text{order:0;}
    .prob-grid,.steps,.price-grid,.tst-grid,.who-grid{grid-template-columns:1fr 1fr;}
    .faq-grid{grid-template-columns:1fr;}
  }
  @media(max-width:680px){
    .nav-links{display:none;}
    .nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line);gap:18px;}
    .menu-btn{display:flex;}
    .nav-cta .btn-ghost{display:none;}
    section{padding:64px 0;}
    .prob-grid,.steps,.price-grid,.tst-grid,.who-grid{grid-template-columns:1fr;}
    .closing{padding:50px 24px;border-radius:20px;}
  }
  .about-section{
    position:relative;
    padding:100px 0px 60px 0px;
    overflow:hidden;
    background:linear-gradient(180deg,#f8f8ff,#ffffff);
    }
    
    .container{
    width:90%;
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
    }
    
    .about-header{
    text-align:center;
    max-width:900px;
    margin:auto;
    margin-bottom:30px;
    }
    
    .about-header span{
    display:inline-block;
    padding:10px 25px;
    background:#6f42c1;
    color:#fff;
    border-radius:30px;
    font-size:18px;
    font-weight:500;
    letter-spacing:2px;
    margin-bottom:25px;
    }
    
    .about-header h2{
    font-size:42px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:25px;
    }
    
    .about-header p{
    font-size:17px;
    line-height:1.9;
    color:#666;
    }
    
    .about-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    }
    
    .about-card{
    
    background:rgba(255,255,255,.8);
    backdrop-filter:blur(12px);
    padding:45px 35px;
    border-radius:25px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
    
    opacity:0;
    transform:translateY(60px);
    
    }
    
    .about-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:#6f42c1;
    transform:scaleX(0);
    transition:.4s;
    }
    
    .about-card:hover{
    transform:translateY(-12px);
    }
    
    .about-card:hover::before{
    transform:scaleX(1);
    }
    
    .icon{
    width:80px;
    height:80px;
    background:#efe7ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
    }
    
    .icon i{
    font-size:34px;
    color:#6f42c1;
    }
    
    .about-card h3{
    margin-bottom:18px;
    font-size:24px;
    }
    
    .about-card p{
    line-height:1.9;
    color:#666;
    }
    
    .shape{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    }
    
    .shape1{
    width:320px;
    height:320px;
    background:#d8b4fe;
    left:-100px;
    top:-80px;
    }
    
    .shape2{
    width:280px;
    height:280px;
    background:#b794f4;
    right:-80px;
    bottom:-60px;
    }
    
    .about-card.active{
    opacity:1;
    transform:translateY(0);
    transition:1s;
    }
    
    @media(max-width:991px){
    
    .about-grid{
    grid-template-columns:1fr;
    }
    
    .about-header h2{
    font-size:32px;
    }
    
    }
    
    @media(max-width:576px){
    
    .about-section{
    padding:70px 0;
    }
    
    .about-header h2{
    font-size:28px;
    }
    
    .about-header p{
    font-size:15px;
    }
    
    .about-card{
    padding:35px 25px;
    }
    
    }

    .stats-section{
        padding:60px 0;
    }
    
    .section-title{
        text-align:center;
        max-width:850px;
        margin:0 auto 50px;
    }
    
    .section-title h2{
        font-size:42px;
        line-height:1.3;
        font-weight:700;
        margin-bottom:25px;
    }
    
    .section-title p{
        color:#555;
        line-height:1.9;
        font-size:17px;
    }
    
    /* Grid */
    
    .stats-grid{
    
        display:grid;
        grid-template-columns:repeat(3,1fr);
    
        border:1px solid #e5e5e5;
    }
    
    .stat-box{
    
        display:flex;
        align-items:center;
        gap:18px;
    
        padding:30px;
    
        border-right:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
    
        transition:.35s;
    }
    
    .stat-box:nth-child(3),
    .stat-box:nth-child(6){
        border-right:none;
    }
    
    .stat-box:nth-child(4),
    .stat-box:nth-child(5),
    .stat-box:nth-child(6){
        border-bottom:none;
    }
    
    .stat-box:hover{
        background:#faf8ff;
    }
    
    .stat-box img{
    
        width:52px;
    }
    
    .content span{
    
        display:block;
        font-size:40px;
        color:#222;
        margin-bottom:5px;
    }
    
    .content h3{
        display: flex;
        font-size:50px;
        line-height:1;
        font-weight:700;
        color:#222;
        align-items: center;
    }

    .iframe-st iframe {
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 2px 0px;
    }

    .iframe-st {
        padding-bottom: 70px;
    }
    
    .content p{
    
        margin-top:8px;
        font-size:28px;
        font-weight:500;
        line-height:1.3;
    }
    
    /* Certificates */
    
    .certificates{
    
        margin-top:60px;
    
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:40px;
    }
    
    .certificates h3{
    
        font-size:42px;
        font-weight:500;
    }
    
    .certificate-logos{
    
        display:flex;
        align-items:center;
        gap:25px;
        flex-wrap:wrap;
    }
    
    .certificate-logos img{
    
        height:65px;
        width:auto;
        transition:.3s;
    }
    
    .certificate-logos img:hover{
    
        transform:scale(1.08);
    }
    
    /* Responsive */
    
    @media(max-width:991px){
    
    .stats-grid{
    grid-template-columns:repeat(2,1fr);
    }
    
    .stat-box{
    border-right:1px solid #e5e5e5 !important;
    border-bottom:1px solid #e5e5e5 !important;
    }
    
    .stat-box:nth-child(even){
    border-right:none !important;
    }
    
    .certificates{
    flex-direction:column;
    text-align:center;
    }
    
    .section-title h2{
    font-size:34px;
    }
    
    }
    
    @media(max-width:767px){
    
    .stats-grid{
    grid-template-columns:1fr;
    }
    
    .stat-box{
    border-right:none !important;
    }
    
    .section-title h2{
    font-size:28px;
    }
    
    .content h3{
    font-size:42px;
    }
    
    .content p{
    font-size:22px;
    }
    
    .certificates h3{
    font-size:28px;
    }
    
    .certificate-logos{
    justify-content:center;
    }
    
    }

    .core-values{
        padding:0px 0px 60px 0;
    }
    
    .section-heading{
        text-align:center;
        margin-bottom:55px;
    }
    
    .section-heading h2{
    
        font-size:42px;
        font-weight:700;
        line-height:1.35;
    }
    
    .values-grid{
    
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:28px;
    }
    
    .value-card{
    
        background:#fff;
    
        border-top:5px solid #6c2bd9;
    
        border-radius:10px;
    
        padding:38px;
    
        min-height:260px;
    
        box-shadow:0 8px 25px rgba(0,0,0,.08);
    
        transition:.35s ease;
    
        position:relative;
    
        overflow:hidden;
    
    }
    
    .value-card::before{
    
        content:"";
    
        position:absolute;
    
        left:0;
    
        top:0;
    
        width:100%;
    
        height:100%;
    
        background:linear-gradient(135deg,#6c2bd9,#8c52ff);
    
        transform:scaleY(0);
    
        transform-origin:top;
    
        transition:.45s;
    
        z-index:0;
    
    }
    
    .value-card>*{
        position:relative;
        z-index:2;
    }
    
    .value-card h3{
    
        font-size:34px;
    
        margin-bottom:22px;
    
        font-weight:600;
    
    }
    
    .value-card p{
    
        color:#555;
    
        line-height:1.9;
    
        font-size:16px;
    
    }
    
    .value-card:hover{
    
        transform:translateY(-8px);
    
    }
    
    .value-card:hover::before{
    
        transform:scaleY(1);
    
    }
    
    .value-card:hover h3,
    .value-card:hover p{
    
        color:#fff;
    
    }
    
    @media(max-width:992px){
    
    .values-grid{
    
    grid-template-columns:1fr;
    
    }
    
    .section-heading h2{
    
    font-size:34px;
    
    }
    
    }
    
    @media(max-width:576px){
    
    .core-values{
    
    padding:60px 0;
    
    }
    
    .section-heading h2{
    
    font-size:28px;
    
    }
    
    .value-card{
    
    padding:25px;
    
    min-height:auto;
    
    }
    
    .value-card h3{
    
    font-size:26px;
    
    }
    
    .value-card p{
    
    font-size:15px;
    
    }
    
    }

    .value-card{
        opacity:1;
        transform:translateY(10px);
    }
    
    .value-card.show{
        opacity:1;
        transform:translateY(0);
        transition:0.8s;
    }

    .icon img {
        padding: 15px;;
    }

    /* .delete-account-section{

        padding:70px 0px;
    
    } */
    
    /* .container{
    
        max-width:900px;
        margin:auto;
    
    } */
    
    .intro,
    .developer,
    .description{
    
        font-size:17px;
        line-height:1.9;
        color:#555;
        margin-bottom:25px;
    
    }
    
    .developer a,
    .step-card a{
    
        color:#6c3cff;
        text-decoration:none;
    
    }
    
    .developer a:hover,
    .step-card a:hover{
    
        text-decoration:underline;
    
    }
    
    h2{
    
        font-size:38px;
        margin:45px 0 20px;
        font-weight:700;
    
    }
    
    .step-card{
    
        background:#fff;
    
        border:1px solid #e2e8f0;
    
        border-radius:14px;
    
        padding:28px;
    
        margin-bottom:24px;
    
        transition:.35s;
    
        box-shadow:0 5px 15px rgba(0,0,0,.04);
    
    }
    
    .step-card:hover{
    
        transform:translateY(-4px);
    
        box-shadow:0 15px 30px rgba(0,0,0,.08);
    
    }
    
    .step-card h3{
    
        font-size:22px;
    
        margin-bottom:12px;
    
        color:#222;
    
    }
    
    .step-card p{
    
        font-size:17px;
    
        color:#555;
    
        line-height:1.8;
    
    }
    
    .delete-btn{
    
        display:inline-flex;
    
        align-items:center;
    
        gap:10px;
    
        background:#6c3cff;
    
        color:#fff;
    
        text-decoration:none;
    
        padding:18px 32px;
    
        border-radius:12px;
    
        font-weight:600;
    
        transition:.3s;
    
        margin-top:15px;
    
    }
    
    .delete-btn:hover{
    
        background:#5227d7;
    
        transform:translateY(-3px);
    
    }
    
    @media(max-width:768px){
    
        h2{
            font-size:30px;
        }
    
        .step-card{
            padding:22px;
        }
    
        .delete-btn{
    
            width:100%;
    
            justify-content:center;
        }
        label{
    
        font-size:13px !important;
    
    }
    
    }

    /*new css*/

    .subtitle{

        color:#5f6b85;
        margin-bottom:25px;
        font-size:15px;
        line-height:1.6;
    
    }
    
    .card-grid{
    
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    
    }
    
    .card{
    
        background:#fff;
        border:1px solid #d9e2ef;
        border-radius:10px;
        padding:22px;
    
    }
    
    .card h4{
    
        color:#ef4444;
        font-size:13px;
        margin-bottom:18px;
        letter-spacing:.5px;
    
    }
    
    .orange{
    
        color:#f59e0b;
    
    }
    
    .card ul{
    
        padding-left:18px;
    
    }
    
    .card li{
    
        margin-bottom:12px;
        color:#3f4d67;
        font-size:15px;
        line-height:1.5;
    
    }
    
    .table-wrapper{
    
        background:#fff;
        border:1px solid #d9e2ef;
        border-radius:10px;
        overflow:hidden;
    
    }
    
    table{
    
        width:100%;
        border-collapse:collapse;
    
    }
    
    thead{
    
        background:#fafbfc;
    
    }
    
    th{
    
        text-align:left;
        padding:16px;
        font-size:14px;
        border-bottom:1px solid #e5e9f2;
    
    }
    
    td{
    
        padding:16px;
        border-bottom:1px solid #edf0f5;
        font-size:14px;
    
    }
    
    tbody tr:last-child td{
    
        border-bottom:none;
    
    }
    
    .info-list{
    
        padding-left:18px;
    
    }
    
    .info-list li{
    
        margin-bottom:20px;
        line-height:1.8;
        color:#49546b;
    
    }
    
    .footer-text{
    
        color:#49546b;
        line-height:1.8;
    
    }
    
    a{
    
        color:#5B4BFF;
        text-decoration:none;
    
    }
    
    a:hover{
    
        text-decoration:underline;
    
    }
    
    @media(max-width:768px){
    
    .card-grid{
    
    grid-template-columns:1fr;
    
    }
    
    body{
    
    padding:20px;
    
    }
    
    h2{
    
    font-size:24px;
    
    }
    
    }

    /*form*/
    
    .form-group{

        display:flex;
        flex-direction:column;
    
    }
    
    label{
    
        font-size:16px;
        color:#3300cc;
        font-weight:500;
        margin-bottom:10px;
    
    }
    
    label span{
    
        color:#333;
    
    }
    
    input,
    textarea{
    
        width:100%;
        border:1px solid #d7d7d7;
        border-radius:5px;
        padding:14px 16px;
        font-size:15px;
        outline:none;
        transition:.3s;
    
    }
    
    input{
    
        height:45px;
    
    }
    
    textarea{
    
        resize:vertical;
        min-height:120px;
    
    }
    
    input:focus,
    textarea:focus{
    
        border-color:#5b21ff;
    
    }
    
    .full{
    
        margin-bottom:22px;
    
    }
    
    .checkbox-box{
    
        border:1px solid #d7d7d7;
        border-radius:5px;
        padding:20px 0px 0px 0px;
        margin-bottom:18px;
    
    }
    
    .checkbox{
    
        display:flex;
        align-items:flex-start;
        gap:12px;
        cursor:pointer;
        line-height:1.6;
        color:#333;
        font-size:15px;
    
    }
    
    .checkbox input{
    
        width:18px;
        height:18px;
        margin-top:4px;
    
    }
    
    .captcha{
    
        width:300px;
        height:78px;
        border:1px solid #d9d9d9;
        border-radius:4px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:14px;
        margin-bottom:18px;
        background:#fff;
    
    }
    
    .captcha-check{
    
        width:28px;
        height:28px;
        border:2px solid #555;
    
    }
    
    .captcha-text{
    
        flex:1;
        margin-left:12px;
        font-size:18px;
    
    }
    
    .captcha-logo{
    
        text-align:center;
        font-size:10px;
        color:#666;
    
    }
    
    .logo{
    
        width:32px;
        height:32px;
        background:#4f7ef7;
        border-radius:50%;
        margin:auto auto 4px;
    
    }
    
    .btn-submit{
    
        background:#5b17d9 !important;
        color:#fff !important;
        border:none !important;
        border-radius:4px !important;
        padding:10px 30px !important;
        font-size:18px !important;
        font-weight:600 !important;
        cursor:pointer !important;
        transition:.3s !important;
    
    }
    
    .btn-submit:hover{
    
        background:#4812b5 !important;
    
    }
    
    /*success message*/

    .success-message{
        display:none;
        margin-top:20px;
        padding:18px;
        background:#e8f8ec;
        border-left:5px solid #28a745;
        color:#155724;
        border-radius:6px;
        font-size:16px;
    }


    /*Banner*/

    .banner-main {
        background: linear-gradient(45deg, #dcc8f1, #fff);
        padding: 50px 0;
    }
    
    .wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid;
    border-color: #5b17d9 !important;
    background-color: #fff;
    color: #46b450;
    border-radius: 10px;
    padding: 12px;
    font-size: 16px;
    font-weight: 500 !important;
    box-shadow: 2px 2px 6px -2px;
}