/* ============================================================
   home.css — Anasayfa (index.html) inline CSS'i
   ============================================================ */

/* Hero logo */
.hero-logo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--primary);
  box-shadow: 0 0 32px rgba(var(--primary-rgb), 0.45), 0 0 0 6px rgba(var(--primary-rgb), 0.10);
  display: block;
  margin: 0 auto 28px;
}

/* Lab platform CTA */
.lab-platform-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 20px;
  border-radius: 10px;
  background: var(--success);
  color: #fff;
  font-weight: 800;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 10px rgba(var(--success-rgb), 0.3);
}
.lab-platform-cta:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 22px rgba(var(--success-rgb), 0.5);
  transform: translateY(-2px);
  color: #fff;
}

/* button.small-cta: browser reset */
button.small-cta {
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif;
  display: inline-block;
}

/* ===== ÖN BAŞVURU MODALI (anasayfa) ===== */
.home-modal-backdrop {
  display: none; position: fixed; inset: 0;
  background: rgba(0,0,0,.72); z-index: 1100;
  align-items: center; justify-content: center;
  padding: 20px; backdrop-filter: blur(4px);
}
.home-modal-backdrop.open { display: flex; }

.home-modal-card {
  background: #0f172a;
  border: 1px solid rgba(var(--primary-rgb), .15);
  border-radius: 20px; width: 100%; max-width: 480px;
  overflow: hidden;
  animation: hModalIn .28s cubic-bezier(.34,1.56,.64,1);
}
@keyframes hModalIn {
  from { opacity:0; transform:scale(.92) translateY(16px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}
.home-modal-head {
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(var(--primary-rgb), .08);
  display: flex; align-items: flex-start; justify-content: space-between; gap:12px;
}
.home-modal-head h3 {
  font-family:'Orbitron',sans-serif; font-size:.95rem; color:#fff; margin-bottom:5px; line-height:1.35;
}
.home-modal-chip {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(var(--primary-rgb), .07); border:1px solid rgba(var(--primary-rgb), .18);
  border-radius:20px; padding:3px 12px; font-size:.75rem; font-weight:700; color:var(--primary);
}
.home-modal-close {
  background:none; border:none; color:var(--text-muted);
  font-size:1.2rem; cursor:pointer; padding:4px; line-height:1; transition:color .2s; flex-shrink:0;
}
.home-modal-close:hover { color:#fff; }
.home-modal-body { padding:22px 24px 24px; }
.home-form-group { margin-bottom:16px; }
.home-form-group label {
  display:block; font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.6px; color:var(--text-muted); margin-bottom:7px;
}
.home-form-group label .req { color:var(--danger); margin-left:2px; }
.home-form-group label .opt { font-size:.72rem; font-weight:400; text-transform:none; letter-spacing:0; opacity:.75; }
.home-form-group input {
  width:100%; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
  border-radius:8px; padding:11px 14px; color:#e2e8f0; font-size:.92rem;
  font-family:'Plus Jakarta Sans',sans-serif; transition:border-color .2s,box-shadow .2s; outline:none;
}
.home-form-group input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1); }
.home-form-group input.err { border-color:var(--danger); box-shadow:0 0 0 3px rgba(255,51,102,.1); }
.home-field-err { display:none; font-size:.78rem; color:#ff6b8a; margin-top:5px; }
.home-field-err.v { display:block; }
.home-modal-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:22px; }
.hbtn-cancel {
  padding:10px 22px; border-radius:8px; border:1px solid rgba(255,255,255,.12);
  background:transparent; color:var(--text-muted); font-size:.875rem; font-weight:600;
  cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; transition:all .2s;
}
.hbtn-cancel:hover { border-color:rgba(255,255,255,.25); color:#fff; }
.hbtn-submit {
  padding:10px 28px; border-radius:8px; border:none;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#050d1a; font-size:.875rem; font-weight:800; cursor:pointer;
  display:flex; align-items:center; gap:7px;
  font-family:'Plus Jakarta Sans',sans-serif; transition:all .2s;
}
.hbtn-submit:hover { box-shadow:0 0 20px rgba(var(--primary-rgb), .35); }
.hbtn-submit:disabled { opacity:.55; cursor:not-allowed; box-shadow:none; }

/* Başarı */
.home-modal-success {
  display:none; padding:44px 24px; text-align:center;
  flex-direction:column; align-items:center; gap:12px;
}
.home-modal-success.v { display:flex; }
.home-success-icon {
  width:66px; height:66px; border-radius:50%;
  background:rgba(0,255,102,.1); border:2px solid rgba(0,255,102,.3);
  display:flex; align-items:center; justify-content:center;
  font-size:1.8rem; color:var(--success); margin-bottom:6px;
  animation:hSuccessPop .4s cubic-bezier(.34,1.56,.64,1);
}
@keyframes hSuccessPop {
  from { transform:scale(.5); opacity:0; }
  to   { transform:scale(1); opacity:1; }
}
.home-modal-success h3 { font-family:'Orbitron',sans-serif; font-size:1.05rem; color:#fff; }
.home-modal-success p { color:var(--text-muted); font-size:.88rem; max-width:300px; }
.hbtn-success-close {
  margin-top:10px; padding:10px 28px; border-radius:8px;
  border:1px solid rgba(var(--primary-rgb), .25); background:transparent;
  color:var(--primary); font-size:.875rem; font-weight:700;
  cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; transition:all .2s;
}
.hbtn-success-close:hover { background:rgba(var(--primary-rgb), .08); }

/* Light mode */
body.light-mode .home-modal-card { background:#fff; border-color:rgba(0,60,180,.15); }
body.light-mode .home-modal-head { border-color:rgba(0,0,0,.07); }
body.light-mode .home-modal-head h3 { color:#0f172a; }
body.light-mode .home-modal-chip { background:rgba(0,80,200,.07); border-color:rgba(0,80,200,.18); color:var(--secondary); }
body.light-mode .home-modal-close { color:#64748b; }
body.light-mode .home-modal-close:hover { color:#0f172a; }
body.light-mode .home-form-group label { color:#64748b; }
body.light-mode .home-form-group input { background:rgba(0,0,0,.03); border-color:rgba(0,40,130,.2); color:#1e293b; }
body.light-mode .home-form-group input:focus { border-color:var(--secondary); box-shadow:0 0 0 3px rgba(var(--secondary-rgb), .1); }
body.light-mode .hbtn-cancel { color:#64748b; border-color:rgba(0,0,0,.12); }
body.light-mode .hbtn-cancel:hover { color:#0f172a; border-color:rgba(0,0,0,.22); }
body.light-mode .home-modal-success h3 { color:#0f172a; }
body.light-mode .home-modal-success p { color:#475569; }
body.light-mode .hbtn-success-close { color:var(--secondary); border-color:rgba(0,80,200,.25); }

/* ===== HERO ÖN BAŞVURU MODALI ===== */
.hero-reg-backdrop {
  display:none; position:fixed; inset:0;
  background:rgba(0,0,0,.78); z-index:1100;
  align-items:center; justify-content:center;
  padding:20px; backdrop-filter:blur(8px);
}
.hero-reg-backdrop.open { display:flex; }

.hero-reg-card {
  background:#0b1222;
  border:1px solid rgba(var(--primary-rgb), .2);
  border-radius:24px; width:100%; max-width:520px;
  overflow:hidden;
  box-shadow:0 0 80px rgba(var(--primary-rgb), .07), 0 32px 64px rgba(0,0,0,.6);
  animation:heroRegIn .38s cubic-bezier(.34,1.4,.64,1);
}
@keyframes heroRegIn {
  from { opacity:0; transform:scale(.86) translateY(28px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}

.hero-reg-head {
  position:relative;
  background:linear-gradient(135deg,#0d1f40 0%,#060c18 100%);
  padding:28px 28px 22px;
  border-bottom:1px solid rgba(var(--primary-rgb), .1);
  overflow:hidden;
}
.hero-reg-head::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--primary), var(--secondary));
}
.hero-reg-head::after {
  content:''; position:absolute; top:-50px; right:-50px;
  width:160px; height:160px; border-radius:50%;
  background:radial-gradient(circle, rgba(var(--primary-rgb), .1) 0%, transparent 70%);
  pointer-events:none;
}
.hero-reg-icon {
  width:50px; height:50px; border-radius:14px;
  background:rgba(var(--primary-rgb), .1); border:1px solid rgba(var(--primary-rgb), .2);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; color:var(--primary);
  margin-bottom:14px;
  box-shadow:0 0 24px rgba(var(--primary-rgb), .18);
  position:relative; z-index:1;
}
.hero-reg-head h2 {
  font-family:'Orbitron',sans-serif; font-size:1.1rem;
  font-weight:700; color:#fff; margin-bottom:6px;
  position:relative; z-index:1;
}
.hero-reg-head p { font-size:.84rem; color:#64748b; position:relative; z-index:1; }

.hero-reg-close-btn {
  position:absolute; top:16px; right:16px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  border-radius:8px; color:var(--text-muted);
  font-size:1rem; cursor:pointer; padding:7px 9px; line-height:1;
  transition:all .2s; z-index:2;
}
.hero-reg-close-btn:hover { background:rgba(255,255,255,.13); color:#fff; }

.hero-reg-body { padding:24px 28px 28px; display:flex; flex-direction:column; gap:16px; }

.hero-reg-group { display:flex; flex-direction:column; gap:7px; }
.hero-reg-group label {
  font-size:.78rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.6px; color:var(--text-muted);
}
.hero-reg-group label .req { color:var(--danger); margin-left:2px; }
.hero-reg-group label .opt { font-size:.72rem; font-weight:400; text-transform:none; letter-spacing:0; opacity:.75; }

.hero-reg-group select,
.hero-reg-group input {
  width:100%; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1); border-radius:10px;
  padding:12px 14px; color:#e2e8f0; font-size:.92rem;
  font-family:'Plus Jakarta Sans',sans-serif;
  transition:border-color .2s,box-shadow .2s; outline:none;
}
.hero-reg-group select { cursor:pointer; }
.hero-reg-group select option { background:#0f172a; }
.hero-reg-group select:focus,
.hero-reg-group input:focus {
  border-color:var(--primary); box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1);
}
.hero-reg-group select.herr,
.hero-reg-group input.herr { border-color:var(--danger); box-shadow:0 0 0 3px rgba(255,51,102,.1); }
.hero-field-err { display:none; font-size:.78rem; color:#ff6b8a; margin-top:4px; }
.hero-field-err.hv { display:block; }

.hero-reg-submit {
  width:100%; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:14px; border-radius:10px; border:none;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#050d1a; font-size:.95rem; font-weight:800;
  font-family:'Plus Jakarta Sans',sans-serif; cursor:pointer;
  transition:all .25s; margin-top:4px;
  box-shadow:0 0 24px rgba(var(--primary-rgb), .2);
}
.hero-reg-submit:hover { box-shadow:0 0 36px rgba(var(--primary-rgb), .42); transform:translateY(-1px); }
.hero-reg-submit:disabled { opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }

/* Başarı ekranı */
.hero-reg-success {
  display:none; padding:52px 28px;
  text-align:center; flex-direction:column; align-items:center; gap:14px;
}
.hero-reg-success.hv { display:flex; }
.hero-success-ring {
  position:relative; width:84px; height:84px; margin-bottom:8px;
}
.hero-success-ring::before {
  content:''; position:absolute; inset:0; border-radius:50%;
  border:3px solid transparent;
  border-top-color:var(--success); border-right-color:var(--success);
  animation:heroRingSpin .5s ease-out;
}
@keyframes heroRingSpin {
  from { transform:rotate(-90deg); opacity:0; }
  to   { transform:rotate(270deg); opacity:1; }
}
.hero-success-inner {
  position:absolute; inset:6px; border-radius:50%;
  background:rgba(0,255,102,.08); border:1px solid rgba(0,255,102,.2);
  display:flex; align-items:center; justify-content:center;
  font-size:2rem; color:var(--success);
  animation:heroIconPop .4s .25s cubic-bezier(.34,1.56,.64,1) both;
}
@keyframes heroIconPop {
  from { transform:scale(0); opacity:0; }
  to   { transform:scale(1); opacity:1; }
}
.hero-reg-success h3 { font-family:'Orbitron',sans-serif; font-size:1.1rem; color:#fff; }
.hero-reg-success p { font-size:.88rem; color:var(--text-muted); max-width:320px; }
.hero-success-close {
  margin-top:8px; padding:11px 32px; border-radius:10px;
  border:1px solid rgba(var(--primary-rgb), .25); background:transparent;
  color:var(--primary); font-size:.875rem; font-weight:700;
  cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif; transition:all .2s;
}
.hero-success-close:hover { background:rgba(var(--primary-rgb), .09); }

/* Light mode */
body.light-mode .hero-reg-card {
  background:#fff; border-color:rgba(0,60,180,.15);
  box-shadow:0 0 40px rgba(0,60,180,.05), 0 24px 48px rgba(0,0,0,.09);
}
body.light-mode .hero-reg-head {
  background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%);
  border-bottom-color:rgba(0,60,180,.1);
}
body.light-mode .hero-reg-head h2 { color:#0f172a; }
body.light-mode .hero-reg-head p { color:#64748b; }
body.light-mode .hero-reg-icon { background:rgba(0,80,200,.1); border-color:rgba(0,80,200,.2); color:var(--secondary); }
body.light-mode .hero-reg-close-btn { background:rgba(0,0,0,.04); border-color:rgba(0,0,0,.1); color:#64748b; }
body.light-mode .hero-reg-close-btn:hover { background:rgba(0,0,0,.09); color:#0f172a; }
body.light-mode .hero-reg-group label { color:#64748b; }
body.light-mode .hero-reg-group select,
body.light-mode .hero-reg-group input { background:rgba(0,0,0,.03); border-color:rgba(0,40,130,.2); color:#1e293b; }
body.light-mode .hero-reg-group select option { background:#fff; color:#1e293b; }
body.light-mode .hero-reg-group select:focus,
body.light-mode .hero-reg-group input:focus { border-color:var(--secondary); box-shadow:0 0 0 3px rgba(var(--secondary-rgb), .1); }
body.light-mode .hero-reg-success h3 { color:#0f172a; }
body.light-mode .hero-reg-success p { color:#475569; }
body.light-mode .hero-success-inner { background:rgba(0,200,80,.07); }
body.light-mode .hero-success-close { color:var(--secondary); border-color:rgba(0,80,200,.25); }
body.light-mode .hero-success-close:hover { background:rgba(0,80,200,.07); }