34 Günde TYT Matematik Kampı!

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); .tyt-landing-page { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; line-height: 1.6; color: #ffffff; background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 50%, #0f1419 100%); min-height: 100vh; margin: 0; padding: 0; overflow-x: hidden; } .tyt-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } /* Header Styles */ /* header removed in this layout */ .tyt-header-content { display: flex; align-items: center; justify-content: space-between; } .tyt-brand { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 18px; color: #ffffff; } .tyt-logo { width: 45px; height: 45px; border-radius: 12px; background: linear-gradient(135deg, #fe8902 0%, #ff6b35 100%); display: flex; align-items: center; justify-content: center; font-weight: 800; color: white; font-size: 20px; box-shadow: 0 8px 32px rgba(254, 137, 2, 0.3); } .tyt-badge { background: linear-gradient(135deg, rgba(254, 137, 2, 0.15) 0%, rgba(255, 107, 53, 0.15) 100%); border: 1px solid rgba(254, 137, 2, 0.4); color: #fe8902; padding: 8px 16px; border-radius: 25px; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* Hero Section */ .tyt-hero { padding: 80px 0 60px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; } .tyt-hero-content { animation: fadeInUp 0.8s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .tyt-hero-badge { background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(16, 185, 129, 0.15) 100%); border: 1px solid rgba(34, 197, 94, 0.4); color: #22c55e; padding: 6px 14px; border-radius: 20px; font-weight: 600; font-size: 13px; display: inline-block; margin-bottom: 24px; } .tyt-hero h1 { font-size: 48px; font-weight: 800; line-height: 1.1; margin: 0 0 20px 0; background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .tyt-hero-subtitle { font-size: 20px; color: #94a3b8; margin-bottom: 32px; font-weight: 500; } .tyt-cta-primary { background: linear-gradient(135deg, #fe8902 0%, #ff6b35 100%); color: #0f1419; border: none; padding: 16px 32px; border-radius: 12px; font-weight: 800; font-size: 18px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(254, 137, 2, 0.4); display: inline-flex; align-items: center; gap: 12px; text-decoration: none; } .tyt-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(254, 137, 2, 0.5); } .tyt-hero-note { font-size: 14px; color: #64748b; margin-top: 16px; line-height: 1.5; } /* Hero Visual */ .tyt-hero-visual { position: relative; animation: fadeInRight 0.8s ease-out 0.2s both; } @keyframes fadeInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } .tyt-visual-card { background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 20px; padding: 20px; backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; } .tyt-visual-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(254, 137, 2, 0.5), transparent); } .tyt-visual-card img { width: 100%; height: auto; border-radius: 16px; display: block; } /* Form Section */ .tyt-form-section { padding: 60px 0; background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%); backdrop-filter: blur(20px); border-radius: 24px; border: 1px solid rgba(148, 163, 184, 0.1); margin: 40px 0; position: relative; overflow: hidden; } .tyt-form-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #fe8902, transparent); } .tyt-form-container { max-width: 600px; margin: 0 auto; text-align: center; } .tyt-form-title { font-size: 32px; font-weight: 700; margin-bottom: 12px; background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .tyt-form-subtitle { color: #94a3b8; font-size: 16px; margin-bottom: 40px; } /* Form Styles */ .tyt-form { display: flex; flex-direction: column; gap: 20px; text-align: left; } .tyt-form-group { display: flex; flex-direction: column; gap: 8px; } .tyt-form-label { font-weight: 600; color: #e2e8f0; font-size: 15px; } .tyt-form-input, .tyt-form-select { background: rgba(30, 41, 59, 0.8); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 10px; padding: 14px 16px; color: #ffffff; font-size: 16px; transition: all 0.3s ease; } .tyt-form-input:focus, .tyt-form-select:focus { outline: none; border-color: #fe8902; box-shadow: 0 0 0 3px rgba(254, 137, 2, 0.1); background: rgba(30, 41, 59, 1); } .tyt-form-input::placeholder { color: #64748b; } .tyt-phone-wrapper { display: flex; gap: 10px; } .tyt-country-code { flex: 0 0 100px; } .tyt-phone-input { flex: 1; } .tyt-form-note { font-size: 13px; color: #64748b; line-height: 1.4; } .tyt-form-note a { color: #2BB2FC; text-decoration: none; } .tyt-form-note a:hover { text-decoration: underline; } /* Footer */ /* footer removed in this layout */ /* Responsive Design */ @media (max-width: 768px) { .tyt-container { padding: 0 16px; } .tyt-header-content { flex-direction: column; gap: 16px; text-align: center; } .tyt-hero { grid-template-columns: 1fr; gap: 40px; padding: 40px 0; text-align: center; } .tyt-hero-visual { order: -1; } .tyt-hero h1 { font-size: 36px; } .tyt-hero-subtitle { font-size: 18px; } .tyt-form-section { padding: 40px 20px; margin: 20px 0; } .tyt-form-title { font-size: 28px; } } /* Additional animations */ .tyt-form-section { animation: fadeIn 1s ease-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Stat Badge Styles */ .tyt-stat-badge { position: absolute; top: 20px; padding: 8px 16px; border-radius: 20px; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .tyt-stat-left { left: 20px; background: linear-gradient(135deg, rgba(254, 137, 2, 0.8) 0%, rgba(255, 107, 53, 0.8) 100%); } .tyt-stat-right { right: 20px; background: linear-gradient(135deg, rgba(34, 197, 94, 0.8) 0%, rgba(16, 185, 129, 0.8) 100%); } /* Hero stat badges */ .tyt-visual-card { position: relative; } .tyt-stat-badge { position: absolute; top: 14px; background: rgba(15,23,42,0.9); color: #fff; border: 1px solid rgba(148,163,184,0.3); padding: 8px 12px; border-radius: 12px; font-weight: 800; font-size: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); backdrop-filter: blur(6px); } .tyt-stat-left { left: 14px; } .tyt-stat-right { right: 14px; } /* Spacing overrides per requested layout */ .tyt-container { padding: 0 28px; } .tyt-hero { padding: 96px 0 48px; gap: 32px; } .tyt-hero h1 { margin: 0 0 16px; } .tyt-hero-subtitle { margin-bottom: 28px; } .tyt-form-section { margin: 64px 0; padding: 72px 0; } .tyt-form { gap: 16px; } .tyt-form-group { gap: 10px; } #kayit-formu { scroll-margin-top: 90px; } /* footer spacing no longer needed */ @media (max-width:768px){ .tyt-container{ padding:0 16px; } .tyt-hero{ padding:56px 0 36px; gap:32px; } .tyt-form-section{ margin:32px 0; padding:44px 20px; } #kayit-formu{ scroll-margin-top:80px; } } /* Reference-style components */ .ribbon-cta{ background:#22c55e; color:#0b1220; border-radius:12px; font-weight:900; letter-spacing:.3px; text-align:center; padding:16px 24px; box-shadow:0 14px 40px rgba(34,197,94,.35); display:inline-block; } .price-pill{ display:inline-block; margin-top:8px; background:#0b1220; color:#fff; border-radius:999px; padding:8px 14px; border:1px solid rgba(255,255,255,.2); font-weight:800; font-size:14px; } .thin-strip{height:8px;background:#ef4444;border-radius:4px;margin:24px 0} .center{text-align:center} /* TYT Matematik’te section */ .tyt-math{background:linear-gradient(135deg, rgba(15,23,42,0.8), rgba(2,6,23,0.9));padding:48px 0;border-radius:20px;border:1px solid rgba(148,163,184,.12);margin:32px 0} .tyt-math-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center} .tyt-math-title{font-size:36px;font-weight:900;margin:0 0 14px} .red-list{display:grid;gap:12px} .red-item{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.35);border-radius:14px;padding:14px 16px;color:#fee2e2} .red-item strong{color:#fff} /* Reasons grid */ .reasons{margin:32px 0} .reasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .reason{background:#0e182d;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;color:#dbe3f1;font-weight:700} /* Content boxes */ .contents{margin:32px 0} .contents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .content-card{background:transparent;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;color:#e5eefc;text-align:center;font-weight:700} .content-card:hover{background:rgba(255,255,255,.02)} @media(max-width:900px){ .tyt-math-grid{grid-template-columns:1fr} .reasons-grid{grid-template-columns:1fr 1fr} .contents-grid{grid-template-columns:1fr} } /* Section title with lines */ .section-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900;margin:0 0 16px;text-transform:uppercase;letter-spacing:.3px} .section-title:before,.section-title:after{content:"";height:3px;background:linear-gradient(90deg,#60a5fa,#22d3ee);border-radius:3px;flex:1;opacity:.6} .section-title span{white-space:nowrap} /* CTA sizing like ribbon */ .ribbon-cta{display:inline-block;min-width:320px;padding:18px 28px;border:2px solid rgba(255,255,255,.06)} @media(max-width:768px){.ribbon-cta{display:block;width:100%}} 34 Günde TYT Matematiği Bitiriyoruz 🔥 Son 9 Kontenjan Mezun, 12, 11, 10 ve 9. sınıflar için sıfırdan zirveye. Günlük rehberlik, ödev takip ve sınav stratejileriyle hedefine emin adımlarla ilerle. 8 Netten 24.75 Net’e HEMEN TIKLA VE KAYIT OL TAMAMEN ÜCRETSİZ | 0₺ TYT Matematik’te Sıfırdan başlayarak tüm konuları eksiksiz öğren. Ücretsiz AYT/TYT notları ve premium içerikler. Derece öğrencilerinden onaylı kamp. Süreçte motivasyon ve sürekli destek. Bu Kampı Neden Kullanmalısın? ÖSYM ile birebir Net artışı odaklı TYT kampı Türkiye derecelisi tarafından hazırlandı 1000+ derece öğrencisi test etti HEMEN TIKLA VE KAYIT OL TAMAMEN ÜCRETSİZ | 0₺ Bu Kamp Neleri İçeriyor? Dereceye Girmiş Öğrencilerden Taktikler 34 Günlük Kamp Takvimi Adım Adım Çalışma Videoları @font-face { font-display: block; font-family: Roboto; src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 600; src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff") } @font-face { font-display: fallback; font-family: Roboto; font-weight: 700; src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff") } #sib-container input:-ms-input-placeholder { text-align: left; font-family: Helvetica, sans-serif; color: #0e1013; } #sib-container input::placeholder { text-align: left; font-family: Helvetica, sans-serif; color: #0e1013; } #sib-container textarea::placeholder { text-align: left; font-family: Helvetica, sans-serif; color: #0e1013; } #sib-container a { text-decoration: underline; color: #ffffff; } Aboneliğiniz kaydedilemedi. Lütfen tekrar deneyin. Aboneliğiniz başarıyla tamamlandı. Ücretsiz TYT Matematik Kampı Adınız Soyadınız Adınızı ve soyadınızı giriniz. Sınıfınız Select one Mezun 9. Sınıf 10. Sınıf 11. Sınıf 12. Sınıf Enter your SMS +90 TR The SMS field must contain between 6 and 19 digits and include the country code without using +/0 (e.g. 1xxxxxxxxxx for the United States) ? E-mail Adresiniz Hemen Tıkla ve Hediyeleri Al! Kayıt Olarak Gizlilik Politikasını onaylıyorum. Dikkat: Bilgilendirme için mail ve SMS gönderilecektir. Mail ve Telefon numaranızı doğru giriniz. window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code'; window.LOCALE = 'en'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Girilen bilgiler geçersiz. Lütfen alan formatını kontrol edin ve tekrar deneyin."; window.REQUIRED_ERROR_MESSAGE = "Bu alan boş bırakılamaz. "; window.GENERIC_INVALID_MESSAGE = "Girilen bilgiler geçersiz. Lütfen alan formatını kontrol edin ve tekrar deneyin."; window.translation = { common: { selectedList: '{quantity} list selected', selectedLists: '{quantity} lists selected', selectedOption: '{quantity} selected', selectedOptions: '{quantity} selected', } }; var AUTOHIDE = Boolean(0); BENİM KOÇUM ONLİNE KOÇLUK SİSTEMİ İLE BAŞARANLAR! @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); .tyt-landing-page { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; line-height: 1.6; color: #ffffff; background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 50%, #0f1419 100%); min-height: 100vh; margin: 0; padding: 0; overflow-x: hidden; } .tyt-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } /* Header Styles */ /* header removed in this layout */ .tyt-header-content { display: flex; align-items: center; justify-content: space-between; } .tyt-brand { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 18px; color: #ffffff; } .tyt-logo { width: 45px; height: 45px; border-radius: 12px; background: linear-gradient(135deg, #fe8902 0%, #ff6b35 100%); display: flex; align-items: center; justify-content: center; font-weight: 800; color: white; font-size: 20px; box-shadow: 0 8px 32px rgba(254, 137, 2, 0.3); } .tyt-badge { background: linear-gradient(135deg, rgba(254, 137, 2, 0.15) 0%, rgba(255, 107, 53, 0.15) 100%); border: 1px solid rgba(254, 137, 2, 0.4); color: #fe8902; padding: 8px 16px; border-radius: 25px; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* Hero Section */ .tyt-hero { padding: 80px 0 60px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; } .tyt-hero-content { animation: fadeInUp 0.8s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .tyt-hero-badge { background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(16, 185, 129, 0.15) 100%); border: 1px solid rgba(34, 197, 94, 0.4); color: #22c55e; padding: 6px 14px; border-radius: 20px; font-weight: 600; font-size: 13px; display: inline-block; margin-bottom: 24px; } .tyt-hero h1 { font-size: 48px; font-weight: 800; line-height: 1.1; margin: 0 0 20px 0; background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .tyt-hero-subtitle { font-size: 20px; color: #94a3b8; margin-bottom: 32px; font-weight: 500; } .tyt-cta-primary { background: linear-gradient(135deg, #fe8902 0%, #ff6b35 100%); color: #0f1419; border: none; padding: 16px 32px; border-radius: 12px; font-weight: 800; font-size: 18px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(254, 137, 2, 0.4); display: inline-flex; align-items: center; gap: 12px; text-decoration: none; } .tyt-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(254, 137, 2, 0.5); } .tyt-hero-note { font-size: 14px; color: #64748b; margin-top: 16px; line-height: 1.5; } /* Hero Visual */ .tyt-hero-visual { position: relative; animation: fadeInRight 0.8s ease-out 0.2s both; } @keyframes fadeInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } .tyt-visual-card { background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 20px; padding: 20px; backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; } .tyt-visual-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(254, 137, 2, 0.5), transparent); } .tyt-visual-card img { width: 100%; height: auto; border-radius: 16px; display: block; } /* Form Section */ .tyt-form-section { padding: 60px 0; background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%); backdrop-filter: blur(20px); border-radius: 24px; border: 1px solid rgba(148, 163, 184, 0.1); margin: 40px 0; position: relative; overflow: hidden; } .tyt-form-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #fe8902, transparent); } .tyt-form-container { max-width: 600px; margin: 0 auto; text-align: center; } .tyt-form-title { font-size: 32px; font-weight: 700; margin-bottom: 12px; background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .tyt-form-subtitle { color: #94a3b8; font-size: 16px; margin-bottom: 40px; } /* Form Styles */ .tyt-form { display: flex; flex-direction: column; gap: 20px; text-align: left; } .tyt-form-group { display: flex; flex-direction: column; gap: 8px; } .tyt-form-label { font-weight: 600; color: #e2e8f0; font-size: 15px; } .tyt-form-input, .tyt-form-select { background: rgba(30, 41, 59, 0.8); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 10px; padding: 14px 16px; color: #ffffff; font-size: 16px; transition: all 0.3s ease; } .tyt-form-input:focus, .tyt-form-select:focus { outline: none; border-color: #fe8902; box-shadow: 0 0 0 3px rgba(254, 137, 2, 0.1); background: rgba(30, 41, 59, 1); } .tyt-form-input::placeholder { color: #64748b; } .tyt-phone-wrapper { display: flex; gap: 10px; } .tyt-country-code { flex: 0 0 100px; } .tyt-phone-input { flex: 1; } .tyt-form-note { font-size: 13px; color: #64748b; line-height: 1.4; } .tyt-form-note a { color: #2BB2FC; text-decoration: none; } .tyt-form-note a:hover { text-decoration: underline; } /* Footer */ /* footer removed in this layout */ /* Responsive Design */ @media (max-width: 768px) { .tyt-container { padding: 0 16px; } .tyt-header-content { flex-direction: column; gap: 16px; text-align: center; } .tyt-hero { grid-template-columns: 1fr; gap: 40px; padding: 40px 0; text-align: center; } .tyt-hero-visual { order: -1; } .tyt-hero h1 { font-size: 36px; } .tyt-hero-subtitle { font-size: 18px; } .tyt-form-section { padding: 40px 20px; margin: 20px 0; } .tyt-form-title { font-size: 28px; } } /* Additional animations */ .tyt-form-section { animation: fadeIn 1s ease-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Stat Badge Styles */ .tyt-stat-badge { position: absolute; top: 20px; padding: 8px 16px; border-radius: 20px; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .tyt-stat-left { left: 20px; background: linear-gradient(135deg, rgba(254, 137, 2, 0.8) 0%, rgba(255, 107, 53, 0.8) 100%); } .tyt-stat-right { right: 20px; background: linear-gradient(135deg, rgba(34, 197, 94, 0.8) 0%, rgba(16, 185, 129, 0.8) 100%); } /* Hero stat badges */ .tyt-visual-card { position: relative; } .tyt-stat-badge { position: absolute; top: 14px; background: rgba(15,23,42,0.9); color: #fff; border: 1px solid rgba(148,163,184,0.3); padding: 8px 12px; border-radius: 12px; font-weight: 800; font-size: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); backdrop-filter: blur(6px); } .tyt-stat-left { left: 14px; } .tyt-stat-right { right: 14px; } /* Spacing overrides per requested layout */ .tyt-container { padding: 0 28px; } .tyt-hero { padding: 96px 0 48px; gap: 32px; } .tyt-hero h1 { margin: 0 0 16px; } .tyt-hero-subtitle { margin-bottom: 28px; } .tyt-form-section { margin: 64px 0; padding: 72px 0; } .tyt-form { gap: 16px; } .tyt-form-group { gap: 10px; } #kayit-formu { scroll-margin-top: 90px; } /* footer spacing no longer needed */ @media (max-width:768px){ .tyt-container{ padding:0 16px; } .tyt-hero{ padding:56px 0 36px; gap:32px; } .tyt-form-section{ margin:32px 0; padding:44px 20px; } #kayit-formu{ scroll-margin-top:80px; } } /* Reference-style components */ .ribbon-cta{ background:#22c55e; color:#0b1220; border-radius:12px; font-weight:900; letter-spacing:.3px; text-align:center; padding:16px 24px; box-shadow:0 14px 40px rgba(34,197,94,.35); display:inline-block; } .price-pill{ display:inline-block; margin-top:8px; background:#0b1220; color:#fff; border-radius:999px; padding:8px 14px; border:1px solid rgba(255,255,255,.2); font-weight:800; font-size:14px; } .thin-strip{height:8px;background:#ef4444;border-radius:4px;margin:24px 0} .center{text-align:center} /* TYT Matematik’te section */ .tyt-math{background:linear-gradient(135deg, rgba(15,23,42,0.8), rgba(2,6,23,0.9));padding:48px 0;border-radius:20px;border:1px solid rgba(148,163,184,.12);margin:32px 0} .tyt-math-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center} .tyt-math-title{font-size:36px;font-weight:900;margin:0 0 14px} .red-list{display:grid;gap:12px} .red-item{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.35);border-radius:14px;padding:14px 16px;color:#fee2e2} .red-item strong{color:#fff} /* Reasons grid */ .reasons{margin:32px 0} .reasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .reason{background:#0e182d;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;color:#dbe3f1;font-weight:700} /* Content boxes */ .contents{margin:32px 0} .contents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .content-card{background:#0e182d;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;color:#e5eefc;text-align:center;font-weight:700} @media(max-width:900px){ .tyt-math-grid{grid-template-columns:1fr} .reasons-grid{grid-template-columns:1fr 1fr} .contents-grid{grid-template-columns:1fr} } /* Section title with lines */ .section-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900;margin:0 0 16px;text-transform:uppercase;letter-spacing:.3px} .section-title:before,.section-title:after{content:"";height:3px;background:linear-gradient(90deg,#60a5fa,#22d3ee);border-radius:3px;flex:1;opacity:.6} .section-title span{white-space:nowrap} /* CTA sizing like ribbon */ .ribbon-cta{display:inline-block;min-width:320px;padding:18px 28px;border:2px solid rgba(255,255,255,.06)} @media(max-width:768px){.ribbon-cta{display:block;width:100%}} /* Brevo form harmonize */ #sib-form-container .input, #sib-form-container select, #sib-form-container input, #sib-form-container .sib-sms-input .input, #sib-form-container .sib-sms-input select, #sib-form-container .entry__field .input, #sib-form-container .entry__field select{ background:#0f1b30 !important; border:1px solid rgba(148,163,184,.25) !important; color:#e5eefc !important; border-radius:10px !important; box-shadow:none !important; outline:0 !important; -webkit-appearance:none; appearance:none; } #sib-form-container .input:hover, #sib-form-container select:hover, #sib-form-container input:hover, #sib-form-container .input:focus, #sib-form-container select:focus, #sib-form-container input:focus{ border-color:#22c55e !important; box-shadow:0 0 0 3px rgba(34,197,94,.15) !important; } #sib-form-container .form__entry .entry__field .input, #sib-form-container .form__entry .entry__field select{border-color:rgba(148,163,184,.25) !important} #sib-form-container input::placeholder{ color:#94a3b8 !important; } #sib-form-container .entry__label{color:#e5eefc!important} #sib-form-container .sib-form-block__button{background:#22c55e!important;color:#0b1220!important;border-radius:10px!important} /* Remove white background on autofill */ #sib-form-container input:-webkit-autofill, #sib-form-container input:-webkit-autofill:hover, #sib-form-container input:-webkit-autofill:focus{ -webkit-box-shadow:0 0 0 1000px #0f1b30 inset !important; -webkit-text-fill-color:#e5eefc !important; caret-color:#e5eefc !important; } #kayit-formu .tyt-container{max-width:760px} #kayit-formu{margin:40px 0} /* Ensure container and blocks are transparent */ #sib-container{background:transparent !important;border:0 !important} #sib-form-container{background:transparent !important} #sib-form-container .sib-form-block{background:transparent !important} #sib-form-container .form__entry{background:transparent !important} #sib-form-container .entry__field{background:transparent !important} /* Force border color in all states */ #sib-form-container input, #sib-form-container select{ border-color:rgba(148,163,184,.25) !important; } HEMEN TIKLA VE KAYIT OL TAMAMEN ÜCRETSİZ | 0₺