/*  Copyright (c) ICT Services Bohemia, s.r.o. Vsechna prava vyhrazena. */

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Poppins,sans-serif;background:#020d24;color:#fff;overflow-x:hidden;;}

.dark {
  background: #121212;
  color: white;
}

button {
  padding: 10px 15px;
  cursor: pointer;
}

#matrix{position:fixed;inset:0;z-index:-3}

.parallax-bg {
position:fixed;width:150%;height:150%;top:-25%;left:-25%;z-index:-2;
background:radial-gradient(circle at 20% 20%,rgba(79,167,255,.15),transparent 30%),
radial-gradient(circle at 80% 30%,rgba(0,255,255,.1),transparent 30%)
}

/* .hero{min-height:100vh;display:flex;align-items:center;padding:8%;gap:60px} */
.hero{ max-height:350px;display:flex;align-items:flex-start;padding:8%;gap:60px}


.hero>*{flex:1}

a,a:visited,a:active,a:focus {font-weight: normal; color: white !important;}
a:hover {font-weight: normal; color: #37c3fe !important;}

.logo-icon{max-width: 600px; font-size:180px;color:#4fa7ff;text-shadow:0 0 20px #4fa7ff,0 0 60px #4fa7ff;animation:glow 3s infinite alternate}
@keyframes glow{to{filter:brightness(1.6)}}
h1{font-size:4rem;text-shadow:0 0 20px rgba(79,167,255,.3)}
h1 span{color:#4fa7ff}
h2 {margin: 0; padding: 0; box-sizing: border-box; font-family: Poppins,sans-serif; }
.company {margin: 0; padding: 0; box-sizing: border-box; font-family: Poppins,sans-serif; color: #fff; text-align: left; font-size:25px; font-weight: bold;}

.services{padding:80px 8%;}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;}


.cta{padding:100px 8%; max-width: 1400px; margin: 0 auto;}
.cta-box {text-align:center;padding:50px;background:rgba(255,255,255,.05);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:24px}
.cta-content {
    display: flex /*grid*/;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 30px;
    text-align: left;
    justify-content: space-between;
}

.card{background:rgba(255,255,255,.05);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:24px}
.card{padding:30px;transition:.5s}
.card:hover{transform:translateY(-10px) scale(1.03)}

.btn{display:inline-block;padding:16px 28px;background:linear-gradient(135deg,#0d6efd,#4fa7ff);color:#fff;text-decoration:none;border-radius:12px;margin-top:20px}

.copyright{ margin:-50px 0 10px 0; padding-top:0; padding: 20px 8% 120px;text-align:center;}

.qr { float: right; margin: 20px; }
.pref { float: right; margin: 100px 0 0 500px;}


@media (max-width: 768px) {
    .cta-content {
        flex-direction: column;
        gap: 16px;
    }

    .cta-content > div {
        padding: 20px;
        border-radius: 14px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }
}
    
@media(max-width:768px){
      .hero{
            flex-direction:column;
            text-align:center
            }

      h1{
            font-size:2.5rem;
            color: white;
            }

     .logo-icon{font-size:60px}
    
     .qr {margin: 30px;}
}