/* ========================= STARLINK MINI LANDING SAFE FOR OPENCART 3 ========================= */ .starlink-landing *{ box-sizing:border-box; } .starlink-landing{ --bg:#050505; --bg2:#0f172a; --card:#111827; --text:#ffffff; --muted:#94a3b8; --accent:#00e5ff; --accent2:#2563eb; --border:rgba(255,255,255,.08); background:linear-gradient(180deg,#050505 0%,#0b1120 100%); color:var(--text); border-radius:32px; overflow:hidden; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; margin-top:40px; margin-bottom:40px; } /* IMAGES */ .starlink-landing img{ max-width:100%; display:block; } .starlink-landing .sl-image{ width:100%; height:100%; display:block; } /* HERO */ .starlink-landing .sl-hero{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:80px 60px; } .starlink-landing .sl-title{ font-size:64px; line-height:1; font-weight:800; margin-bottom:25px; letter-spacing:-2px; color:#fff; } .starlink-landing .sl-subtitle{ font-size:22px; line-height:1.7; color:var(--muted); margin-bottom:35px; } .starlink-landing .sl-buttons{ display:flex; gap:15px; flex-wrap:wrap; } .starlink-landing .sl-btn{ display:inline-block; padding:16px 30px; border-radius:16px; text-decoration:none; font-weight:700; transition:.3s; } .starlink-landing .sl-btn-primary{ background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#000 !important; } .starlink-landing .sl-btn-secondary{ border:1px solid rgba(255,255,255,.15); color:#fff !important; } .starlink-landing .sl-btn:hover{ transform:translateY(-3px); } /* HERO IMAGE */ .starlink-landing .sl-image-placeholder{ width:100%; height:560px; overflow:hidden; border-radius:30px; position:relative; background:#0b1120; border:1px solid rgba(255,255,255,.08); } .starlink-landing .sl-image-placeholder .sl-image{ object-fit:contain; padding:30px; } /* FEATURES */ .starlink-landing .sl-features{ margin-top:40px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .starlink-landing .sl-feature{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:22px; backdrop-filter:blur(10px); } .starlink-landing .sl-feature strong{ display:block; margin-bottom:8px; font-size:17px; color:#fff; } .starlink-landing .sl-feature span{ color:var(--muted); font-size:14px; } /* SECTION */ .starlink-landing .sl-section{ padding:90px 60px; } .starlink-landing .sl-section-title{ text-align:center; font-size:48px; font-weight:800; margin-bottom:20px; letter-spacing:-1px; color:#fff; } .starlink-landing .sl-section-subtitle{ text-align:center; max-width:900px; margin:0 auto 60px; color:var(--muted); font-size:20px; line-height:1.7; } /* CARDS */ .starlink-landing .sl-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:25px; } .starlink-landing .sl-card{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:28px; padding:35px; transition:.3s; } .starlink-landing .sl-card:hover{ transform:translateY(-5px); border-color:rgba(0,229,255,.3); } .starlink-landing .sl-card-icon{ font-size:42px; margin-bottom:25px; } .starlink-landing .sl-card h3{ font-size:24px; margin-bottom:15px; color:#fff; } .starlink-landing .sl-card p{ color:var(--muted); line-height:1.8; } /* BIG BANNER */ .starlink-landing .sl-big-image{ width:100%; height:650px; overflow:hidden; border-radius:40px; position:relative; background:#0b1120; } .starlink-landing .sl-big-image .sl-image{ object-fit:cover; } /* SPECS */ .starlink-landing .sl-specs{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .starlink-landing .sl-spec{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:30px; } .starlink-landing .sl-spec-title{ color:var(--accent); font-size:14px; text-transform:uppercase; margin-bottom:10px; letter-spacing:1px; } .starlink-landing .sl-spec-value{ font-size:24px; font-weight:700; color:#fff; } /* STEPS */ .starlink-landing .sl-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:25px; } .starlink-landing .sl-step{ text-align:center; padding:35px; } .starlink-landing .sl-step-number{ width:85px; height:85px; border-radius:50%; margin:0 auto 25px; background:linear-gradient(135deg,var(--accent),var(--accent2)); display:flex; align-items:center; justify-content:center; color:#000; font-size:34px; font-weight:800; } .starlink-landing .sl-step h3{ color:#fff; font-size:24px; margin-bottom:15px; } .starlink-landing .sl-step p{ color:var(--muted); line-height:1.7; } /* FAQ */ .starlink-landing .sl-faq{ display:flex; flex-direction:column; gap:20px; } .starlink-landing .sl-faq-item{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:30px; } .starlink-landing .sl-faq-question{ font-size:22px; font-weight:700; margin-bottom:15px; color:#fff; } .starlink-landing .sl-faq-answer{ color:var(--muted); line-height:1.8; } /* CTA */ .starlink-landing .sl-cta{ text-align:center; padding:100px 60px; } .starlink-landing .sl-cta h2{ font-size:56px; margin-bottom:25px; color:#fff; } .starlink-landing .sl-cta p{ max-width:800px; margin:0 auto 40px; color:var(--muted); font-size:22px; line-height:1.8; } /* MOBILE */ @media(max-width:992px){ .starlink-landing .sl-hero{ grid-template-columns:1fr; padding:50px 25px; } .starlink-landing .sl-title{ font-size:42px; } .starlink-landing .sl-subtitle{ font-size:18px; } .starlink-landing .sl-grid, .starlink-landing .sl-specs, .starlink-landing .sl-steps, .starlink-landing .sl-features{ grid-template-columns:1fr; } .starlink-landing .sl-section{ padding:60px 25px; } .starlink-landing .sl-section-title{ font-size:34px; } .starlink-landing .sl-image-placeholder{ height:340px; } .starlink-landing .sl-big-image{ height:350px; } .starlink-landing .sl-cta{ padding:70px 25px; } .starlink-landing .sl-cta h2{ font-size:38px; } .starlink-landing .sl-cta p{ font-size:18px; } }

Немає відгуків про цей товар.