:root{--bg:#07111f;--bg2:#0f172a;--card:#0b1b33;--text:#e5eefc;--muted:#97a6ba;--primary:#4f8cff;--accent:#f6b73c;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:#f4f7fb;color:#1f2937}
h1,h2,h3,.navbar-brand{font-family:Merriweather,serif}
a{text-decoration:none}
.site-nav{background:linear-gradient(135deg,var(--bg),#13213a);box-shadow:0 10px 30px rgba(2,8,23,.16)}
.top-strip{border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{display:inline-block;background:var(--accent);color:#111827;border-radius:.6rem;padding:.15rem .5rem;margin-right:.4rem;font-weight:800}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at top left,#1c3e72 0,#091423 45%,#07111f 100%);color:#fff}
.hero-section .hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;opacity:.35}
.hero-section .container{z-index:1}
.text-white-75{color:rgba(255,255,255,.75)}
.glass-card,.cta-panel{background:rgba(255,255,255,.08);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;color:#fff}
.section-pad{padding:5rem 0}
.soft-bg{background:linear-gradient(180deg,#fff,#eef4ff)}
.section-heading h2,.page-hero h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--primary)}
.category-card,.insight-card,.newsletter-card,.testimonial-card,.info-box{border:1px solid #e5e7eb;border-radius:1.2rem;transition:transform .25s ease,box-shadow .25s ease}
.category-card:hover,.insight-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.12)}
.cat-icon,.icon-bubble{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;color:#fff}
.bg-finance{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}
.bg-marketing{background:linear-gradient(135deg,#be123c,#fb7185)}
.bg-hr{background:linear-gradient(135deg,#7c3aed,#c084fc)}
.bg-it{background:linear-gradient(135deg,#0f766e,#2dd4bf)}
.stat-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:1rem;border-radius:1rem}
.stat-number{font-size:2rem;font-weight:800}
.stat-label{font-size:.9rem;color:rgba(255,255,255,.78)}
.feature-item{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.85rem}
.feature-item i{color:#16a34a;margin-top:.2rem}
.project-tag{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:#e5eefc;margin:.2rem .25rem;font-size:.85rem}
.project-tag.ai{background:#fde68a}
.site-footer{background:#07111f;color:#dbe7ff}
.site-footer a{color:#dbe7ff}
.footer-links li{margin-bottom:.5rem}
.page-wrap{min-height:60vh}
.page-hero{padding:4rem 0;background:linear-gradient(135deg,#12213d,#203b68);color:#fff}
.breadcrumb-light .breadcrumb-item,.breadcrumb-light a{color:rgba(255,255,255,.85)}
.breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.6)}
.project-card{border:1px solid #e5e7eb;border-radius:1rem;transition:transform .2s ease}
.project-card:hover{transform:translateY(-3px)}
.project-card.ai{box-shadow:inset 0 0 0 1px rgba(245,158,11,.25)}
.project-meta{font-size:.85rem;color:#6b7280}
.difficulty{font-size:.75rem;padding:.28rem .55rem;border-radius:999px}
.difficulty.easy{background:#dcfce7;color:#166534}.difficulty.medium{background:#fef3c7;color:#92400e}.difficulty.advanced{background:#dbeafe;color:#1d4ed8}
.back-to-top{position:fixed;right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;opacity:0;pointer-events:none;transition:.2s}
.back-to-top.show{opacity:1;pointer-events:auto}
.floating-call{position:fixed;right:1rem;bottom:4.25rem;z-index:1050;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-radius:999px;background:#16a34a;color:#fff;box-shadow:0 12px 30px rgba(22,163,74,.35);font-weight:700;line-height:1}
.floating-call i{font-size:1rem}
.floating-call:hover{color:#fff;background:#15803d}
.dark-mode{background:#030712;color:#e5eefc}
.dark-mode .soft-bg{background:#0b1220;color:#e5eefc}
.dark-mode .category-card,.dark-mode .card,.dark-mode .info-box,.dark-mode .insight-card,.dark-mode .newsletter-card{background:#0b1220;color:#e5eefc;border-color:#1f2937}
@media (max-width: 991px){.section-pad{padding:3.5rem 0}.hero-section{text-align:center}}
@media (max-width: 767.98px){
  .top-strip .container{flex-direction:column;align-items:flex-start}
  .top-strip .d-flex{flex-wrap:wrap;row-gap:.35rem}
  .hero-section{padding:1rem 0 2rem}
  .hero-section .display-5,.hero-section h1{font-size:clamp(2rem,8vw,2.75rem)}
  .page-hero{padding:2.25rem 0}
  .page-hero h1{font-size:clamp(1.7rem,7vw,2.2rem)}
  .section-pad{padding:2.5rem 0}
  .input-group{flex-wrap:wrap}
  .input-group>.form-control{width:100%;flex:1 1 100%}
  .input-group>.input-group-text{border-radius:.375rem .375rem 0 0}
  .filter-bar{display:flex;flex-wrap:wrap;gap:.5rem}
  .filter-bar .btn,.view-toggle{flex:1 1 calc(50% - .25rem)}
  .project-card .btn,.hero-section .btn,.page-hero .btn{width:100%}
  .project-card .d-flex.flex-wrap{gap:.5rem}
  .navbar-nav{padding-top:.75rem}
  .navbar-nav .nav-link{padding:.5rem 0}
  .floating-call{right:.75rem;bottom:4.75rem;padding:.7rem .9rem;font-size:.95rem}
}
@media (max-width: 575.98px){
  .brand-mark{margin-right:.25rem}
  .top-strip{font-size:.9rem}
  .filter-bar .btn,.view-toggle{flex:1 1 100%}
  .category-card .card-body,.project-card .card-body{padding:1rem}
  .page-wrap .container{padding-left:1rem;padding-right:1rem}
  .floating-call span{display:none}
  .floating-call{width:3rem;height:3rem;justify-content:center;padding:0;border-radius:50%}
}