/** * İnyaWeb Teması — Global CSS Overrides * * Bu dosya tema aktifken her sayfanın 'ine link olarak eklenir. * data-theme="inyaweb" attribute'u etiketine uygulanır. * Tüm kurallar bu selector altında çalışır → tema devre dışıyken etki etmez. */ /* ── Temel Arka Plan & Metin ── */ [data-theme="inyaweb"] { background-color: #0a0a0f; color: #e5e7eb; } /* InyaWeb first viewport */ [data-theme="inyaweb"] .inya-header { position: fixed !important; top: 0; left: 0; width: 100%; background: transparent !important; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 0 !important; border-block-end: 0 !important; border-color: transparent !important; box-shadow: none !important; } [data-theme="inyaweb"] .inya-header.bg-transparent { background: transparent !important; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 0 !important; border-block-end: 0 !important; border-color: transparent !important; } [data-theme="inyaweb"] .inya-header.is-scrolled { background: linear-gradient(90deg, rgba(2,4,8,.94) 0%, rgba(8,28,72,.88) 48%, rgba(2,4,8,.94) 100%) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } [data-theme="inyaweb"] #main-header, [data-theme="inyaweb"] #main-header.border-b, [data-theme="inyaweb"] #main-header[class*="border-"] { border-bottom: 0 !important; border-block-end: 0 !important; border-color: transparent !important; box-shadow: none !important; } [data-theme="inyaweb"] #main-header::before, [data-theme="inyaweb"] #main-header::after { display: none !important; } [data-theme="inyaweb"] .inya-header [data-hc-container] { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1280px) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; } [data-theme="inyaweb"] .inya-hero { background-color: #05070c !important; isolation: isolate; min-height: clamp(700px, 88vh, 840px) !important; padding-top: clamp(120px, 13vh, 150px) !important; padding-bottom: clamp(120px, 14vh, 160px) !important; } [data-theme="inyaweb"] .inya-hero-gradient { background: radial-gradient(ellipse 720px 520px at 50% 15%, rgba(18,92,255,.34) 0%, rgba(12,45,126,.22) 36%, transparent 68%), radial-gradient(ellipse 680px 460px at 50% 78%, rgba(0,89,255,.20) 0%, rgba(0,39,130,.11) 42%, transparent 72%), linear-gradient(90deg, #020409 0%, #081633 28%, #0d2b67 50%, #081633 72%, #020409 100%); } [data-theme="inyaweb"] .inya-hero-gradient::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.92) 0%, transparent 22%, transparent 78%, rgba(0,0,0,.92) 100%), linear-gradient(180deg, rgba(0,0,0,.2) 0%, transparent 34%, rgba(0,0,0,.38) 100%); } [data-theme="inyaweb"] .inya-hero-noise { opacity: .16; background-image: radial-gradient(circle at 25% 15%, rgba(255,255,255,.18) 0 1px, transparent 1px), radial-gradient(circle at 75% 80%, rgba(255,255,255,.14) 0 1px, transparent 1px); background-size: 3px 3px, 4px 4px; mix-blend-mode: screen; } [data-theme="inyaweb"] .inya-hero-badge { background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.09); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 34px rgba(0,0,0,.18); } [data-theme="inyaweb"] .inya-hero h1 { text-wrap: balance; text-shadow: 0 18px 60px rgba(0,0,0,.35); } [data-theme="inyaweb"] .inya-hero > .max-w-5xl { max-width: min(900px, calc(100vw - 40px)) !important; } [data-theme="inyaweb"] .inya-hero-title { font-size: clamp(44px, 4.6vw, 68px) !important; } [data-theme="inyaweb"] .inya-hero-desc { max-width: 760px !important; font-size: clamp(16px, 1.25vw, 18px) !important; } [data-theme="inyaweb"] .inya-hero-actions a { min-width: 180px; } @media (max-height: 760px) and (min-width: 768px) { [data-theme="inyaweb"] .inya-hero { min-height: 640px !important; padding-top: 108px !important; padding-bottom: 112px !important; } [data-theme="inyaweb"] .inya-hero-badge { margin-bottom: 18px !important; } [data-theme="inyaweb"] .inya-hero-title { margin-bottom: 20px !important; font-size: clamp(46px, 4.4vw, 62px) !important; line-height: 1.08 !important; } [data-theme="inyaweb"] .inya-hero-desc { margin-bottom: 24px !important; line-height: 1.55 !important; } [data-theme="inyaweb"] .inya-hero-features { margin-bottom: 24px !important; } } @media (max-width: 640px) { [data-theme="inyaweb"] .inya-hero { min-height: auto !important; padding-top: 104px !important; padding-bottom: 76px !important; } [data-theme="inyaweb"] .inya-hero-title { font-size: 38px !important; line-height: 1.08 !important; } [data-theme="inyaweb"] .inya-hero-desc { font-size: 15px !important; } [data-theme="inyaweb"] .inya-hero-actions { width: 100%; } [data-theme="inyaweb"] .inya-hero-actions a { width: 100%; } } /* Hero ile birlesen banner strip */ [data-theme="inyaweb"] .inya-banner-strip { margin-top: -72px; padding-top: 0; padding-bottom: 42px; background: linear-gradient(to bottom, transparent 0, transparent 72px, #f4f5f7 72px, #f4f5f7 100%) !important; } [data-theme="inyaweb"] .inya-banner-card { min-height: 96px; display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-radius: 14px; background: radial-gradient(ellipse 240px 140px at 24% 0%, rgba(20,115,255,.32) 0%, transparent 72%), linear-gradient(135deg, #0d2b67 0%, #111827 48%, #07090f 100%) !important; border: 1px solid rgba(80,135,220,.24); color: #fff !important; box-shadow: 0 22px 60px rgba(0,0,0,.18); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease; } [data-theme="inyaweb"] .inya-banner-card:hover { transform: translateY(-4px); background: radial-gradient(ellipse 260px 150px at 24% 0%, rgba(20,115,255,.42) 0%, transparent 72%), linear-gradient(135deg, #103579 0%, #151d2b 48%, #080a10 100%) !important; border-color: rgba(20,115,255,.35); box-shadow: 0 26px 70px rgba(0,0,0,.24), 0 0 0 1px rgba(20,115,255,.14); } [data-theme="inyaweb"] .inya-banner-icon { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 14px; background: rgba(20,115,255,.13); color: #1473ff; } [data-theme="inyaweb"] .inya-banner-icon i { font-size: 19px; line-height: 1; } [data-theme="inyaweb"] .inya-banner-card h3 { margin: 0; color: #ffffff !important; font-size: 15px; line-height: 1.25; font-weight: 800; } [data-theme="inyaweb"] .inya-banner-card p { margin: 5px 0 0; color: #aeb8c7 !important; font-size: 13px; line-height: 1.45; } /* Homepage services block */ [data-theme="inyaweb"] .inya-services-section { background: #ffffff !important; color: #101010 !important; } [data-theme="inyaweb"] .inya-services-kicker { display: inline-flex; align-items: center; justify-content: center; gap: 6px; display: flex; flex-direction: column; gap: 22px; margin-top: 18px; color: #1473ff !important; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: 0; text-transform: uppercase; } [data-theme="inyaweb"] .inya-services-kicker span { width: 10px; height: 10px; border-radius: 999px; background: #c7ccd3; } [data-theme="inyaweb"] .inya-services-title { margin: 0; color: #050505 !important; font-size: clamp(34px, 4vw, 48px); line-height: 1.12; font-weight: 900; letter-spacing: 0; text-wrap: balance; } [data-theme="inyaweb"] .inya-services-desc { max-width: 820px; margin: 28px auto 0; color: #626262 !important; font-size: 16px; line-height: 1.6; font-weight: 600; } [data-theme="inyaweb"] .inya-services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } [data-theme="inyaweb"] .inya-service-card { position: relative; display: flex; min-height: 294px; flex-direction: column; justify-content: space-between; padding: 28px 26px 24px; border-radius: 6px; background: #eef5fb !important; color: #111111 !important; text-decoration: none; overflow: hidden; transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease; } [data-theme="inyaweb"] .inya-service-card:hover { transform: translateY(-5px); background: #e8f2fa !important; box-shadow: 0 18px 42px rgba(20,115,255,.14); } [data-theme="inyaweb"] .inya-service-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } [data-theme="inyaweb"] .inya-service-icon { width: 80px; height: 80px; flex: 0 0 80px; display: grid; place-items: center; border-radius: 999px; background: #ffffff; color: #a7c2ff; } [data-theme="inyaweb"] .inya-service-icon i { color: #a7c2ff !important; font-size: 34px; line-height: 1; } [data-theme="inyaweb"] .inya-service-icon img { width: 40px; height: 40px; object-fit: contain; filter: opacity(.66); } [data-theme="inyaweb"] .inya-service-number { color: #dfe8ef !important; font-size: 38px; line-height: 1; font-weight: 900; } [data-theme="inyaweb"] .inya-service-card h3 { margin: 22px 0 14px; color: #0a0a0a !important; font-size: 24px; line-height: 1.18; font-weight: 900; letter-spacing: 0; } [data-theme="inyaweb"] .inya-service-card p { margin: 0; color: #646464 !important; font-size: 15px; line-height: 1.6; font-weight: 500; } /* Homepage why-us block */ [data-theme="inyaweb"] .inya-whyus-section { position: relative; min-height: 628px; padding-top: 2px !important; padding-bottom: 26px !important; background: radial-gradient(ellipse 980px 520px at 78% 43%, rgba(13, 91, 190, .56) 0%, rgba(11, 47, 105, .32) 45%, transparent 74%), linear-gradient(110deg, #080b12 0%, #0a1020 38%, #0d2c63 72%, #09111f 100%) !important; overflow: hidden; isolation: isolate; clip-path: polygon(0 64px, 100% 0, 100% 100%, 0 100%); } [data-theme="inyaweb"] .inya-whyus-section::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 220px 220px; opacity: .5; pointer-events: none; } [data-theme="inyaweb"] .inya-whyus-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,4,10,.88) 0%, rgba(2,4,10,.58) 30%, rgba(2,4,10,.08) 63%, transparent 86%), linear-gradient(180deg, rgba(2,4,10,.04) 0%, rgba(2,4,10,.28) 100%); pointer-events: none; } [data-theme="inyaweb"] .inya-whyus-globe { position: absolute; top: -98px; right: -190px; width: min(1080px, 70vw); aspect-ratio: 1; border-radius: 50%; opacity: .72; background: radial-gradient(circle, rgba(0,107,255,.42) 1.4px, transparent 1.9px), repeating-linear-gradient(18deg, transparent 0 42px, rgba(45,122,230,.28) 43px, transparent 45px), repeating-linear-gradient(105deg, transparent 0 76px, rgba(45,122,230,.20) 77px, transparent 79px); background-size: 16px 16px, 100% 100%, 100% 100%; mask-image: radial-gradient(circle at 50% 50%, #000 0 67%, transparent 69%); -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0 67%, transparent 69%); transform: rotate(-8deg); pointer-events: none; } [data-theme="inyaweb"] .inya-whyus-gridline { position: absolute; right: -2%; bottom: -26%; width: 70%; height: 86%; border-radius: 50%; border: 1px solid rgba(0, 102, 255, .22); box-shadow: inset 110px 0 0 rgba(0, 102, 255, .04), inset -110px 0 0 rgba(0, 102, 255, .04); opacity: .55; transform: rotate(-18deg); pointer-events: none; } [data-theme="inyaweb"] .inya-whyus-head { max-width: 580px; margin-top: 92px; margin-bottom: 118px; margin-left: 10px; text-align: left; } [data-theme="inyaweb"] .inya-whyus-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #1473ff !important; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: 0; text-transform: uppercase; } [data-theme="inyaweb"] .inya-whyus-kicker span { width: 10px; height: 10px; border-radius: 999px; background: #d2d5dc; } [data-theme="inyaweb"] .inya-whyus-head h2 { margin: 0; color: #ffffff !important; font-size: clamp(38px, 4.4vw, 54px); line-height: 1.08; font-weight: 900; letter-spacing: 0; text-wrap: balance; } [data-theme="inyaweb"] .inya-whyus-head p { max-width: 590px; margin: 32px 0 0; color: rgba(229, 236, 248, .72) !important; font-size: 16px; line-height: 1.75; font-weight: 700; } [data-theme="inyaweb"] .inya-whyus-items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 46px; } [data-theme="inyaweb"] .inya-whyus-item { display: flex; align-items: flex-start; gap: 18px; min-width: 0; } [data-theme="inyaweb"] .inya-whyus-icon { width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; color: #1473ff; } [data-theme="inyaweb"] .inya-whyus-icon svg { width: 37px; height: 37px; } [data-theme="inyaweb"] .inya-whyus-number { margin-bottom: 8px; color: #ffffff !important; font-size: 34px; line-height: 1; font-weight: 900; } [data-theme="inyaweb"] .inya-whyus-item h3 { margin: 0 0 14px; color: #ffffff !important; font-size: 19px; line-height: 1.2; font-weight: 900; } [data-theme="inyaweb"] .inya-whyus-item p { margin: 0; color: rgba(229, 236, 248, .68) !important; font-size: 15px; line-height: 1.55; font-weight: 600; } /* Homepage testimonials block */ [data-theme="inyaweb"] .inya-testimonials-section { background: radial-gradient(circle at 8% 12%, rgba(255, 206, 244, .72) 0, transparent 34%), radial-gradient(circle at 86% 8%, rgba(193, 213, 255, .76) 0, transparent 38%), linear-gradient(115deg, #fde7ff 0%, #eef0ff 48%, #dfe9ff 100%) !important; color: #101010 !important; overflow: hidden; } [data-theme="inyaweb"] .inya-testimonials-inner { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1180px); max-width: 1180px; margin-inline: auto; padding-inline: 0 !important; } [data-theme="inyaweb"] .inya-testimonials-kicker { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 12px; color: #1473ff !important; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: 0; text-transform: uppercase; } [data-theme="inyaweb"] .inya-testimonials-kicker span { width: 10px; height: 10px; border-radius: 999px; background: #c7ccd3; } [data-theme="inyaweb"] .inya-testimonials-title { margin: 0; color: #050505 !important; font-size: clamp(36px, 4vw, 52px); line-height: 1.12; font-weight: 900; letter-spacing: 0; text-wrap: balance; } [data-theme="inyaweb"] .inya-testimonials-desc { max-width: 860px; margin: 30px auto 0; color: #5f5f63 !important; font-size: 17px; line-height: 1.55; font-weight: 600; } [data-theme="inyaweb"] .inya-testimonials-slider { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 16px; margin-top: 6px; } [data-theme="inyaweb"] .inya-testimonials-nav { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(37, 99, 235, .16); border-radius: 999px; background: rgba(255, 255, 255, .78); color: #1473ff !important; box-shadow: 0 14px 34px rgba(74, 92, 140, .12); transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; } [data-theme="inyaweb"] .inya-testimonials-nav:hover { transform: translateY(-2px); background: #1473ff; border-color: #1473ff; color: #ffffff !important; } [data-theme="inyaweb"] .inya-testimonials-nav:disabled { opacity: .42; cursor: default; transform: none; background: rgba(255, 255, 255, .62); color: #1473ff !important; } [data-theme="inyaweb"] .inya-testimonials-track-wrap { overflow: hidden; width: 100%; position: relative; padding: 8px 0 22px; } [data-theme="inyaweb"] .inya-testimonials-track { display: flex; align-items: stretch; gap: 24px; width: auto; max-width: 100%; overflow-x: auto; overflow-y: visible; scroll-snap-type: x mandatory; scroll-behavior: smooth; touch-action: pan-x; overscroll-behavior-x: contain; scrollbar-width: none; animation: none !important; transform: none !important; } [data-theme="inyaweb"] .inya-testimonials-track::-webkit-scrollbar { display: none; } [data-theme="inyaweb"] .inya-testimonials-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1010px; margin: 0 auto; } [data-theme="inyaweb"] .inya-testimonial-card { position: relative; width: auto; flex: 0 0 clamp(300px, calc((100% - 48px) / 3), 360px); min-height: 304px; display: flex; flex-direction: column; padding: 34px 32px 28px; border: 0; border-radius: 8px; background: #ffffff !important; box-shadow: none; scroll-snap-align: start; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; } [data-theme="inyaweb"] .inya-testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgba(74, 92, 140, .12); } [data-theme="inyaweb"] .inya-testimonial-quote { position: absolute; top: 10px; right: 30px; color: #f4f4f4; font-family: Georgia, serif; font-size: 112px; line-height: 1; font-weight: 900; pointer-events: none; } [data-theme="inyaweb"] .inya-testimonial-author { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin: 0 0 22px; padding: 0; border: 0; } [data-theme="inyaweb"] .inya-testimonial-avatar { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 999px; background: linear-gradient(145deg, #31516b, #87a1bb); color: #ffffff !important; font-size: 17px; font-weight: 900; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); } [data-theme="inyaweb"] .inya-testimonial-name { color: #070707 !important; font-size: 18px; line-height: 1.1; font-weight: 900; } [data-theme="inyaweb"] .inya-testimonial-meta { margin-top: 7px; color: #0066ff !important; font-size: 13px; line-height: 1.2; font-weight: 800; } [data-theme="inyaweb"] .inya-testimonial-text { flex: 1; margin: 0; color: #626262 !important; font-size: 16px; line-height: 1.58; font-weight: 500; font-style: normal; } [data-theme="inyaweb"] .inya-testimonial-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 32px; } [data-theme="inyaweb"] .inya-google-logo { display: inline-flex; align-items: center; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 1; font-weight: 500; letter-spacing: -1px; } [data-theme="inyaweb"] .inya-google-logo .g-blue { color: #4285f4; } [data-theme="inyaweb"] .inya-google-logo .g-red { color: #ea4335; } [data-theme="inyaweb"] .inya-google-logo .g-yellow { color: #fbbc05; } [data-theme="inyaweb"] .inya-google-logo .g-green { color: #34a853; } [data-theme="inyaweb"] .inya-testimonial-stars { display: flex; gap: 4px; color: #d8e2eb; font-size: 22px; line-height: 1; } [data-theme="inyaweb"] .inya-testimonial-stars span.is-active { color: #ffb400; } [data-theme="inyaweb"] .inya-testimonials-dots { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 4px; } [data-theme="inyaweb"] .inya-testimonials-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(20, 115, 255, .22); cursor: pointer; transition: width .2s ease, background .2s ease; } [data-theme="inyaweb"] .inya-testimonials-dots button.is-active { width: 22px; background: #1473ff; } /* ── Blog carousel ─────────────────────────────────────────── */ [data-theme="inyaweb"] .inya-blog-section { background: #ffffff; } [data-theme="inyaweb"] .inya-blog-inner { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1180px); max-width: 1180px; margin-left: auto; margin-right: auto; } [data-theme="inyaweb"] .inya-blog-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #555; margin-bottom: 14px; } [data-theme="inyaweb"] .inya-blog-kicker span { width: 8px; height: 8px; border-radius: 50%; background: #0066ff; display: inline-block; } [data-theme="inyaweb"] .inya-blog-title { font-size: clamp(28px, 4vw, 48px); font-weight: 900; line-height: 1.1; color: #0a0a0f !important; margin: 0; } [data-theme="inyaweb"] .inya-blog-slider { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 0 12px; align-items: center; } [data-theme="inyaweb"] .inya-blog-nav { width: 44px; height: 44px; border-radius: 50%; border: 1px solid #e5e5e5; background: #f5f5f5; color: #222; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .18s, color .18s, transform .18s, border-color .18s; flex-shrink: 0; } [data-theme="inyaweb"] .inya-blog-nav:hover { background: #0066ff; border-color: #0066ff; color: #fff; transform: translateY(-2px); } [data-theme="inyaweb"] .inya-blog-nav:disabled { opacity: .35; cursor: default; pointer-events: none; } [data-theme="inyaweb"] .inya-blog-track-wrap { overflow: hidden; width: 100%; border-radius: 4px; } [data-theme="inyaweb"] .inya-blog-track { display: flex; align-items: stretch; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-behavior: smooth; } [data-theme="inyaweb"] .inya-blog-track::-webkit-scrollbar { display: none; } [data-theme="inyaweb"] .inya-blog-card { flex: 0 0 calc((100% - 48px) / 3); scroll-snap-align: start; text-decoration: none; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: #f8f9fb; border: 1px solid #eaecef; transition: transform .22s, box-shadow .22s; } [data-theme="inyaweb"] .inya-blog-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,.09); } [data-theme="inyaweb"] .inya-blog-card-img { aspect-ratio: 16/9; overflow: hidden; background: #e8eaed; } [data-theme="inyaweb"] .inya-blog-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s; } [data-theme="inyaweb"] .inya-blog-card:hover .inya-blog-card-img img { transform: scale(1.05); } [data-theme="inyaweb"] .inya-blog-card-img-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #bbb; } [data-theme="inyaweb"] .inya-blog-card-body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; } [data-theme="inyaweb"] .inya-blog-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; } [data-theme="inyaweb"] .inya-blog-card-cat { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #0066ff; background: #e8f0ff; padding: 4px 10px; border-radius: 100px; } [data-theme="inyaweb"] .inya-blog-card-date { font-size: 11px; color: #888; font-weight: 600; white-space: nowrap; margin-left: auto; } [data-theme="inyaweb"] .inya-blog-card-title { font-size: 15px; font-weight: 800; color: #0a0a0f; line-height: 1.35; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } [data-theme="inyaweb"] .inya-blog-card-excerpt { font-size: 13px; color: #555; line-height: 1.65; margin: 0 0 16px; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } [data-theme="inyaweb"] .inya-blog-card-link { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: #0066ff; margin-top: auto; } [data-theme="inyaweb"] .inya-blog-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; } [data-theme="inyaweb"] .inya-blog-dots button { width: 8px; height: 8px; border-radius: 100px; border: none; background: #d5d5d5; cursor: pointer; transition: width .25s, background .25s; padding: 0; } [data-theme="inyaweb"] .inya-blog-dots button.is-active { width: 22px; background: #0066ff; } [data-theme="inyaweb"] .inya-blog-all-link { display: inline-flex; align-items: center; gap: 8px; background: #0a0a0f; color: #fff; padding: 14px 32px; border-radius: 100px; font-size: 13px; font-weight: 700; text-decoration: none; letter-spacing: .06em; transition: background .18s; } [data-theme="inyaweb"] .inya-blog-all-link:hover { background: #0066ff; } @media (max-width: 1024px) { [data-theme="inyaweb"] .inya-blog-card { flex-basis: calc((100% - 24px) / 2); } } @media (max-width: 640px) { [data-theme="inyaweb"] .inya-blog-section { padding-top: 48px; padding-bottom: 46px; } [data-theme="inyaweb"] .inya-blog-slider { grid-template-columns: minmax(0, 1fr); } [data-theme="inyaweb"] .inya-blog-nav { display: none; } [data-theme="inyaweb"] .inya-blog-track { gap: 14px; } [data-theme="inyaweb"] .inya-blog-card { flex-basis: min(82vw, 300px); } [data-theme="inyaweb"] .inya-blog-title { font-size: 28px; } [data-theme="inyaweb"] .inya-blog-dots { margin-top: 18px; } } /* CTA / quote form */ [data-theme="inyaweb"] .inya-cta-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #f6f8fb 100%); color: #101828; } [data-theme="inyaweb"] .inya-cta-section[style] { background-image: none !important; } [data-theme="inyaweb"] .inya-cta-section::before { content: ""; position: absolute; inset: auto 0 0; height: 42%; background: radial-gradient(ellipse 720px 240px at 50% 100%, rgba(20, 115, 255, .09) 0%, transparent 72%); pointer-events: none; } [data-theme="inyaweb"] .inya-cta-inner { position: relative; z-index: 1; width: min(calc(100% - clamp(32px, 5vw, 80px)), 1180px) !important; max-width: 1180px !important; } [data-theme="inyaweb"] .inya-cta-head h2 { color: #101828; letter-spacing: 0 !important; } [data-theme="inyaweb"] .inya-cta-head p { color: #5b6472; font-weight: 500; line-height: 1.7; } [data-theme="inyaweb"] .inya-cta-grid { gap: clamp(24px, 3vw, 34px) !important; } [data-theme="inyaweb"] .inya-cta-form-card, [data-theme="inyaweb"] .inya-cta-contact-card, [data-theme="inyaweb"] .inya-cta-note { background: radial-gradient(ellipse 420px 220px at 20% 0%, rgba(20, 115, 255, .12) 0%, transparent 72%), linear-gradient(135deg, #141820 0%, #0d1017 58%, #080a0f 100%) !important; border: 1px solid rgba(35, 47, 68, .92) !important; box-shadow: 0 22px 55px rgba(15, 23, 42, .14); } /* Açık renkli teklif formu ve kartlar */ background: linear-gradient(135deg, #f8fafc 0%, #e9f1fb 100%) !important; border: 1px solid #d0d7e3 !important; box-shadow: 0 8px 32px rgba(80, 120, 180, 0.10); color: #232b3b !important; } [data-theme="inyaweb"] .inya-cta-form-card label, [data-theme="inyaweb"] .inya-cta-contact-card .font-bold, [data-theme="inyaweb"] .inya-cta-contact-card .text-gray-500, [data-theme="inyaweb"] .inya-cta-contact-card .text-gray-400, [data-theme="inyaweb"] .inya-cta-note { color: #232b3b !important; } [data-theme="inyaweb"] .inya-cta-form-card input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), [data-theme="inyaweb"] .inya-cta-form-card textarea, [data-theme="inyaweb"] .inya-cta-form-card select { min-height: 46px; background: #fff !important; border: 1px solid #b6c2d6 !important; color: #232b3b !important; border-radius: 12px !important; box-shadow: none !important; font-size: 15px; font-weight: 500; } [data-theme="inyaweb"] .inya-cta-form-card input::placeholder, [data-theme="inyaweb"] .inya-cta-form-card textarea::placeholder { color: #8a97ad !important; opacity: 1; } [data-theme="inyaweb"] .inya-cta-form-card input:focus, [data-theme="inyaweb"] .inya-cta-form-card textarea:focus, [data-theme="inyaweb"] .inya-cta-form-card select:focus { border-color: #1473ff !important; box-shadow: 0 0 0 2px #e0eaff !important; } } font-weight: 700 !important; letter-spacing: 0 !important; } [data-theme="inyaweb"] .inya-cta-form-card input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), [data-theme="inyaweb"] .inya-cta-form-card textarea, [data-theme="inyaweb"] .inya-cta-form-card select { min-height: 46px; background: #1a1f2a !important; border: 1px solid #334155 !important; color: #ffffff !important; border-radius: 12px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important; } [data-theme="inyaweb"] .inya-cta-form-card textarea { min-height: 86px; } [data-theme="inyaweb"] .inya-cta-form-card input::placeholder, [data-theme="inyaweb"] .inya-cta-form-card textarea::placeholder { color: #8492aa !important; } /* Selectbox ve seçenekler için koyu renk */ [data-theme="inyaweb"] .inya-cta-form-card select { color: #232b3b !important; background: #fff !important; } [data-theme="inyaweb"] .inya-cta-form-card select option { color: #232b3b !important; background: #fff !important; } } [data-theme="inyaweb"] .inya-cta-form-card input:focus, [data-theme="inyaweb"] .inya-cta-form-card textarea:focus, [data-theme="inyaweb"] .inya-cta-form-card select:focus { border-color: #1473ff !important; box-shadow: 0 0 0 4px rgba(20, 115, 255, .18) !important; } [data-theme="inyaweb"] .inya-cta-form-card button[type="submit"] { min-height: 54px; border-radius: 12px !important; background: #1473ff !important; box-shadow: 0 12px 26px rgba(20, 115, 255, .26); } [data-theme="inyaweb"] .inya-cta-form-card button[type="submit"]:hover { background: #0b5ed7 !important; transform: translateY(-1px); } [data-theme="inyaweb"] .inya-cta-contact-card { min-height: 90px; border-radius: 18px !important; padding: 20px 22px !important; text-decoration: none !important; } [data-theme="inyaweb"] .inya-cta-contact-card:hover { transform: translateY(-2px); box-shadow: 0 24px 55px rgba(15, 23, 42, .18); } [data-theme="inyaweb"] .inya-cta-contact-card .font-bold, [data-theme="inyaweb"] .inya-cta-note .font-semibold { color: #ffffff !important; } [data-theme="inyaweb"] .inya-cta-contact-card .text-gray-500, [data-theme="inyaweb"] .inya-cta-contact-card .text-gray-400, [data-theme="inyaweb"] .inya-cta-note { color: #9aa8bd !important; } [data-theme="inyaweb"] .inya-cta-note { border-color: rgba(20, 115, 255, .22) !important; line-height: 1.7 !important; } [data-theme="inyaweb"] .inya-cta-note .text-\[\#0066ff\] { color: #1473ff !important; } @media (max-width: 640px) { [data-theme="inyaweb"] .inya-cta-section { padding-top: 58px !important; padding-bottom: 58px !important; } [data-theme="inyaweb"] .inya-cta-inner { width: min(calc(100% - 28px), 1180px) !important; } [data-theme="inyaweb"] .inya-cta-form-card { padding: 22px !important; border-radius: 20px !important; } [data-theme="inyaweb"] .inya-cta-contact-card { min-height: 78px; padding: 18px !important; } } /* Footer */ [data-theme="inyaweb"] .inya-footer { position: relative; overflow: hidden; font-family: inherit; background: radial-gradient(ellipse 760px 520px at 82% 38%, rgba(18, 82, 190, .30) 0%, rgba(9, 35, 90, .16) 45%, transparent 72%), linear-gradient(110deg, #080b12 0%, #0a1020 42%, #0d2c63 78%, #09111f 100%) !important; color: #c9d2df; } [data-theme="inyaweb"] .inya-footer::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1.5px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size: 4px 4px, 220px 220px, 220px 220px; opacity: .28; pointer-events: none; } [data-theme="inyaweb"] .inya-footer-inner { position: relative; z-index: 1; width: min(calc(100% - clamp(32px, 5vw, 80px)), 1440px); max-width: 1440px; margin: 0 auto; padding: clamp(64px, 7vw, 88px) 0 28px; } [data-theme="inyaweb"] .inya-footer-main { display: grid; grid-template-columns: minmax(260px, 1.25fr) minmax(160px, .7fr) minmax(160px, .7fr) minmax(220px, .9fr); gap: clamp(56px, 7vw, 96px); /* Aradaki boşluk artırıldı */ align-items: start; } [data-theme="inyaweb"] .inya-footer-logo, [data-theme="inyaweb"] .inya-footer-logo-text { display: inline-flex; margin-bottom: 18px; } [data-theme="inyaweb"] .inya-footer-logo img { max-width: 150px; max-height: 58px; object-fit: contain; } [data-theme="inyaweb"] .inya-footer-logo-text { color: #fff !important; font-size: 24px; font-weight: 700; text-decoration: none; } [data-theme="inyaweb"] .inya-footer-desc { max-width: 280px; margin: 0 0 52px; color: #c7cfda !important; font-size: 15px; line-height: 1.65; font-weight: 500; } [data-theme="inyaweb"] .inya-footer-desc a, [data-theme="inyaweb"] .inya-footer a { color: inherit; } [data-theme="inyaweb"] .inya-footer-review { color: #c6ccd6; font-size: 14px; line-height: 1.45; font-weight: 600; } [data-theme="inyaweb"] .inya-footer-review span { color: #ffb400; letter-spacing: 1px; } [data-theme="inyaweb"] .inya-footer-google { display: flex; align-items: baseline; gap: 8px; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 1; } [data-theme="inyaweb"] .inya-footer-google a { color: #cfd6e0 !important; font-family: inherit; font-size: 13px; font-weight: 600; text-decoration: underline; } [data-theme="inyaweb"] .inya-footer .g-blue { color: #4285f4; } [data-theme="inyaweb"] .inya-footer .g-red { color: #ea4335; } [data-theme="inyaweb"] .inya-footer .g-yellow { color: #fbbc05; } [data-theme="inyaweb"] .inya-footer .g-green { color: #34a853; } [data-theme="inyaweb"] .inya-footer-col h3 { margin: 0 0 28px; color: #ffffff !important; font-size: 21px; line-height: 1.15; font-weight: 600; } [data-theme="inyaweb"] .inya-footer-col ul { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; } [data-theme="inyaweb"] .inya-footer-col a { color: #bdc5d1 !important; font-size: 15px; line-height: 1.25; font-weight: 500; text-decoration: none; transition: color .2s ease; } [data-theme="inyaweb"] .inya-footer-col a:hover { color: #ffffff !important; } [data-theme="inyaweb"] .inya-footer-social-col h4 { margin: 0 0 22px; color: #ffffff !important; font-size: 16px; line-height: 1.25; font-weight: 600; text-decoration: none; } [data-theme="inyaweb"] .inya-footer-social { display: flex; align-items: center; gap: 16px; } [data-theme="inyaweb"] .inya-footer-social a { color: #ffffff !important; font-size: 19px; line-height: 1; text-decoration: none; transition: color .2s ease, transform .2s ease; } [data-theme="inyaweb"] .inya-footer-social a:hover { color: #1473ff !important; transform: translateY(-2px); } [data-theme="inyaweb"] .inya-footer-contact-row { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: clamp(24px, 4vw, 42px); align-items: start; margin-top: clamp(56px, 7vw, 76px); } [data-theme="inyaweb"] .inya-footer-contact { display: flex; align-items: center; gap: 16px; color: #d7deea !important; text-decoration: none; min-width: 0; } [data-theme="inyaweb"] .inya-footer-contact i { color: #1473ff; font-size: 29px; line-height: 1; width: 36px; text-align: center; } [data-theme="inyaweb"] .inya-footer-contact span { display: grid; gap: 4px; color: #d7deea; font-size: 15px; line-height: 1.35; font-weight: 600; } [data-theme="inyaweb"] .inya-footer-contact b { color: #1473ff; font-size: 14px; line-height: 1; font-weight: 600; } [data-theme="inyaweb"] .inya-footer-address { justify-self: center; } [data-theme="inyaweb"] .inya-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 34px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.15); color: #b8c0cd; } [data-theme="inyaweb"] .inya-footer-bottom p { margin: 0; color: #b8c0cd !important; font-size: 14px; font-weight: 500; } [data-theme="inyaweb"] .inya-footer-bottom div { display: flex; flex-wrap: wrap; gap: clamp(20px, 4vw, 48px); } [data-theme="inyaweb"] .inya-footer-bottom a { color: #b8c0cd !important; font-size: 14px; font-weight: 500; text-decoration: none; } [data-theme="inyaweb"] .inya-footer-bottom a:hover { color: #ffffff !important; } @media (max-width: 640px) { [data-theme="inyaweb"] .inya-banner-strip { margin-top: -36px; padding-top: 0; padding-bottom: 30px; background: linear-gradient(to bottom, transparent 0, transparent 36px, #f4f5f7 36px, #f4f5f7 100%) !important; } [data-theme="inyaweb"] .inya-banner-card { min-height: 84px; padding: 18px; } } @media (max-width: 1024px) { [data-theme="inyaweb"] .inya-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-theme="inyaweb"] .inya-testimonial-card { flex-basis: calc((100% - 24px) / 2); } [data-theme="inyaweb"] .inya-whyus-section { padding-top: 2px !important; padding-bottom: 24px !important; clip-path: polygon(0 44px, 100% 0, 100% 100%, 0 100%); } [data-theme="inyaweb"] .inya-whyus-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; } [data-theme="inyaweb"] .inya-whyus-head { margin-top: 72px; margin-bottom: 76px; } [data-theme="inyaweb"] .inya-footer-inner { width: min(calc(100% - 40px), 920px); padding-top: 64px; } [data-theme="inyaweb"] .inya-footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 34px; } [data-theme="inyaweb"] .inya-footer-contact-row { grid-template-columns: 1fr; gap: 24px; margin-top: 56px; } [data-theme="inyaweb"] .inya-footer-address { justify-self: start; } [data-theme="inyaweb"] .inya-footer-bottom, [data-theme="inyaweb"] .inya-footer-bottom div { gap: 22px; } } @media (max-width: 640px) { [data-theme="inyaweb"] .inya-services-section, [data-theme="inyaweb"] .inya-testimonials-section { padding-top: 48px; padding-bottom: 46px; } [data-theme="inyaweb"] .inya-testimonials-inner { width: min(calc(100% - 24px), 420px); } [data-theme="inyaweb"] .inya-testimonials-section .sec-hd { margin-bottom: 26px !important; } [data-theme="inyaweb"] .inya-services-title, [data-theme="inyaweb"] .inya-testimonials-title { font-size: 28px; line-height: 1.12; } [data-theme="inyaweb"] .inya-services-desc, [data-theme="inyaweb"] .inya-testimonials-desc { margin-top: 14px; font-size: 14px; line-height: 1.45; } [data-theme="inyaweb"] .inya-services-grid, [data-theme="inyaweb"] .inya-testimonials-grid { grid-template-columns: 1fr; gap: 16px; } [data-theme="inyaweb"] .inya-testimonials-slider { grid-template-columns: minmax(0, 1fr); gap: 14px; } [data-theme="inyaweb"] .inya-testimonials-nav { display: none; } [data-theme="inyaweb"] .inya-testimonials-track { gap: 14px; animation: none !important; } [data-theme="inyaweb"] .inya-service-card { min-height: 250px; padding: 24px; } [data-theme="inyaweb"] .inya-whyus-section { min-height: 0; padding-top: 2px !important; padding-bottom: 26px !important; clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%); } [data-theme="inyaweb"] .inya-whyus-globe { top: 46px; right: -235px; width: 560px; opacity: .42; } [data-theme="inyaweb"] .inya-whyus-head { margin-top: 54px; margin-bottom: 48px; margin-left: 0; } [data-theme="inyaweb"] .inya-whyus-head h2 { font-size: 34px; } [data-theme="inyaweb"] .inya-whyus-head p { margin-top: 22px; font-size: 15px; } [data-theme="inyaweb"] .inya-whyus-items { grid-template-columns: 1fr; gap: 28px; } [data-theme="inyaweb"] .inya-testimonial-card { flex-basis: min(82vw, 330px); min-height: 232px; padding: 20px; } [data-theme="inyaweb"] .inya-testimonial-quote { top: 6px; right: 18px; font-size: 74px; opacity: .72; } [data-theme="inyaweb"] .inya-testimonial-author { gap: 10px; margin-bottom: 14px; } [data-theme="inyaweb"] .inya-testimonial-avatar { width: 38px; height: 38px; flex-basis: 38px; font-size: 14px; } [data-theme="inyaweb"] .inya-testimonial-name { font-size: 15px; } [data-theme="inyaweb"] .inya-testimonial-meta { margin-top: 4px; font-size: 11px; } [data-theme="inyaweb"] .inya-testimonial-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 13px; line-height: 1.5; } [data-theme="inyaweb"] .inya-testimonial-footer { margin-top: 18px; } [data-theme="inyaweb"] .inya-google-logo { font-size: 20px; } [data-theme="inyaweb"] .inya-testimonial-stars { gap: 2px; font-size: 15px; } [data-theme="inyaweb"] .inya-testimonials-dots { margin-top: 0; gap: 6px; } [data-theme="inyaweb"] .inya-testimonials-dots button { width: 6px; height: 6px; } [data-theme="inyaweb"] .inya-testimonials-dots button.is-active { width: 18px; } [data-theme="inyaweb"] .inya-footer-inner { width: calc(100% - 32px); padding: 48px 0 24px; } [data-theme="inyaweb"] .inya-footer-main { grid-template-columns: 1fr; gap: 32px; } [data-theme="inyaweb"] .inya-footer-desc { margin-bottom: 30px; } [data-theme="inyaweb"] .inya-footer-contact-row { margin-top: 44px; } [data-theme="inyaweb"] .inya-footer-bottom { flex-direction: column; align-items: flex-start; } [data-theme="inyaweb"] .inya-footer-bottom div { flex-direction: column; gap: 12px; } } /* Header mega/dropdown menus */ [data-theme="inyaweb"] .inya-header .dd-panel { background: #171a22 !important; border-color: #2d3442 !important; box-shadow: 0 24px 70px rgba(0,0,0,.48) !important; } [data-theme="inyaweb"] .inya-header .dd-panel a, [data-theme="inyaweb"] .inya-header .dd-panel button { color: #cbd5e1 !important; } [data-theme="inyaweb"] .inya-header .dd-panel a:hover, [data-theme="inyaweb"] .inya-header .dd-panel button:hover, [data-theme="inyaweb"] .inya-header .dd-panel a.bg-blue-50, [data-theme="inyaweb"] .inya-header .dd-panel button.bg-blue-50, [data-theme="inyaweb"] .inya-header .dd-panel a.hover\:bg-gray-50:hover, [data-theme="inyaweb"] .inya-header .dd-panel button.hover\:bg-gray-50:hover { background-color: #202633 !important; } [data-theme="inyaweb"] .inya-header .dd-panel span, [data-theme="inyaweb"] .inya-header .dd-panel h4, [data-theme="inyaweb"] .inya-header .dd-panel .text-gray-700, [data-theme="inyaweb"] .inya-header .dd-panel .text-gray-800, [data-theme="inyaweb"] .inya-header .dd-panel .text-gray-900 { color: #dbe4f0 !important; } [data-theme="inyaweb"] .inya-header .dd-panel a:hover span, [data-theme="inyaweb"] .inya-header .dd-panel button:hover span, [data-theme="inyaweb"] .inya-header .dd-panel .group:hover span, [data-theme="inyaweb"] .inya-header .dd-panel .group:hover h4 { color: #ffffff !important; } [data-theme="inyaweb"] .inya-header .dd-panel .text-gray-400, [data-theme="inyaweb"] .inya-header .dd-panel .text-gray-500, [data-theme="inyaweb"] .inya-header .dd-panel p { color: #94a3b8 !important; } [data-theme="inyaweb"] .inya-header .dd-panel .text-brand, [data-theme="inyaweb"] .inya-header .dd-panel a.text-brand { color: #1473ff !important; } [data-theme="inyaweb"] .inya-header .dd-panel .group-hover\:text-brand { color: #dbe4f0 !important; } [data-theme="inyaweb"] .inya-header .dd-panel .group:hover .group-hover\:text-brand { color: #ffffff !important; } [data-theme="inyaweb"] .inya-header .dd-panel .bg-blue-50, [data-theme="inyaweb"] .inya-header .dd-panel .bg-gray-50, [data-theme="inyaweb"] .inya-header .dd-panel .bg-gray-100 { background-color: #202633 !important; } [data-theme="inyaweb"] .inya-header .dd-panel .w-9.h-9, [data-theme="inyaweb"] .inya-header .dd-panel .w-10.h-10 { background-color: #202633 !important; color: #8fb9ff !important; } [data-theme="inyaweb"] .inya-header .dd-panel .w-9.h-9 i, [data-theme="inyaweb"] .inya-header .dd-panel .w-10.h-10 i, [data-theme="inyaweb"] .inya-header .dd-panel .w-9.h-9 svg, [data-theme="inyaweb"] .inya-header .dd-panel .w-10.h-10 svg { color: #8fb9ff !important; } [data-theme="inyaweb"] .inya-header .dd-panel .border-gray-100, [data-theme="inyaweb"] .inya-header .dd-panel .border-gray-200 { border-color: #2d3442 !important; } [data-theme="inyaweb"] .inya-header .dd-panel svg { color: currentColor; } /* ── Alt Sayfa Hero Bölümü ── */ [data-theme="inyaweb"] .gradient-bg { background: linear-gradient(135deg, #0a0a0f 0%, #0f172a 100%) !important; } [data-theme="inyaweb"] .gradient-bg h1, [data-theme="inyaweb"] .gradient-bg h2 { color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg p { color: #cbd5e1 !important; } [data-theme="inyaweb"] .gradient-bg nav a { color: #94a3b8 !important; } [data-theme="inyaweb"] .gradient-bg nav a:hover { color: #e2e8f0 !important; } /* ── Section Arka Planları (alt sayfa bölümleri için görsel hiyerarşi) ── */ /* NOT: !important YOK — admin panel inline style bg override'ların çalışması için */ [data-theme="inyaweb"] section.bg-white { background-color: #111318; } [data-theme="inyaweb"] section.bg-gray-50 { background-color: #0d0f16; } [data-theme="inyaweb"] section.bg-gray-100 { background-color: #0a0c12; } [data-theme="inyaweb"] section.bg-gray-50 h2, [data-theme="inyaweb"] section.bg-gray-100 h2, [data-theme="inyaweb"] section.bg-white h2, [data-theme="inyaweb"] section.bg-gray-50 h3, [data-theme="inyaweb"] section.bg-white h3, [data-theme="inyaweb"] section.bg-gray-100 h3 { color: #f1f5f9 !important; } [data-theme="inyaweb"] section.bg-gray-50 p, [data-theme="inyaweb"] section.bg-white p, [data-theme="inyaweb"] section.bg-gray-100 p { color: #9ca3af !important; } /* ── Kart Bileşenleri ── */ [data-theme="inyaweb"] .bg-white.rounded, [data-theme="inyaweb"] .bg-white.rounded-xl, [data-theme="inyaweb"] .bg-white.rounded-2xl, [data-theme="inyaweb"] .bg-white.rounded-3xl, [data-theme="inyaweb"] .bg-white.shadow, [data-theme="inyaweb"] .bg-white.shadow-md, [data-theme="inyaweb"] .bg-white.shadow-lg, [data-theme="inyaweb"] .bg-white.shadow-xl { background-color: #1a1c24 !important; border-color: #2d2d3a !important; color: #e5e7eb !important; } [data-theme="inyaweb"] .bg-gray-50.rounded-2xl, [data-theme="inyaweb"] .bg-gray-50.rounded-3xl, [data-theme="inyaweb"] .bg-gray-100.rounded-xl, [data-theme="inyaweb"] .bg-gray-100.rounded-2xl { background-color: #16181f !important; } /* ── Metin Renkleri ── */ [data-theme="inyaweb"] .text-gray-900 { color: #f1f5f9 !important; } [data-theme="inyaweb"] .text-gray-800 { color: #e2e8f0 !important; } [data-theme="inyaweb"] .text-gray-700 { color: #cbd5e1 !important; } [data-theme="inyaweb"] .text-gray-600 { color: #9ca3af !important; } [data-theme="inyaweb"] .text-gray-500 { color: #6b7280 !important; } /* ── Link renkleri ── */ [data-theme="inyaweb"] a.text-gray-900 { color: #e2e8f0 !important; } [data-theme="inyaweb"] a.text-gray-900:hover { color: #ffffff !important; } [data-theme="inyaweb"] a.text-gray-700:hover { color: #ffffff !important; } /* ── Form Bileşenleri ── */ [data-theme="inyaweb"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), [data-theme="inyaweb"] textarea, [data-theme="inyaweb"] select { background-color: #1a1c24 !important; border-color: #374151 !important; color: #e5e7eb !important; } [data-theme="inyaweb"] input::placeholder, [data-theme="inyaweb"] textarea::placeholder { color: #6b7280 !important; } [data-theme="inyaweb"] label { color: #d1d5db !important; } /* ── İletişim & Bilgi Kutuları ── */ [data-theme="inyaweb"] .border.rounded-xl, [data-theme="inyaweb"] .border.rounded-2xl { background-color: #111318; border-color: #2d2d3a !important; } /* ── Tablo ── */ [data-theme="inyaweb"] table { background-color: #111318 !important; color: #e5e7eb !important; } [data-theme="inyaweb"] th { background-color: #1a1c24 !important; color: #9ca3af !important; } [data-theme="inyaweb"] td { border-color: #2d2d3a !important; color: #e5e7eb !important; } [data-theme="inyaweb"] tr:nth-child(even) td { background-color: #161820 !important; } /* ── SSS / Accordion ── */ [data-theme="inyaweb"] details > summary { background-color: #1a1c24 !important; color: #e5e7eb !important; border-color: #374151 !important; } [data-theme="inyaweb"] details[open] > summary { background-color: #0d0f16 !important; } [data-theme="inyaweb"] details > div, [data-theme="inyaweb"] details > p { background-color: #111318 !important; color: #9ca3af !important; border-color: #2d2d3a !important; } /* ── Breadcrumb ── */ [data-theme="inyaweb"] nav[aria-label="breadcrumb"] a, [data-theme="inyaweb"] .text-blue-200 { color: #6b7280 !important; } /* ── Harita Sarmalayıcı ── */ [data-theme="inyaweb"] .aspect-video > iframe { filter: grayscale(30%) brightness(0.9); } /* ── Ayırıcılar ── */ [data-theme="inyaweb"] hr { border-color: #2d2d3a !important; } [data-theme="inyaweb"] .divide-gray-200 > * + * { border-color: #2d2d3a !important; } /* Border-top/bottom: sadece yeterince spesifik kontekste geçersiz kıl */ [data-theme="inyaweb"] section .border-t, [data-theme="inyaweb"] section .border-b { border-color: #2d2d3a !important; } /* ── Stat / Why-Us bölümü ── */ [data-theme="inyaweb"] .bg-brand { background-color: #0a0a0f !important; border-top: 1px solid #1f2937; } /* Hizmet detay: SSS ve fayda kartlari */ [data-theme="inyaweb"] #faq-accordion .faq-item { background-color: #111318 !important; border-color: #2d2d3a !important; } [data-theme="inyaweb"] #faq-accordion .faq-item > button, [data-theme="inyaweb"] #faq-accordion .faq-item > button.hover\:bg-gray-50 { background-color: #111318 !important; color: #f1f5f9 !important; } [data-theme="inyaweb"] #faq-accordion .faq-item > button:hover, [data-theme="inyaweb"] #faq-accordion .faq-item > button:focus { background-color: #1a1c24 !important; } [data-theme="inyaweb"] #faq-accordion .faq-item > button span { color: #f1f5f9 !important; } [data-theme="inyaweb"] #faq-accordion .faq-chevron { color: #9ca3af !important; } [data-theme="inyaweb"] #faq-accordion .faq-answer { background-color: #111318 !important; } [data-theme="inyaweb"] #faq-accordion .faq-answer, [data-theme="inyaweb"] #faq-accordion .faq-answer div, [data-theme="inyaweb"] #faq-accordion .faq-answer p { color: #cbd5e1 !important; } [data-theme="inyaweb"] .bg-white.rounded-2xl .space-y-3 > .bg-gray-50.rounded-xl { background-color: #111318 !important; border: 1px solid #2d2d3a !important; } [data-theme="inyaweb"] .bg-white.rounded-2xl .space-y-3 > .bg-gray-50.rounded-xl:hover { background-color: #1a1c24 !important; } [data-theme="inyaweb"] .bg-white.rounded-2xl .space-y-3 > .bg-gray-50.rounded-xl span { color: #dbe4f0 !important; } /* Service detail page - InyaWeb theme only */ [data-theme="inyaweb"] .gradient-bg { padding-top: clamp(118px, 12vh, 150px) !important; padding-bottom: clamp(58px, 8vh, 86px) !important; background: radial-gradient(ellipse 760px 420px at 54% 18%, rgba(20, 115, 255, .34) 0%, rgba(20, 115, 255, .12) 40%, transparent 72%), linear-gradient(90deg, #03060d 0%, #071a42 46%, #05070d 100%) !important; } [data-theme="inyaweb"] .gradient-bg::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(ellipse at center, #000 0%, transparent 82%); opacity: .62; } [data-theme="inyaweb"] .gradient-bg > .max-w-7xl { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1280px) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; } [data-theme="inyaweb"] .gradient-bg nav { color: rgba(226, 232, 240, .72) !important; } [data-theme="inyaweb"] .gradient-bg nav a, [data-theme="inyaweb"] .gradient-bg nav span:not(.w-2) { color: rgba(226, 232, 240, .72) !important; } [data-theme="inyaweb"] .gradient-bg nav a:hover, [data-theme="inyaweb"] .gradient-bg nav span.text-white { color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg .inline-flex.bg-white\/10 { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .12); color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg h1 { max-width: 760px; font-size: clamp(42px, 4.5vw, 66px) !important; line-height: .98 !important; letter-spacing: 0 !important; color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg p { max-width: 620px !important; color: #cbd5e1 !important; font-weight: 500; } [data-theme="inyaweb"] .gradient-bg .w-72.h-72, [data-theme="inyaweb"] .gradient-bg img.rounded-2xl { background: rgba(255, 255, 255, .08) !important; border: 1px solid rgba(255, 255, 255, .18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 28px 80px rgba(0, 0, 0, .24) !important; } [data-theme="inyaweb"] .gradient-bg .w-72.h-72 i { color: rgba(255, 255, 255, .52) !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white { background: #ffffff !important; color: #111827 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 > .max-w-7xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white > .max-w-7xl { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1280px) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 h2, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 h3, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .text-gray-900, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white h2, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white h3, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .text-gray-900 { color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 p, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .text-gray-700, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .text-gray-600, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .text-gray-500, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white p, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .text-gray-700, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .text-gray-600, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .text-gray-500 { color: #5b6472 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .bg-gray-50.rounded-2xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .bg-gray-50.rounded-xl { background: #ffffff !important; border-color: #e8edf5 !important; color: #101828 !important; box-shadow: 0 18px 50px rgba(15, 23, 42, .06); } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-gray-50, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .bg-gray-50 { background: #f7f9fc !important; border-color: #e8edf5 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-gray-50:hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .bg-gray-50:hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .hover\:bg-gray-50:hover { background: #eef5ff !important; border-color: rgba(20, 115, 255, .24) !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .border-gray-100, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .border-gray-100, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .border.rounded-xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .border.rounded-2xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .border.rounded-xl, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white .border.rounded-2xl { border-color: #e8edf5 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-item, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-answer, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-item > button { background: #ffffff !important; color: #101828 !important; border-color: #e8edf5 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-item > button:hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-item > button:focus { background: #f7f9fc !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-item > button span { color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-chevron { color: #667085 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-answer, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-answer div, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 #faq-accordion .faq-answer p { color: #5b6472 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 a.hover\:bg-blue-50:not([style*="background"]):hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 a:not([style*="background"]):not(.bg-brand):not([class*="bg-"]):hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white a:not([style*="background"]):not(.bg-brand):not([class*="bg-"]):hover { color: #1473ff !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl .space-y-3 > .flex.items-start.gap-3.p-4.rounded-xl.bg-gray-50 { align-items: center !important; min-height: 58px; padding: 16px 18px !important; background: linear-gradient(135deg, rgba(20, 115, 255, .08), rgba(255, 255, 255, 0) 58%), #f8fbff !important; border: 1px solid #e5edf8 !important; border-radius: 14px !important; box-shadow: none !important; transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl .space-y-3 > .flex.items-start.gap-3.p-4.rounded-xl.bg-gray-50:hover { background: linear-gradient(135deg, rgba(20, 115, 255, .12), rgba(255, 255, 255, 0) 62%), #ffffff !important; border-color: rgba(20, 115, 255, .28) !important; box-shadow: 0 12px 30px rgba(15, 23, 42, .07) !important; transform: translateY(-1px); } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl .space-y-3 > .flex.items-start.gap-3.p-4.rounded-xl.bg-gray-50 > .w-8.h-8 { width: 34px !important; height: 34px !important; margin-top: 0 !important; background: #eaf2ff !important; color: #1473ff !important; border: 1px solid rgba(20, 115, 255, .16); } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl .space-y-3 > .flex.items-start.gap-3.p-4.rounded-xl.bg-gray-50 > .w-8.h-8 svg { color: #1473ff !important; stroke: currentColor !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .bg-white.rounded-2xl .space-y-3 > .flex.items-start.gap-3.p-4.rounded-xl.bg-gray-50 > span { color: #263244 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.55 !important; } @media (max-width: 1024px) { [data-theme="inyaweb"] .gradient-bg { padding-top: 112px !important; padding-bottom: 64px !important; } [data-theme="inyaweb"] .gradient-bg h1 { font-size: clamp(38px, 7vw, 54px) !important; } } @media (max-width: 640px) { [data-theme="inyaweb"] .gradient-bg { padding-top: 104px !important; padding-bottom: 52px !important; } [data-theme="inyaweb"] .gradient-bg h1 { font-size: 38px !important; line-height: 1.04 !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 ~ section.bg-white { padding-top: 42px !important; padding-bottom: 42px !important; } } /* InyaWeb subpages: pages, contact, about, FAQ and form pages */ [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) { background: #ffffff !important; color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) > .max-w-7xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) > .max-w-6xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) > .max-w-5xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) > .max-w-4xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) > .container { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1280px) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) h1, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) h2, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) h3, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) h4, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .text-gray-900, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .text-gray-800 { color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) p, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) li, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .text-gray-700, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .text-gray-600, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .text-gray-500, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose { color: #5b6472 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose strong, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose b { color: #1d2939 !important; font-weight: 800 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h1, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h2, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h3, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h4, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h5, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h6 { color: #101828 !important; font-weight: 900 !important; line-height: 1.22 !important; letter-spacing: 0 !important; margin-top: 1.35em !important; margin-bottom: .65em !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h1 { font-size: clamp(32px, 4vw, 44px) !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h2 { font-size: clamp(24px, 3vw, 32px) !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose h3 { font-size: clamp(20px, 2.4vw, 26px) !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose p { margin-top: 0 !important; margin-bottom: 1.05em !important; color: #344054 !important; line-height: 1.8 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose ul, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose ol { margin: .75em 0 1.25em 1.35em !important; padding-left: 1.25em !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose ul { list-style: disc !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose ol { list-style: decimal !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose li { display: list-item !important; margin: .38em 0 !important; padding-left: .15em !important; color: #344054 !important; line-height: 1.75 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose a { color: #1473ff !important; font-weight: inherit; text-decoration: none; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .prose a:hover { color: #0b5ed7 !important; text-decoration: underline; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) a:not(.bg-brand):not(.bg-accent):not([class*="bg-"]):not([style*="background"]) { color: #1473ff !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) a:not(.bg-brand):not(.bg-accent):not([class*="bg-"]):not([style*="background"]):hover { color: #0b5ed7 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-white.rounded, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-white.rounded-xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-white.rounded-2xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-white.rounded-3xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-gray-50.rounded, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-gray-50.rounded-xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-gray-50.rounded-2xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-gray-50.rounded-3xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .cf-form-wrap > .bg-white { background: #ffffff !important; border-color: #e8edf5 !important; color: #101828 !important; box-shadow: 0 18px 50px rgba(15, 23, 42, .06); } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-gray-50:not(.rounded):not(.rounded-xl):not(.rounded-2xl):not(.rounded-3xl) { background: #f7f9fc !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .hover\:bg-gray-50:hover, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .hover\:bg-blue-50:hover, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .group:hover { border-color: rgba(20, 115, 255, .26) !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .border-gray-100, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .border-gray-200, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .border.rounded-xl, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .border.rounded-2xl { border-color: #e8edf5 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) textarea, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) select { background: #ffffff !important; border-color: #d8e1ee !important; color: #101828 !important; box-shadow: none !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) input:focus, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) textarea:focus, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) select:focus { border-color: #1473ff !important; box-shadow: 0 0 0 4px rgba(20, 115, 255, .12) !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) input::placeholder, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) textarea::placeholder { color: #98a2b3 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) label { color: #344054 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-item, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) details, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) details > summary, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) details > div { background: #ffffff !important; border-color: #e8edf5 !important; color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-item > button { background: #ffffff !important; color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-item > button:hover, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) details > summary:hover { background: #f7f9fc !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-answer, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-answer div, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .faq-answer p { color: #5b6472 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) table { background: #ffffff !important; color: #101828 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) th { background: #f7f9fc !important; color: #344054 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) td { color: #5b6472 !important; border-color: #e8edf5 !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) a.bg-brand, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) button.bg-brand, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) .bg-brand.text-white { background: #1473ff !important; border-color: #1473ff !important; color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) a.bg-brand:hover, [data-theme="inyaweb"] .gradient-bg ~ section:not(.bg-brand) button.bg-brand:hover { background: #0b5ed7 !important; border-color: #0b5ed7 !important; color: #ffffff !important; } [data-theme="inyaweb"] #stats-section.bg-brand, [data-theme="inyaweb"] #ref-stats-section.bg-brand { background: radial-gradient(ellipse 620px 240px at 50% 0%, rgba(20, 115, 255, .28) 0%, transparent 72%), linear-gradient(90deg, #03060d 0%, #071a42 48%, #05070d 100%) !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .08); } [data-theme="inyaweb"] #stats-section.bg-brand > .max-w-7xl, [data-theme="inyaweb"] #ref-stats-section.bg-brand > .max-w-7xl { width: min(calc(100% - clamp(32px, 5vw, 80px)), 1280px) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; } [data-theme="inyaweb"] #stats-section .text-accent, [data-theme="inyaweb"] #ref-stats-section .text-accent { color: #ffffff !important; } [data-theme="inyaweb"] #stats-section .text-blue-200, [data-theme="inyaweb"] #ref-stats-section .text-blue-200 { color: #aab8ce !important; } /* InyaWeb 404 */ /* InyaWeb 404 */ [data-theme="inyaweb"]:has(.page-404-section) .inya-header, [data-theme="inyaweb"]:has(section[class*="min-h-[60vh]"]) .inya-header { position: sticky !important; top: 0 !important; background: #05070c !important; color: #ffffff !important; box-shadow: 0 2px 12px 0 rgba(0,0,0,.04) !important; } [data-theme="inyaweb"] section.page-404-section, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] { min-height: 60vh !important; padding-top: clamp(60px, 8vh, 100px) !important; padding-bottom: clamp(60px, 8vh, 100px) !important; background: #ffffff !important; color: #232b3b !important; position: relative; overflow: hidden; } [data-theme="inyaweb"] section.page-404-section::before, [data-theme="inyaweb"] section[class*="min-h-[60vh]"]::before { display: none !important; } [data-theme="inyaweb"] section.page-404-section > div, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] > div { position: relative; z-index: 1; width: min(calc(100% - clamp(32px, 5vw, 80px)), 760px); padding: 18px 0; } [data-theme="inyaweb"] section.page-404-section .text-9xl, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] .text-9xl { margin-bottom: -34px !important; color: #232b3b22 !important; font-size: clamp(112px, 15vw, 190px) !important; line-height: .82 !important; text-shadow: none !important; } [data-theme="inyaweb"] section.page-404-section h1, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] h1 { color: #232b3b !important; font-size: clamp(34px, 4.2vw, 54px) !important; line-height: 1.05 !important; margin-top: 0 !important; margin-bottom: 18px !important; letter-spacing: 0 !important; } [data-theme="inyaweb"] section.page-404-section p, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] p { color: #444444 !important; max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.75 !important; } [data-theme="inyaweb"] section.page-404-section a.bg-brand, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] a.bg-brand { background: #1473ff !important; color: #ffffff !important; border-color: #1473ff !important; min-width: 188px; justify-content: center; box-shadow: 0 14px 32px rgba(20, 115, 255, .15) !important; } [data-theme="inyaweb"] section.page-404-section a.bg-brand:hover, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] a.bg-brand:hover { background: #0b5ed7 !important; } [data-theme="inyaweb"] section.page-404-section a.border, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] a.border { background: transparent !important; border-color: #1473ff !important; color: #1473ff !important; min-width: 188px; justify-content: center; } [data-theme="inyaweb"] section.page-404-section a.border:hover, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] a.border:hover { background: #f0f7ff !important; } @media (max-width: 640px) { [data-theme="inyaweb"] .page-404-section, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] { padding-top: 80px !important; min-height: 60vh !important; } [data-theme="inyaweb"] section.page-404-section .text-9xl, [data-theme="inyaweb"] section[class*="min-h-[60vh]"] .text-9xl { margin-bottom: -22px !important; } } /* Filled CTA buttons: keep contrast on hover */ [data-theme="inyaweb"] a.bg-brand, [data-theme="inyaweb"] button.bg-brand, [data-theme="inyaweb"] a.bg-accent, [data-theme="inyaweb"] button.bg-accent, [data-theme="inyaweb"] a.bg-\[\#25d366\], [data-theme="inyaweb"] button.bg-\[\#25d366\], [data-theme="inyaweb"] a.bg-\[\#0066ff\], [data-theme="inyaweb"] button.bg-\[\#0066ff\], [data-theme="inyaweb"] a[class*="bg-blue-"].text-white, [data-theme="inyaweb"] button[class*="bg-blue-"].text-white, [data-theme="inyaweb"] a[class*="bg-green-"].text-white, [data-theme="inyaweb"] button[class*="bg-green-"].text-white, [data-theme="inyaweb"] a[class*="bg-gray-"].text-white, [data-theme="inyaweb"] button[class*="bg-gray-"].text-white { color: #ffffff !important; } [data-theme="inyaweb"] a.bg-brand:hover, [data-theme="inyaweb"] button.bg-brand:hover, [data-theme="inyaweb"] a.bg-accent:hover, [data-theme="inyaweb"] button.bg-accent:hover, [data-theme="inyaweb"] a.bg-\[\#25d366\]:hover, [data-theme="inyaweb"] button.bg-\[\#25d366\]:hover, [data-theme="inyaweb"] a.bg-\[\#0066ff\]:hover, [data-theme="inyaweb"] button.bg-\[\#0066ff\]:hover, [data-theme="inyaweb"] a[class*="hover:bg-blue-"]:hover, [data-theme="inyaweb"] button[class*="hover:bg-blue-"]:hover, [data-theme="inyaweb"] a[class*="hover:bg-green-"]:hover, [data-theme="inyaweb"] button[class*="hover:bg-green-"]:hover, [data-theme="inyaweb"] a[class*="hover:bg-gray-"]:hover, [data-theme="inyaweb"] button[class*="hover:bg-gray-"]:hover { color: #ffffff !important; } [data-theme="inyaweb"] a.bg-brand:hover svg, [data-theme="inyaweb"] button.bg-brand:hover svg, [data-theme="inyaweb"] a[class*="hover:bg-blue-"]:hover svg, [data-theme="inyaweb"] button[class*="hover:bg-blue-"]:hover svg, [data-theme="inyaweb"] a[class*="hover:bg-green-"]:hover svg, [data-theme="inyaweb"] button[class*="hover:bg-green-"]:hover svg, [data-theme="inyaweb"] a[class*="hover:bg-gray-"]:hover svg, [data-theme="inyaweb"] button[class*="hover:bg-gray-"]:hover svg { color: #ffffff !important; stroke: currentColor !important; } [data-theme="inyaweb"] a.border-brand.text-brand:hover, [data-theme="inyaweb"] button.border-brand.text-brand:hover, [data-theme="inyaweb"] a.border-2.border-brand.text-brand:hover, [data-theme="inyaweb"] button.border-2.border-brand.text-brand:hover { background: #1473ff !important; border-color: #1473ff !important; color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-\[\#25d366\], [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"], [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"] { color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand *, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-\[\#25d366\] *, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"] *, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"] * { color: #ffffff !important; fill: #ffffff !important; stroke: currentColor !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.border { color: #ffffff !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.border *, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.border i, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.border svg { color: #ffffff !important; stroke: currentColor !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"], [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"]:hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand:hover, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"], [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"]:hover { color: #ffffff !important; text-decoration: none !important; } [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"] i, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[style*="background"] svg, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand i, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a.bg-brand svg, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"] i, [data-theme="inyaweb"] .gradient-bg + section.bg-gray-50 .sticky a[href^="https://wa.me/"] svg { color: #ffffff !important; fill: #ffffff !important; stroke: currentColor !important; }