:root{
      --primary:#6c5ce7;
      --accent:#fdcb6e;
      --bg:#050816;
      --text:#f5f6fa;
      --radius-lg:18px;
      --font-base:'Roboto',sans-serif;
      --font-heading:'Montserrat',sans-serif;
    }
    html,body{
      margin:0;
      padding:0;
      background:var(--bg);
      color:var(--text);
      font-family:var(--font-base);
      scroll-behavior:smooth;
    }
    .brand-logo span{
      font-family:var(--font-heading);
      font-weight:700;
    }
    nav{
      background:rgba(5,8,22,0.96);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(255,255,255,0.05);
    }
    nav .nav-wrapper .brand-logo{
      font-size:1.3rem;
    }
    .nav-wrapper ul li a{
      font-weight:400;
      font-size:0.95rem;
    }
    .btn-primary{
      background:linear-gradient(135deg,#6c5ce7,#a66bff);
      border-radius:999px;
    }
    .btn-primary:hover{
      background:linear-gradient(135deg,#7d6ff1,#b37dff);
    }
    .btn-outline{
      border-radius:999px;
      border:1px solid rgba(245,246,250,0.7);
      background:transparent;
      color:var(--text);
    }
    .btn-outline:hover{
      background:rgba(245,246,250,0.08);
    }
    section{
      padding:60px 0;
      position:relative;
      overflow:hidden;
    }
    .section-title{
      font-family:var(--font-heading);
      font-weight:700;
      margin-bottom:10px;
      color:#ffffff;
    }
    .section-subtitle{
      color:rgba(245,246,250,0.7);
      margin-bottom:25px;
      font-size:1.05rem;
    }
    .card-panel.custom{
      background:rgba(12,17,40,0.94);
      border-radius:var(--radius-lg);
      border:1px solid rgba(255,255,255,0.07);
    }
    .hero{
      min-height:90vh;
      display:flex;
      align-items:center;
      background:url("img/image_6970cd1d3995f.png") center/cover no-repeat fixed;
      position:relative;
    }
    .hero::before{
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 20% 0,rgba(108,92,231,0.35),transparent 55%),radial-gradient(circle at 80% 100%,rgba(253,203,110,0.16),transparent 55%),rgba(5,8,22,0.86);
    }
    .hero-content{
      position:relative;
      z-index:2;
    }
    .hero-title{
      font-family:var(--font-heading);
      font-size:2.6rem;
      font-weight:700;
      margin-bottom:15px;
    }
    .hero-subtitle{
      font-size:1.2rem;
      color:rgba(245,246,250,0.8);
      margin-bottom:20px;
    }
    .hero-text{
      color:rgba(245,246,250,0.75);
      margin-bottom:30px;
      max-width:640px;
      line-height:1.6;
    }
    .hero-badges{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:25px;
    }
    .badge-chip{
      border-radius:14px;
      border:1px solid rgba(245,246,250,0.25);
      padding:4px 10px;
      font-size:0.8rem;
      color:rgba(245,246,250,0.8);
      background:rgba(5,8,22,0.7);
    }
    .bg-color{
      background:radial-gradient(circle at top,#10163a 0, #050816 55%);
    }
    .bg-gradient{
      background:linear-gradient(135deg,rgba(108,92,231,0.1),rgba(253,203,110,0.12));
    }
    .advantages-list li,
    .services-list li{
      margin-bottom:8px;
      line-height:1.6;
    }
    .advantages-list li::marker,
    .services-list li::marker{
      color:var(--accent);
    }
    .input-field label{
      color:rgba(245,246,250,0.7);
    }
    .input-field input,
    .input-field textarea{
      color:var(--text);
    }
    .input-field input:focus,
    .input-field textarea:focus{
      border-bottom:1px solid var(--accent) !important;
      box-shadow:0 1px 0 0 var(--accent) !important;
    }
    .input-field input:focus+label,
    .input-field textarea:focus+label{
      color:var(--accent) !important;
    }
    footer{
      background:#050816;
      border-top:1px solid rgba(255,255,255,0.06);
    }
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,0.06);
      margin-top:20px;
      padding-top:15px;
      font-size:0.85rem;
      color:rgba(245,246,250,0.6);
    }
    .contact-bg{
      background:url("img/image_6970cd241c484.png") center/cover no-repeat;
    }
    .contact-overlay{
      background:rgba(5,8,22,0.93);
      border-radius:var(--radius-lg);
      padding:25px;
      border:1px solid rgba(255,255,255,0.07);
    }
    .cookie-banner{
      position:fixed;
      bottom:15px;
      left:15px;
      right:15px;
      max-width:420px;
      margin:auto;
      background:rgba(5,8,22,0.96);
      border-radius:14px;
      border:1px solid rgba(255,255,255,0.12);
      padding:14px 16px;
      z-index:9999;
      display:none;
    }
    .cookie-banner p{
      margin:0 0 8px;
      font-size:0.85rem;
      color:rgba(245,246,250,0.78);
    }
    .cookie-banner .cookie-actions{
      text-align:right;
    }
    .cookie-banner .btn-small{
      font-size:0.8rem;
      border-radius:999px;
    }
    @media (max-width:992px){
      .hero{
        background-attachment:scroll;
      }
      .hero-title{
        font-size:2.1rem;
      }
    }
    @media (max-width:600px){
      section{
        padding:45px 0;
      }
      .hero{
        min-height:80vh;
      }
      .hero-title{
        font-size:1.8rem;
      }
      .hero-subtitle{
        font-size:1.05rem;
      }
    }