body {
     background-color: #0f172a;
     color: #e2e8f0;
 }

 .navbar {
     background: linear-gradient(90deg, #1e293b, #0f172a);
 }

 .navbar-brand {
     font-weight: bold;
     color: #38bdf8 !important;
 }

 .hero {
     background: linear-gradient(180deg, #0f172a, #020617);
 }

 .card {
     background-color: #1e293b;
     border: none;
     transition: 0.3s;
 }

 .card:hover {
     transform: scale(1.03);
     box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
 }

 footer {
     background-color: #020617;
     color: #94a3b8;
 }

 footer a {
     color: #38bdf8;
     text-decoration: none;
 }

 footer a:hover {
     text-decoration: underline;
 }

 .social-icons i {
     font-size: 20px;
     margin-right: 10px;
     transition: 0.3s;
 }

 .social-icons i:hover {
     color: #38bdf8;
     transform: scale(1.2);
 }

 section h1 {
     font-size: 3rem;
     color: #38bdf8;
 }

 section img {
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .hero h1 {
     color: #38bdf8;
 }

 .hero p {
     color: #e2e8f0;
     /* светлый текст */
 }

 .about {
     background-color: #0f172a;
 }

 .about h2 {
     color: #38bdf8;
 }

 .about p {
     color: #e2e8f0;
 }

 .about img {
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .stats {
     background-color: #020617;
 }

 .stats i {
     color: #38bdf8;
     transition: 0.3s;
 }

 .stats i:hover {
     transform: scale(1.2);
 }

 .stats h3 {
     color: #e2e8f0;
     font-weight: bold;
 }

 .stats p {
     color: #94a3b8;
 }

 .features {
     background-color: #0f172a;
 }

 .features h2 {
     color: #38bdf8;
 }

 .features h5 {
     color: #e2e8f0;
 }

 .features p {
     color: #94a3b8;
 }

 .features i {
     color: #38bdf8;
     transition: 0.3s;
 }

 .features i:hover {
     transform: scale(1.2);
     text-shadow: 0 0 10px rgba(56, 189, 248, 0.6);
 }

 .why-us {
     background-color: #020617;
 }

 .why-us h2 {
     color: #38bdf8;
 }

 .why-us p {
     color: #e2e8f0;
 }

 .why-us li {
     color: #94a3b8;
 }

 .why-us i {
     color: #38bdf8;
     margin-right: 8px;
 }

 .why-us img {
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .testimonials {
     background-color: #0f172a;
 }

 .testimonials h2 {
     color: #38bdf8;
 }

 .testimonial-card {
     background-color: #1e293b;
     border: none;
     color: #e2e8f0;
     border-radius: 15px;
     transition: 0.3s;
     height: 100%;
 }

 .testimonial-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 0 20px rgba(56, 189, 248, 0.3);
 }

 .testimonial-card p {
     color: #000000;
     font-size: 15px;
 }

 .testimonial-card h6 {
     color: #38bdf8;
     font-weight: 600;
 }

 .stars i {
     color: #facc15;
     /* золотые звезды */
     margin-right: 3px;
 }

 .contact {
     background: linear-gradient(180deg, #020617, #0f172a);
 }

 /* FORM BOX */
 .contact-box {
     background: rgba(30, 41, 59, 0.8);
     backdrop-filter: blur(10px);
     border-radius: 20px;
     max-width: 500px;
     width: 100%;
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.15);
 }

 /* TITLE */
 .contact h2 {
     color: #38bdf8;
 }

 /* INPUTS */
 .form-control {
     background-color: #0f172a;
     border: 1px solid transparent;
     color: #e2e8f0;
     border-radius: 10px;
 }

 .form-control::placeholder {
     color: #64748b;
 }

 .form-control:focus {
     border-color: #38bdf8;
     box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
     background-color: #0f172a;
     color: #fff;
 }

 /* BUTTON */
 .btn-info {
     border-radius: 10px;
     font-weight: 600;
     transition: 0.3s;
 }

 .btn-info:hover {
     transform: translateY(-2px);
     box-shadow: 0 0 15px rgba(56, 189, 248, 0.6);
 }

 /* POPUP CENTER */
 .popup-center {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: none;
     justify-content: center;
     align-items: center;
     background: rgba(2, 6, 23, 0.7);
 }

 .popup-box {
     background: #1e293b;
     padding: 30px;
     border-radius: 15px;
     color: #e2e8f0;
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .popup-box i {
     font-size: 40px;
     color: #22c55e;
 }

 .cookie-box {
     position: fixed;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);

     background: #1e293b;
     color: #e2e8f0;
     padding: 15px 20px;
     border-radius: 12px;

     display: flex;
     align-items: center;
     gap: 15px;

     box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
     z-index: 999;
 }

 .cookie-box p {
     margin: 0;
 }

 .cookie-box .buttons button {
     margin-left: 5px;
 }

 .about-new {
     background-color: #0f172a;
 }

 .about-new h2 {
     color: #38bdf8;
 }

 .about-new p {
     color: #e2e8f0;
 }

 .about-new img {
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .steps {
     background-color: #020617;
 }

 .steps h2 {
     color: #38bdf8;
 }

 .step-box {
     background-color: #1e293b;
     border-radius: 15px;
     transition: 0.3s;
 }

 .step-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 0 20px rgba(56, 189, 248, 0.3);
 }

 .step-box h3 {
     font-size: 40px;
     color: #38bdf8;
 }

 .step-box h5 {
     color: #e2e8f0;
 }

 .step-box p {
     color: #94a3b8;
 }

 .news {
     background-color: #0f172a;
 }

 .news h2 {
     color: #38bdf8;
 }

 .news p {
     color: #e2e8f0;
 }

 .news img {
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .best-posts {
     background-color: #020617;
 }

 .best-posts h2 {
     color: #38bdf8;
 }

 .post-box {
     background-color: #1e293b;
     border-radius: 15px;
     transition: 0.3s;
     height: 100%;
 }

 .post-box:hover {
     transform: translateY(-5px);
     box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);
 }

 .post-box h5 {
     color: #38bdf8;
     margin-bottom: 10px;
 }

 .post-box p {
     color: #cbd5f5;
     font-size: 14px;
     line-height: 1.6;
 }