/* kampus-connect.com · canva renkleri (MailGeriAl, MailGeriAlGecersiz) */
:root { --zemin:#F2F2F7; --beyaz:#FFFFFF; --siyah:#000000; --ikincil:#6C6C70; --vurgu:#0066D6; --kirmizi:#D70015; --yesil:#248A3D; --ayirici:#C6C6C8; color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--zemin); color: var(--siyah); }
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif; font-size: 17px; letter-spacing: -0.2px; -webkit-font-smoothing: antialiased; }
.sayfa { max-width: 430px; min-height: 100vh; margin: 0 auto; padding: 0 16px 120px; position: relative; }
.ust { padding-top: 54px; text-align: center; font-size: 17px; font-weight: 600; }
h1 { margin: 20px 16px 6px; font-size: 34px; line-height: 41px; font-weight: 700; letter-spacing: 0.4px; }
.kart { margin-top: 20px; border-radius: 22px; background: var(--beyaz); padding: 14px 16px; display: flex; gap: 12px; font-size: 15px; line-height: 20px; }
.kart b { font-weight: 600; display: block; }
.kart svg { flex: none; }
.alanlar { margin-top: 24px; border-radius: 22px; background: var(--beyaz); overflow: hidden; }
.alanlar label { display: flex; align-items: center; height: 52px; padding: 0 16px; }
.alanlar input { flex: 1; border: 0; outline: none; background: none; font: inherit; font-size: 17px; color: var(--siyah); min-width: 0; }
.cizgi { height: 0.5px; background: var(--ayirici); margin-left: 16px; }
.not { padding: 8px 16px 0; font-size: 13px; line-height: 18px; color: var(--ikincil); }
.hata { padding: 8px 16px 0; font-size: 13px; line-height: 18px; color: var(--kirmizi); }
.buton { position: fixed; left: 50%; transform: translateX(-50%); width: calc(min(430px, 100vw) - 32px); bottom: 40px; height: 52px; border: 0; border-radius: 26px; background: var(--vurgu); color: #fff; font: inherit; font-size: 17px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.buton:disabled { opacity: .4; cursor: default; }
.buton.gri { background: rgba(118,118,128,0.12); color: var(--siyah); }
.gizli { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.yukleniyor { margin-top: 80px; text-align: center; color: var(--ikincil); font-size: 15px; }
/* Ana sayfa / 404 */
.orta { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 0 32px; text-align: center; }
.marka { display: inline-flex; flex-direction: column; align-items: flex-end; }
.kampus { font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: -1.4px; }
.nokta { color: var(--kirmizi); }
.connect { font-size: 21px; font-weight: 700; line-height: 1; color: var(--ikincil); margin-top: 4px; }
.tanim { margin: 0; color: var(--ikincil); line-height: 22px; }
/* Davet sayfası */
.marka.sol { display: inline-flex; margin: 0 16px; }
.marka.sol .kampus { font-size: 34px; letter-spacing: -1px; }
.marka.sol .connect { font-size: 14px; margin-top: 2px; }
.aciklama { margin: 0 16px; font-size: 17px; line-height: 22px; color: var(--ikincil); }
/* Logo: ü'nün sadece noktaları marka mavisi (app Logo ile aynı: üst %39) */
.u { position: relative; display: inline-block; }
.u::after { content: attr(data-u); position: absolute; left: 0; top: 0; color: var(--vurgu); clip-path: inset(0 0 70% 0); }