/* dsaihub — Silent Launch sayfası özel stilleri. Kaynak: NWAcademy_MVP2/wwwroot/landing/css/custom.css (Claude Code, 2026-09-08). Hocam'ın isteğiyle açılış sayfası NWAcademy'nin görüntüsüne çevrildi; bu dosya da onunla hizalandı. Asıl görünümü theme.css + utilities.css (Landberg teması) veriyor, burada yalnızca onların üstüne binen küçük eklemeler var. NOT: Cowork'ün ilk sürümündeki .landing-hero / .landing-brand / .landing-kicker / .landing-subtitle kuralları KALDIRILDI — markup artık NWAcademy'nin overlay + intro-content yapısını kullanıyor, o sınıfların karşılığı kalmadı. */ :root { /* Hata/hız sınırı sayfalarının koyu zemini ve KVKK kutusu için. */ --dsa-bg-start: #0b1220; --dsa-bg-end: #131b2e; } /*------------------------------------------------------ [Slogan Slider] Hero'daki dönen slogan alanı. Bootstrap 5 Carousel (carousel-fade) üzerine kurulu; ayrı bir JS/CSS bağımlılığı yok. ⚠️ Şu an tek slot var (dsaihub'ın slogan metinleri henüz yazılmadı, uydurulmadı). Tek slotta carousel dönmez ama stiller aynen geçerli — slogan gelince Index.cshtml'e slot eklemek yetiyor. Not: Sloganların satır sayısı ekran genişliğine göre 2-3 arasında değişiyor. Konteynere sabit bir min-height verilmezse her geçişte altındaki form yukarı/aşağı zıplar (CLS). ------------------------------------------------------*/ .slogan-slider { margin-top: 0.5rem; margin-bottom: 2.5rem; /* Geçiş süresini tek yerden ayarlamak için. 1s yumuşak ama uyuşuk değil; 1.4s'e kadar çıkılabilir, ötesi ağır hissettiriyor. */ --slogan-fade: 1s; } /* Yumuşak geçiş — Bootstrap'in varsayılan crossfade'inin üzerine yazıyoruz. Bootstrap varsayılanında giden slide sönmüyor: `opacity 0s .6s` ile tam opaklıkta arkada bekleyip 0.6sn sonra anlık kesiliyor. Süre uzatılınca iki slogan uzun süre üst üste okunur hâle geliyor. Çözüm: giden slide'ı gerçekten söndürüyoruz ve iki tarafa birbirini tamamlayan easing veriyoruz. İki tarafın süresi eşit tutuldu; Bootstrap'in slide-bitti callback'i transition süresini elementten okuduğu için farklı süreler vermek carousel'in iç zamanlamasını bozardı. */ /* Gelen slide: geç başlar, yumuşakça belirir */ .slogan-slider.carousel-fade .carousel-item { transition-property: opacity; transition-duration: var(--slogan-fade); transition-timing-function: cubic-bezier(0.7, 0, 1, 1); } /* Giden slide: hemen sönmeye başlar, sona doğru yavaşlar */ .slogan-slider.carousel-fade .active.carousel-item-start, .slogan-slider.carousel-fade .active.carousel-item-end { opacity: 0; transition: opacity var(--slogan-fade) cubic-bezier(0, 0, 0.3, 1); } /* Aktif olmayan slide'lar Bootstrap tarafından display:none yapılıyor, bu yüzden min-height'ı hem inner'a hem metne veriyoruz. */ .slogan-slider .carousel-inner { min-height: clamp(5.5rem, 12vw, 7rem); } .slogan-slider .slogan-text { min-height: clamp(5.5rem, 12vw, 7rem); margin: 0; padding: 0 0.5rem; /* Metni kendi alanı içinde dikey ortala. Flex'i .carousel-item'a değil

'ye veriyoruz — carousel-item'ın display'ini ezersek Bootstrap'in slide gösterme/gizleme mantığı bozulur. */ display: flex; align-items: center; justify-content: center; font-family: "Nunito", Helvetica, sans-serif; font-weight: 700; line-height: 1.3; font-size: clamp(1.35rem, 3.6vw, 2.5rem); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } .slogan-teaser { margin-bottom: 0; opacity: 0.85; } /*------------------------------------------------------ [KVKK modali — koyu tema] ------------------------------------------------------*/ .kvkk-box { background: rgba(255, 255, 255, 0.06); border-radius: 0.5rem; } /*------------------------------------------------------ [Hata / hız sınırı sayfaları] Bu sayfalarda fotoğraf slaytı yok (Vegas yalnızca .overlay-intro'ya bağlanıyor), o yüzden kendi koyu zeminlerini taşıyorlar. ------------------------------------------------------*/ .landing-error { background: linear-gradient(160deg, var(--dsa-bg-start) 0%, var(--dsa-bg-end) 100%); } /*------------------------------------------------------ [Footer — altta yapışık tek satır] (2026-10-18, DEC0002 · TD0002) Markup: Views/Shared/_LandingLayout.cshtml →