
:root{
  --bg:#08101c;
  --bg2:#111726;
  --card:rgba(18,24,39,.88);
  --text:#fff;
  --muted:#c9ced8;
  --accent:#e41f26;
  --border:rgba(255,255,255,.09);
  --shadow:0 16px 40px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{
  color:var(--text);
  line-height:1.6;
  background:
    radial-gradient(circle at top left, rgba(0,71,171,.28), transparent 35%),
    radial-gradient(circle at top right, rgba(200,0,55,.22), transparent 32%),
    linear-gradient(180deg,#050b14 0%, #091120 55%, #07101d 100%);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,11,20,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  max-width:1200px;margin:0 auto;
  padding:10px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto}
.logo-wrap{
  width:54px;height:54px;border-radius:14px;background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.site-logo{width:46px;height:46px;object-fit:contain}
.brand-text{font-weight:700;font-size:1.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desktop-nav{display:flex !important;align-items:center;gap:18px;font-size:.95rem;flex-wrap:nowrap}
.desktop-nav a{color:#f1f4f8;opacity:.96}
.desktop-nav a:hover{color:var(--accent)}
.admin-btn{background:var(--accent);padding:10px 16px;border-radius:999px;font-weight:700;color:#fff !important}
.menu-toggle{display:none !important;background:none;border:none;color:#fff;font-size:1.55rem;cursor:pointer;line-height:1}
.mobile-nav{display:none !important;flex-direction:column;background:#0f1625;border-top:1px solid var(--border)}
.mobile-nav a{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-nav.active{display:flex !important}

.page-shell{max-width:1200px;margin:0 auto;padding:28px 16px 96px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:22px 0 8px}
.hero-card,.section-card,.stat-card,.form-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}
.hero-copy{padding:30px}
.hero-copy h1{margin:0 0 10px;font-size:2.55rem;line-height:1.1}
.hero-copy p,.entry-meta{color:var(--muted)}
.hero-actions,.entry-actions,.links-strip{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 16px;border-radius:999px;font-weight:700;border:1px solid var(--border)}
.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:#232a39;color:#fff}
.hero-image{padding:20px}.profile-frame{width:100%;max-width:350px;aspect-ratio:1/1;margin:0 auto;border-radius:50%;overflow:hidden;border:6px solid #fff;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28)}.profile-frame img{width:100%;height:100%;object-fit:cover}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stat-card{padding:20px;text-align:center}.stat-card h3{margin:0;font-size:1.8rem;color:var(--accent)}
.section-title{margin:20px 0 14px;font-size:1.58rem}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-card{padding:18px}
.featured-thumb{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#fff;margin:0 auto 12px;border:3px solid #fff}.featured-thumb img{width:100%;height:100%;object-fit:cover}
.entry-title{font-size:1.04rem;font-weight:700;margin:0 0 8px}
.form-card{max-width:860px;margin:0 auto;padding:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:14px}label{display:block;margin-bottom:6px;font-weight:700}
input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#101727;color:#fff}textarea{min-height:130px;resize:vertical}
.notice-success{background:#11361d;border:1px solid #1d6a34;color:#d9ffe5;padding:14px 16px;border-radius:14px;margin-bottom:16px}.notice-error{background:#3a1414;border:1px solid #7f2525;color:#ffdede;padding:14px 16px;border-radius:14px;margin-bottom:16px}
table{width:100%;border-collapse:collapse}table th,table td{border:1px solid var(--border);padding:10px;text-align:left}
.site-footer{background:rgba(10,15,24,.82);border-top:1px solid var(--border);padding:20px 16px 82px;margin-top:34px}.footer-inner{max-width:1200px;margin:0 auto;text-align:center;color:#cfd5de}
.bottom-nav{display:none !important}
.ticker{padding:10px 16px;background:#151d2e;border-radius:16px;border:1px solid var(--border);margin:10px 0 20px}.assistant-box{margin-top:30px}.assistant-results{margin-top:12px;padding:16px;border-radius:14px;background:#101216;border:1px solid var(--border);min-height:60px}

@media (max-width:1100px){
  .desktop-nav{gap:13px;font-size:.9rem}
}
@media (max-width:980px){
  .desktop-nav{display:none !important}
  .menu-toggle{display:block !important}
  .hero{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .brand-text{max-width:210px}
}
@media (min-width:981px){
  .mobile-nav{display:none !important}
}
@media (max-width:768px){
  .header-inner{padding:8px 12px}
  .logo-wrap{width:40px;height:40px;border-radius:12px}
  .site-logo{width:32px;height:32px}
  .brand-text{font-size:.95rem;max-width:155px}
  .page-shell{padding:14px 12px 88px}
  .hero-copy{padding:18px}
  .hero-copy h1{font-size:1.9rem}
  .stats-grid,.cards-grid,.form-row{grid-template-columns:1fr}
  .mobile-nav{position:absolute;left:0;right:0;top:100%;z-index:1001;box-shadow:0 16px 32px rgba(0,0,0,.25)}
  .bottom-nav{display:grid !important;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:#0d1320;border-top:1px solid var(--border)}
  .bottom-nav a{text-align:center;padding:12px 4px;font-size:.82rem;color:#f2f2f2}
  .site-footer{padding-bottom:92px}
}

.desktop-nav a.active{color:var(--accent)}
.scholar-card{margin:24px 0}.scholar-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.scholar-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scholar-metrics div{background:#111317;border:1px solid var(--border);border-radius:16px;padding:18px;text-align:center}.scholar-metrics strong{display:block;font-size:1.5rem;color:var(--accent)}.scholar-metrics span{display:block;color:var(--muted);margin-top:4px}
.chat-fab{position:fixed;right:18px;bottom:92px;width:56px;height:56px;border:none;border-radius:50%;background:var(--accent);color:#fff;font-size:1.35rem;box-shadow:var(--shadow);cursor:pointer;z-index:1001}.chat-panel{position:fixed;right:18px;bottom:160px;width:min(360px,calc(100vw - 24px));background:#111317;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:none;z-index:1001}.chat-panel.active{display:block}.chat-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.chat-panel-head button{background:none;border:none;color:#fff;font-size:1.35rem;cursor:pointer}.chat-panel-body{padding:16px}.chat-panel-body input{margin-bottom:10px}.chat-hint{color:var(--muted);margin-top:0}.assistant-hit{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.login-body{min-height:100vh;background:radial-gradient(circle at top left, rgba(228,31,38,.16), transparent 28%), radial-gradient(circle at bottom right, rgba(65,105,225,.18), transparent 32%), #090b10;display:flex;align-items:center;justify-content:center;padding:22px}.login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1fr 1fr;background:#111317;border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.login-brand-panel{padding:34px;background:linear-gradient(180deg, rgba(228,31,38,.14), rgba(255,255,255,.02))}.login-brand-card{max-width:420px}.login-logo{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:20px;padding:10px;margin-bottom:18px}.login-brand-card h1{margin:0 0 8px;font-size:2rem}.login-points{padding-left:18px;color:var(--muted)}.login-form-panel{padding:34px;display:flex;align-items:center;justify-content:center}.login-card{width:min(430px,100%);background:#171a20;border:1px solid var(--border);border-radius:24px;padding:28px}.login-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.login-badge{display:inline-block;background:rgba(228,31,38,.14);color:#fff;border:1px solid rgba(228,31,38,.35);padding:8px 12px;border-radius:999px;font-size:.85rem}.login-back{color:var(--muted);font-size:.92rem}.login-submit{width:100%;margin-top:10px}.login-help{margin-top:12px;color:var(--muted);font-size:.92rem}
@media (max-width: 992px){.scholar-grid{grid-template-columns:1fr}.scholar-metrics{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}}
@media (max-width: 768px){.chat-fab{bottom:84px}.chat-panel{right:12px;left:12px;width:auto;bottom:152px}.scholar-metrics{grid-template-columns:1fr}.login-body{padding:14px}.login-form-panel{padding:18px}.login-card{padding:22px}}


/* V13 admin and form upgrades */
input, textarea, select {font-size:16px; min-height:52px; width:100%;}
textarea {min-height:180px;}
.form-card {max-width: 1100px; padding: 28px;}
.form-grid-2 {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.form-grid-3 {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.form-actions {display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:12px;}
.file-help {font-size:.88rem; color:var(--muted); margin-top:6px;}
.admin-header {display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:20px;}
.admin-toolbar {display:flex; gap:10px; flex-wrap:wrap;}
.kpi-grid {display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; margin:20px 0 24px;}
.kpi-card {background:linear-gradient(180deg,#15161a,#111318); border:1px solid var(--border); border-radius:18px; padding:20px; box-shadow:var(--shadow);}
.kpi-card strong {display:block; font-size:2rem; color:#fff;}
.kpi-card span {display:block; color:var(--muted); margin-top:6px;}
.admin-grid {display:grid; grid-template-columns:2fr 1fr; gap:20px;}
.admin-panel {background:var(--card); border:1px solid var(--border); border-radius:20px; padding:20px; box-shadow:var(--shadow);}
.admin-panel h2 {margin:0 0 14px; font-size:1.2rem;}
.list-compact {display:grid; gap:12px;}
.list-row {padding:14px; border:1px solid var(--border); border-radius:14px; background:#101216;}
.tag {display:inline-block; padding:6px 10px; border-radius:999px; background:#20242b; color:#fff; font-size:.84rem; border:1px solid var(--border);}
.crm-section-title {font-size:1.8rem; margin:0;}
.form-section {margin-bottom:22px; padding-bottom:12px; border-bottom:1px dashed var(--border);}
.form-section h3 {margin:0 0 12px; font-size:1.05rem;}
.form-check-row {display:flex; gap:24px; flex-wrap:wrap; padding-top:8px;}
.form-check-row label {display:flex; align-items:center; gap:8px; font-weight:600;}
input[type="checkbox"] {width:18px; height:18px; min-height:18px;}
input[type="file"] {padding:14px; background:#0f1217; border:1px dashed #38404c; border-radius:14px;}
.metric-strip {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:18px;}
.metric-strip .mini {background:#111318; border:1px solid var(--border); border-radius:16px; padding:16px; text-align:center;}
.metric-strip .mini strong {display:block; font-size:1.4rem; color:var(--accent);} 
.counter-note {font-size:.88rem; color:var(--muted);}
.cv-list {display:grid; gap:12px;}
.cv-item {padding:14px 16px; border:1px solid var(--border); border-radius:14px; background:#111318;}
.cv-item h4 {margin:0 0 6px; font-size:1rem;}
.cv-item p {margin:0; color:var(--muted);}
.testimonial-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.testimonial-card {background:var(--card); border:1px solid var(--border); border-radius:18px; padding:20px; box-shadow:var(--shadow);} 
.testimonial-card .quote {font-size:1rem; color:#ececec; margin-bottom:14px;}
.testimonial-card .person {color:var(--muted); font-size:.95rem;}
.featured-home-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:18px;}
.featured-stack {display:grid; gap:14px;}
.home-feature-item {display:flex; gap:14px; align-items:flex-start; padding:14px; background:#111318; border:1px solid var(--border); border-radius:16px;}
.home-feature-item img {width:72px; height:72px; object-fit:cover; border-radius:50%; background:#fff;}
.resume-actions {display:flex; gap:12px; flex-wrap:wrap; margin-top:16px;}
@media (max-width:992px){.kpi-grid,.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-grid,.featured-home-grid,.testimonial-grid,.form-grid-3{grid-template-columns:1fr;}}
@media (max-width:768px){.form-card{padding:18px;}.form-grid-2,.form-grid-3{grid-template-columns:1fr;}.kpi-grid,.metric-strip{grid-template-columns:1fr;}.crm-section-title{font-size:1.5rem;}}
@media (min-width: 981px) {
  .header-inner{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:24px;
    max-width:1280px;
  }

  .brand{
    justify-self:start;
  }

  .desktop-nav{
    position:static !important;
    transform:none !important;
    left:auto !important;
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:26px;
    width:100%;
    margin:0 auto;
    text-align:center;
  }

  .desktop-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    line-height:1.25;
  }

  .admin-btn{
    justify-self:end;
    white-space:nowrap;
  }
}
