/* ===== Başvuran ekranları (CİMER düzeni, premium görünüm) ===== */
body.pub-home{background:#fff}
/* İçerik kısa olsa da footer ekranın altında kalsın */
body.pub-ic,body.pub-home{min-height:100vh;display:flex;flex-direction:column}
body.pub-ic>*,body.pub-home>*{flex-shrink:0}
.pub-header{background:#fff;border-bottom:1px solid #e6ebf1;position:relative;z-index:50;box-shadow:0 2px 14px rgba(15,61,94,.05)}
.pub-header .in{max-width:1280px;margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.8rem;color:var(--navy);text-decoration:none!important}
.logo-mark{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#e11d48,#b91c1c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(185,28,28,.7)}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text b{font-size:1.55rem;letter-spacing:.06em;font-weight:800;color:#b91c1c}
.brand-text small{font-size:.7rem;font-weight:600;color:#475569;letter-spacing:.04em;text-transform:uppercase}
.brand-su .brand-text b{color:var(--navy);font-size:1.05rem;letter-spacing:.08em}
.brand-su{margin-left:auto;padding-left:1.5rem;border-left:1px solid #e6ebf1}.su-logo{height:62px;width:auto;display:block}.su-wordmark{display:flex;align-items:center;gap:.7rem}.su-emblem{width:58px;height:58px;object-fit:contain}.su-wordmark .brand-text b{font-size:1.05rem;letter-spacing:.09em;color:inherit}.su-wordmark .brand-text small{color:#64748b}
.pub-nav{display:flex;gap:.2rem;align-items:center;margin-left:auto}
.pub-nav a{padding:.55rem .9rem;border-radius:8px;font-weight:600;font-size:.86rem;color:#334155}.pub-nav a:hover{background:#f1f5f9;text-decoration:none}
.pub-nav a.active{color:#b91c1c;background:#fef2f2}.pub-nav .btn{margin-left:.5rem}@media(max-width:1000px){.pub-nav{display:none}.brand-su{border:0;padding:0}.su-logo{height:46px}}
.pub-main{width:100%;max-width:1180px;margin:0 auto;padding:2rem 1.5rem 3.5rem}
.pub-narrow{max-width:760px;margin:0 auto}.pub-mid{max-width:940px;margin:0 auto}

/* --- Hero (CİMER tarzı) --- */
.hero-cimer{position:relative;min-height:640px;background:#0b2e47;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.hero-cimer .slides,.hero-cimer .slide{position:absolute;inset:0}
.hero-cimer .slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease;transform:scale(1.04);animation:kb 14s linear infinite}
.hero-cimer .slide.on{opacity:1}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.78) 0%,rgba(5,20,38,.45) 45%,rgba(5,20,38,.25) 100%),linear-gradient(0deg,rgba(5,20,38,.7),transparent 40%)}
.hero-in{position:relative;max-width:1280px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr 440px;gap:3rem;align-items:center;width:100%}
.hero-text .eyebrow{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);padding:.35rem .9rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2)}
.hero-text h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:1rem 0}
.hero-text h1 span{background:linear-gradient(90deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:560px;line-height:1.65}
.hero-stats{display:flex;gap:2rem;margin-top:1.5rem}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:1.7rem;font-weight:800;line-height:1}.hero-stats span{font-size:.76rem;color:rgba(255,255,255,.7);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}
.panel{background:rgba(8,24,42,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:1.1rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}
.panel-tabs a{display:block;text-align:center;padding:.8rem;border-radius:9px;font-weight:800;letter-spacing:.06em;font-size:.84rem;color:#fff;border:1.5px solid rgba(255,255,255,.7);text-decoration:none!important;transition:.15s}
.panel-tabs a.on{background:linear-gradient(135deg,#1d7fc4,#0f3d5e);border-color:transparent;box-shadow:0 10px 20px -10px rgba(29,127,196,.9)}
.panel-tabs a:not(.on):hover{background:rgba(255,255,255,.1)}
.panel-note{font-size:.78rem;color:#fcd34d;text-align:center;margin-bottom:.8rem;display:flex;gap:.3rem;align-items:center;justify-content:center}
.panel-form{display:flex;flex-direction:column;gap:.55rem}.panel-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.panel-form .input{background:#fff;border:1px solid transparent;padding:.7rem .85rem;font-size:.9rem;color:#1e293b}.panel-form .input::placeholder{color:#64748b}
.panel-form .input:focus{box-shadow:0 0 0 3px rgba(245,158,11,.4);border-color:#f59e0b}
.panel-check{color:#e2e8f0;font-size:.8rem;padding:.2rem .1rem}.panel-check a{color:#fcd34d}
.panel-or{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.55);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;margin:.7rem 0 .55rem}.panel-or::before,.panel-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.18)}
.panel-sso{color:#fff;border:1.5px solid rgba(255,255,255,.7);background:transparent;font-weight:700;text-decoration:none!important}.panel-sso:hover{background:rgba(255,255,255,.1);color:#fff}
.panel-hint{font-size:.74rem;color:rgba(255,255,255,.6);text-align:center;margin:.2rem 0 0}
.btn-green{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;font-size:1rem;letter-spacing:.02em;box-shadow:0 12px 24px -12px rgba(34,197,94,.9)}.btn-green:hover{filter:brightness(1.07)}
.hero-ticker{position:relative;background:rgba(5,20,38,.85);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.hero-ticker .in{max-width:1280px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;gap:1rem;font-size:.86rem}
.tk-label{display:inline-flex;align-items:center;gap:.35rem;background:#b91c1c;padding:.3rem .7rem;border-radius:6px;font-weight:800;font-size:.72rem;letter-spacing:.08em;flex-shrink:0}
.tk-items{position:relative;flex:1;min-height:1.4em}.tk{position:absolute;inset:0;opacity:0;transition:opacity .8s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.9)}.tk.on{opacity:1}
@media(max-width:1000px){.hero-in{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.hero-text h1{font-size:2.1rem}.hero-stats{gap:1.2rem}.panel{max-width:520px}}

/* --- Süreç bandı --- */
.band{background:linear-gradient(135deg,#0b2e47,#0f3d5e 60%,#14507a);color:#fff}
.band .in{max-width:1280px;margin:0 auto;padding:1.6rem 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.band-item{display:flex;gap:.9rem;align-items:flex-start}.band-item .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fde68a}
.band-item b{display:block;font-size:.92rem;margin-bottom:.15rem}.band-item span{font-size:.8rem;color:rgba(255,255,255,.72);line-height:1.5}
@media(max-width:900px){.band .in{grid-template-columns:1fr 1fr}}@media(max-width:560px){.band .in{grid-template-columns:1fr}}
.home-cards .feature{padding:1.6rem}

/* --- Footer --- */
.pub-footer{background:#07192b;color:#cbd5e1;margin-top:auto}
.pub-footer .in{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem;display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:2rem}
.pub-footer h5{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .8rem}
.pub-footer .f-col{display:flex;flex-direction:column;gap:.45rem;font-size:.86rem}.pub-footer .f-col a,.pub-footer .f-col span{color:#cbd5e1;display:flex;gap:.4rem;align-items:center}.pub-footer .f-col a:hover{color:#fff;text-decoration:none}
.pub-footer p{color:#94a3b8;font-size:.85rem;line-height:1.6;margin:.6rem 0 0}
.f-bottom{border-top:1px solid rgba(255,255,255,.08);font-size:.76rem;color:#94a3b8}.f-bottom .in{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;flex-wrap:wrap}
@media(max-width:800px){.pub-footer .in{grid-template-columns:1fr}}

/* --- İç sayfalar --- */
.feature{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.3rem;box-shadow:var(--shadow);transition:.2s}.feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.feature .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.feature h4{margin-bottom:.3rem;font-size:1rem}.feature p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.6}
.page-title{display:flex;align-items:center;gap:.9rem;margin-bottom:1.25rem}
.page-title .ic{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--blue-100),#fff);color:var(--navy);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.page-title h1{margin:0;font-size:1.45rem}.page-title p{margin:0;color:var(--muted);font-size:.88rem}
.notice{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fde68a;border-radius:12px;padding:1rem 1.2rem;display:flex;gap:.8rem;align-items:flex-start;font-size:.86rem;color:#78350f;margin-bottom:1.25rem}
.notice .ikon{color:#d97706;margin-top:.1rem;flex-shrink:0}
.legal{font-size:.92rem;line-height:1.75}.legal h3,.legal h4{margin-top:1.4rem}.legal-box{max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;background:#fafbfc;font-size:.84rem;line-height:1.65}
.success-hero{text-align:center;padding:2.8rem 1.5rem}.success-hero .ic{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:var(--green);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 30px -12px rgba(21,128,61,.6)}
.success-hero .no{font-size:2.3rem;font-weight:800;letter-spacing:.1em;color:var(--navy);font-family:ui-monospace,Menlo,monospace;background:linear-gradient(135deg,var(--blue-100),#fff);border:1px solid var(--border);display:inline-block;padding:.6rem 1.6rem;border-radius:14px;margin:.6rem 0}
.preview-block{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;white-space:pre-wrap;font-size:.92rem;line-height:1.7}
.answer-box{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:12px;padding:1.3rem;white-space:pre-wrap;line-height:1.75}
.pending-box{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fde68a;border-radius:12px;padding:1.3rem;color:#78350f;line-height:1.7}

/* --- Giriş --- */
.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}
@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.login-side{display:none}}
.login-side{background:#0b2e47 url('../img/kapak/su-edebiyat-giris.jpg') center/cover;color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-side::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(5,20,38,.9),rgba(15,61,94,.75) 60%,rgba(29,127,196,.55))}
.login-side > *{position:relative}.login-side h1{color:#fff;font-size:2.1rem;font-weight:800;max-width:480px;letter-spacing:-.02em}.login-side p{color:rgba(255,255,255,.8);max-width:460px;font-size:1.02rem}
.login-side ul{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.8rem}.login-side li{display:flex;gap:.7rem;align-items:center;font-size:.92rem}
.login-side li .ikon{background:rgba(255,255,255,.15);padding:6px;border-radius:8px;width:30px;height:30px;color:#fde68a}
.login-form{display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 20% 20%,#fff,#eef2f7)}
.login-form .card{width:100%;max-width:440px;padding:2.4rem;border-radius:18px}