                     :root {
                         --glass-bg: rgba(255, 255, 255, 0.08);
                         --glass-border: rgba(255, 255, 255, 0.12);
                         --accent: #6b8cff;
                         --accent-2: #7ee7c7;
                         --text: #eef2ff;
                        /* --muted: rgba(238, 242, 255, 0.75);*/
                         --radius: 14px;
                         --shadow: 0 8px 30px rgba(13, 20, 45, 0.45);
                         font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
                     }


                     .download-card {
                         width: 100%;
                         border-radius: var(--radius);
                         background: linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
                         box-shadow: var(--shadow);
                         padding: 22px;
                         border: 1px solid var(--glass-border);
                         backdrop-filter: blur(10px) saturate(120%);
                         -webkit-backdrop-filter: blur(10px) saturate(120%);
                         position: relative;
                         overflow: hidden;
                     }

                     /* subtle glow shapes */
                     .download-card::before,
                     .download-card::after {
                         content: '';
                         position: absolute;
                         filter: blur(40px) opacity(.8);
                         pointer-events: none;
                     }

                     .download-card::before {
                         width: 260px;
                         height: 260px;
                         background: radial-gradient(circle at 30% 30%, rgba(107, 140, 255, 0.18), transparent 40%);
                         top: -70px;
                         left: -60px;
                     }

                     .download-card::after {
                         width: 220px;
                         height: 220px;
                         background: radial-gradient(circle at 70% 70%, rgba(126, 231, 199, 0.12), transparent 40%);
                         bottom: -70px;
                         right: -40px;
                     }

                     .card-head {
                         display: flex;
                         gap: 12px;
                         align-items: center;
                     }

                     .app-icon {
                         width: 56px;
                         height: 56px;
                         border-radius: 12px;
                         background: linear-gradient(135deg, var(--accent), var(--accent-2));
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         box-shadow: 0 6px 20px rgba(107, 140, 255, 0.18), inset 0 -6px 14px rgba(0, 0, 0, 0.15);
                         flex-shrink: 0;
                     }

                     .app-icon svg {
                         width: 34px;
                         height: 34px;
                         color: white;
                     }

                     .title {
                         display: flex;
                         flex-direction: column;
                     }

                     .title .name {
                         font-weight: 600;
                         letter-spacing: 0.2px;
                         font-size: 1.05rem;
                         color: var(--text);
                     }

                     .title .sub {
                         font-size: 0.86rem;
                         color: var(--muted);
                         margin-top: 2px;
                     }

                     .desc {
                         margin: 14px 0 18px;
                         color: var(--muted);
                         font-size: 0.95rem;
                         line-height: 1.4;
                     }

                     .btn-row {
                         display: flex;
                         gap: 10px;
                         align-items: center;
                         margin-bottom: 16px;
                     }

                     .btn {
                         display: inline-flex;
                         align-items: center;
                         gap: 10px;
                         padding: 10px 14px;
                         border-radius: 12px;
                         text-decoration: none;
                         font-weight: 600;
                         font-size: 0.95rem;
                         transition: transform .12s ease, box-shadow .12s ease;
                         box-shadow: 0 6px 18px rgba(3, 6, 23, 0.35);
                         color: #071230;
                     }

                     .btn:active {
                         transform: translateY(1px);
                     }

                     .btn.app {
                         background: linear-gradient(90deg, var(--accent), #4f6cff);
                     }

                     .btn.apk {
                         background: linear-gradient(90deg, #ffd36b, #ff9a6b);
                     }

                     .btn svg {
                         width: 18px;
                         height: 18px;
                         opacity: 0.98;
                     }

                     .secondary {
                         display: flex;
                         gap: 12px;
                         align-items: center;
                         margin-top: 6px;
                         color: var(--muted);
                         font-size: 0.95rem;
                         flex-wrap: wrap;
                     }

                     .contact-row {
                         display: flex;
                         gap: 10px;
                         align-items: center;
                         background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0.01));
                         padding: 10px;
                         border-radius: 10px;
                         border: 1px solid rgba(255, 255, 255, 0.03);
                         width: 100%;
                         justify-content: center;
                     }

                     .contact-icon {
                         width: 36px;
                         height: 36px;
                         border-radius: 8px;
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         background: rgba(255, 255, 255, 0.03);
                         flex-shrink: 0;
                     }

                     .contact-icon svg {
                         width: 18px;
                         height: 18px;
                         color: var(--muted);
                     }

                     .contact-text {
                         font-weight: 600;
                         font-size: 0.95rem;
                         color: var(--text);
                     }

                     .contact-sub {
                         font-size: 0.84rem;
                         color: var(--muted);
                         margin-top: 3px;
                         font-weight: 500;
                     }

                     .two-cols {
                         display: grid;
                         grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
                         gap: 10px;
                         margin-top: 12px;
                     }

                     /* small */
                     @media (max-width:1235px) {
                         .two-cols {
                             grid-template-columns: 1fr;
                         }

                         .btn {
                             font-size: 0.92rem;
                             padding: 9px 12px;
                         }
                     }

                     /* utility */
                     .smallss {
                         font-size: 0.82rem;
                         color: var(--muted);
                         margin-top: 8px;
                     }
