Ücretsiz TYT Coğrafya 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: #fff; 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 28px } .center { text-align: center } /* Badge */ .tyt-badge { background: linear-gradient(135deg, rgba(254, 137, 2, .15), rgba(255, 107, 53, .15)); border: 1px solid rgba(254, 137, 2, .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 */ .tyt-hero { padding: 96px 0 48px; gap: 32px } .tyt-hero h1 { font-size: 48px; font-weight: 800; line-height: 1.1; margin: 0 0 16px; background: linear-gradient(135deg, #fff, #e2e8f0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text } @media (max-width:768px) { .tyt-hero { padding: 56px 0 36px } .tyt-hero h1 { font-size: 36px } } .tyt-hero-visual { margin: 10px 0 18px } .tyt-visual-card { background: linear-gradient(135deg, rgba(30, 41, 59, .8), rgba(15, 23, 42, .9)); border: 1px solid rgba(148, 163, 184, .2); border-radius: 20px; padding: 20px; backdrop-filter: blur(20px); box-shadow: 0 20px 60px rgba(0, 0, 0, .3); position: relative; overflow: hidden } .tyt-visual-card img { width: 100%; height: auto; border-radius: 16px; display: block } .tyt-stat-badge { position: absolute; top: 14px; background: rgba(15, 23, 42, .9); color: #fff; border: 1px solid rgba(148, 163, 184, .3); padding: 8px 12px; border-radius: 12px; font-weight: 800; font-size: 14px; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); backdrop-filter: blur(6px) } .tyt-stat-left { left: 14px } .tyt-stat-right { right: 14px } .ribbon-cta { background: #22c55e !important; color: #0b1220 !important; border-radius: 12px; font-weight: 900; letter-spacing: .3px; text-align: center; padding: 18px 28px; box-shadow: 0 14px 40px rgba(34, 197, 94, .35); display: inline-block; min-width: 320px; border: 2px solid rgba(255, 255, 255, .06) } .price-pill { display: inline-block; margin-top: 8px; background: #0b1220 !important; color: #fff !important; 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 } /* TYT Coğrafya section */ .tyt-math { background: linear-gradient(135deg, rgba(15, 23, 42, .8), rgba(2, 6, 23, .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 } @media(max-width:900px) { .tyt-math-grid { grid-template-columns: 1fr } } /* Reasons & contents */ .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 } .reasons { margin: 32px 0; text-align: center } .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; display: flex; align-items: center; justify-content: center; text-align: center } .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) { .reasons-grid { grid-template-columns: 1fr 1fr } .contents-grid { grid-template-columns: 1fr } } Ücretsiz TYT Coğrafya Kampı ile Başarıya Ulaş! 🔥 Sınırlı Kontenjan Harita bilgisi, doğa ve insan odaklı; günlük plan ve sınav stratejileri ile TYT Coğrafya'yı Planlı Şekilde bitiriyoruz. 0 Netten Full Net’e HEMEN TIKLA VE KAYIT OL TAMAMEN ÜCRETSİZ | 0₺ TYT Coğrafya’da Harita bilgisi ve iklim tipleri konularını temelden zirveye. Çözümlü soru tipleri ve doğa-insan etkileşimi pratikleri. Günlük takip ve motivasyon; düzenli deneme analizi. Notlar ve çalışma planları tek yerde. Bu Kampı Neden Kullanmalısın? ÖSYM ile birebir Net artışı odaklı TYT kampı Türkiye derecelisi tarafından hazırlandı Görsel ve kalıcı öğrenme HEMEN TIKLA VE KAYIT OL TAMAMEN ÜCRETSİZ | 0₺ Bu Kamp Neleri İçeriyor? Harita & Grafik Yorumlama Özel Planlı Coğrafya Kamp Takvimi Konu Özetleri ve Soru Tipleri /* Iframe'i kapsayan container */ .kayit-form-container { position: relative; width: 100%; max-width: 800px; margin: 64px auto; text-align: center; overflow: hidden; /* Dışarı taşanı gizle */ /* Ortala */ } /* Iframe'i container içine tamamen oturt */ .kayit-form-container iframe { width: 100%; height: 1100px!important; /* Logoyu gizlemek için yüksekliği azalttık */ /* Form + yanıt mesajı için yeterli alan */ border: 0; display: block; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } /* Mobil için optimize edilmiş yükseklik */ @media (max-width: 768px) { .kayit-form-container iframe { height: 1440px !important; } } @media (max-width: 480px) { .kayit-form-container iframe { height: 1540px !important; } } /* Alt metin uyarısı */ .kayit-form-notice { font-size: 14px; color: #94a3b8 !important; line-height: 1.5; margin-top: 16px; } .kayit-form-notice strong { color: #ffffff !important; } Yükleniyor… Hemen Kayıt Ol 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. 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₺