/* cards */
 .card,
 .card_social {
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
     border: 1px solid rgba(255, 255, 255, 0.05);
     border-radius: 1rem;
     backdrop-filter: blur(10px);
     box-shadow:
         0 0 20px rgba(6, 182, 212, 0.05),
         0 0 40px rgba(124, 58, 237, 0.05);
     transition: all 0.3s ease;
 }

 .card:hover {
     transform: translateY(-1px);
     box-shadow:
         0 0 25px rgba(6, 182, 212, 0.08),
         0 0 50px rgba(124, 58, 237, 0.08);
     border-color: rgba(255, 255, 255, 0.08);
 }

 /* big CTA buttons */
 .cta {
     display: inline-flex;
     gap: .5rem;
     align-items: center;
 }

 @media (max-width:640px) {
     .hero-grid {
         grid-template-columns: 1fr;
     }
 }

 h2 {
     text-shadow: 0 0 10px rgba(124, 58, 237, 0.3);
 }

 @keyframes planetGlow {

     0%,
     100% {
         box-shadow: 0 0 40px rgba(0, 255, 255, 0.5), 0 0 80px rgba(0, 180, 255, 0.3);
         transform: scale(1);
     }

     50% {
         box-shadow: 0 0 70px rgba(0, 255, 255, 0.7), 0 0 120px rgba(0, 200, 255, 0.4);
         transform: scale(1.06);
     }
 }

 #links {
     position: relative;
     overflow: hidden;
     z-index: 1;
     background: radial-gradient(circle at center,
             rgba(5, 10, 20, 0.95) 0%,
             rgba(5, 10, 20, 0.8) 40%,
             rgba(5, 10, 20, 0.0) 100%);
     backdrop-filter: blur(10px) saturate(120%);
     mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
     -webkit-mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
     transition: background 0.8s ease;
 }

 #links::before {
     content: "";
     position: absolute;
     top: -1px;
     left: 0;
     width: 100%;
     height: 100px;
     background: linear-gradient(to bottom, rgba(5, 8, 20, 1) 0%, rgba(5, 8, 20, 0) 100%);
     z-index: 0;
 }

 /* ======= Орбита ======= */
 .orbit {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     height: 100%;
     transform: translate(-50%, -50%);
 }

 .orbit-item {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 60px;
     height: 60px;
     transform-origin: center center;
     transition: transform 0.18s ease;
     pointer-events: auto;
 }

 .orbit-item img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     filter: drop-shadow(0 0 8px var(--clr));
     transition: transform 0.18s ease, filter 0.18s ease;
 }

 .orbit-item:hover img {
     transform: scale(1.16);
     filter: drop-shadow(0 0 18px var(--clr));
 }

 .orbit-container {
     margin-bottom: 5rem;
     /* базовый отступ */
 }

 /* ======= Mobile adjustments ======= */
 @media (max-width: 1024px) {
     .orbit-container {
         margin-bottom: 6rem;
         /* немного больше для планшетов */
     }
 }

 @media (max-width: 768px) {
     .orbit-container {
         width: 280px;
         height: 280px;
         margin-bottom: 8rem;
     }

     .orbit-item {
         width: 48px;
         height: 48px;
     }

     h2 {
         font-size: 1.9rem;
     }

     p {
         font-size: 0.9rem;
     }
 }

 @media (max-width: 480px) {
     .orbit-container {
         margin-bottom: 9rem;
         /* ещё ниже для маленьких экранов */
     }
 }