/* ============================================================
   aidigitalguru.in — Central Style Engine (Cyberpunk)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800&family=Share+Tech+Mono&display=swap');
:root{
  --bg:#05050a;
  --bg-2:#0a0a14;
  --panel: rgba(15,17,26,0.55);
  --panel-border: rgba(0,243,255,0.25);
  --text:#d6e7ff;
  --muted:#7a8aa3;
  --neon-blue:#00f3ff;
  --neon-green:#39ff14;
  --neon-red:#ff0055;
  --shadow-blue:0 0 6px #00f3ff,0 0 18px rgba(0,243,255,0.55);
  --shadow-green:0 0 6px #39ff14,0 0 18px rgba(57,255,20,0.55);
  --shadow-red:0 0 6px #ff0055,0 0 18px rgba(255,0,85,0.55);
  --font-mono:'Share Tech Mono',ui-monospace,Menlo,monospace;
  --font-display:'Orbitron',ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--font-mono);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(0,243,255,0.08), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(255,0,85,0.08), transparent 60%),
    radial-gradient(800px 400px at 50% 120%, rgba(57,255,20,0.06), transparent 60%),
    var(--bg);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
  line-height:1.55;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 3px);
  mix-blend-mode:overlay;
}
a{color:var(--neon-blue);text-decoration:none}
a:hover{text-shadow:var(--shadow-blue)}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}
h1{font-size:clamp(1.6rem,3vw,2.6rem);color:#fff;text-shadow:var(--shadow-blue)}
h2{font-size:clamp(1.3rem,2.3vw,1.9rem);color:#fff;text-shadow:var(--shadow-green)}
h3{font-size:1.1rem;color:#fff}
.container{max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:1}
/* Navbar */
.navbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  background:rgba(5,5,10,0.7);
  border-bottom:1px solid var(--panel-border);
}
.nav-inner{
  max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;gap:12px;flex-wrap:wrap;
}
.brand{
  font-family:var(--font-display);font-weight:800;letter-spacing:.12em;color:#fff;
  text-shadow:var(--shadow-blue);font-size:1.1rem;
}
.brand span{color:var(--neon-green);text-shadow:var(--shadow-green)}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nav-links a{
  font-family:var(--font-mono);font-size:.9rem;color:var(--text);
  padding:8px 12px;border:1px solid transparent;border-radius:6px;
  transition:all .2s ease;
}
.nav-links a:hover,.nav-links a.active{
  border-color:var(--neon-blue);color:#fff;text-shadow:var(--shadow-blue);
}
.nav-toggle{display:none;background:transparent;color:var(--neon-blue);border:1px solid var(--neon-blue);
  padding:6px 10px;border-radius:6px;font-family:var(--font-mono);cursor:pointer}
/* Footer */
.footer{
  margin-top:60px;padding:24px;border-top:1px solid var(--panel-border);
  background:rgba(5,5,10,0.7);color:var(--muted);text-align:center;font-size:.85rem;
}
.footer a{margin:0 8px}
/* Glass panel */
.glass{
  background:var(--panel);
  border:1px solid var(--panel-border);
  border-radius:14px;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 0 1px rgba(255,255,255,0.03) inset, 0 10px 40px rgba(0,0,0,0.5);
  padding:24px;
}
.glass+.glass{margin-top:20px}
/* Console / terminal box */
.console{
  background:#02030a;border:1px solid var(--neon-green);border-radius:10px;
  padding:16px;font-family:var(--font-mono);color:var(--neon-green);
  box-shadow:var(--shadow-green);min-height:160px;white-space:pre-wrap;word-break:break-word;
}
.console .ok{color:var(--neon-green)}
.console .info{color:var(--neon-blue)}
.console .err{color:var(--neon-red)}
.cursor::after{content:"▮";animation:blink 1s infinite;margin-left:2px}
@keyframes blink{50%{opacity:0}}
/* Buttons */
.btn{
  display:inline-block;cursor:pointer;font-family:var(--font-mono);
  background:transparent;color:var(--neon-blue);border:1px solid var(--neon-blue);
  padding:10px 18px;border-radius:8px;letter-spacing:.08em;text-transform:uppercase;
  transition:all .2s ease;text-shadow:var(--shadow-blue);
}
.btn:hover{background:rgba(0,243,255,0.1);box-shadow:var(--shadow-blue)}
.btn.green{color:var(--neon-green);border-color:var(--neon-green);text-shadow:var(--shadow-green)}
.btn.green:hover{background:rgba(57,255,20,0.08);box-shadow:var(--shadow-green)}
.btn.red{color:var(--neon-red);border-color:var(--neon-red);text-shadow:var(--shadow-red)}
.btn.red:hover{background:rgba(255,0,85,0.08);box-shadow:var(--shadow-red)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
/* Forms */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.field input,.field select,.field textarea{
  background:#0a0c16;border:1px solid rgba(0,243,255,0.25);border-radius:8px;
  padding:12px 14px;color:var(--text);font-family:var(--font-mono);font-size:1rem;outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--neon-blue);box-shadow:var(--shadow-blue);
}
.field .error{color:var(--neon-red);font-size:.8rem;min-height:1em}
/* Grid */
.grid{display:grid;gap:18px}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-4{grid-template-columns:repeat(4,1fr)}
/* Card */
.card{
  background:rgba(10,12,22,0.7);border:1px solid var(--panel-border);
  border-radius:12px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;
}
.card:hover{transform:translateY(-3px);border-color:var(--neon-blue);box-shadow:var(--shadow-blue)}
.card h3{margin-bottom:8px;color:#fff}
.card p{color:var(--muted);font-size:.92rem;margin-bottom:10px}
/* Table */
.table-wrap{overflow:auto;border-radius:10px;border:1px solid var(--panel-border)}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(0,243,255,0.1);font-size:.92rem}
th{background:rgba(0,243,255,0.08);color:var(--neon-blue);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}
tr:hover td{background:rgba(0,243,255,0.04)}
/* Quiz */
.q-card{background:#0a0c16;border:1px solid var(--panel-border);border-radius:12px;padding:20px}
.q-question{font-size:1.05rem;margin-bottom:14px;color:#fff}
.q-options{display:grid;gap:10px}
.q-opt{
  padding:12px 14px;border:1px solid rgba(0,243,255,0.25);border-radius:8px;cursor:pointer;
  background:rgba(0,243,255,0.03);transition:all .15s;
}
.q-opt:hover{border-color:var(--neon-blue);box-shadow:var(--shadow-blue)}
.q-opt.selected{border-color:var(--neon-green);background:rgba(57,255,20,0.08);box-shadow:var(--shadow-green)}
.q-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.timer{font-family:var(--font-display);color:var(--neon-red);text-shadow:var(--shadow-red);font-size:1.2rem}
/* Video */
.video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--neon-blue);box-shadow:var(--shadow-blue)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.thumb{cursor:pointer;border-radius:10px;overflow:hidden;border:1px solid var(--panel-border);background:#0a0c16}
.thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.thumb.active{border-color:var(--neon-green);box-shadow:var(--shadow-green)}
.thumb .t-title{padding:10px 12px;font-size:.85rem;color:#fff}
/* Certificate */
.cert{
  background:#0a0f1d;color:#e8eefc;padding:48px;border:2px solid #c9a227;border-radius:12px;
  position:relative;font-family:'Georgia',serif;max-width:900px;margin:0 auto;
}
.cert::before,.cert::after{content:"";position:absolute;inset:14px;border:1px solid #c9a227;border-radius:6px;pointer-events:none}
.cert h1{font-family:'Georgia',serif;color:#ffd866;text-shadow:none;letter-spacing:.1em;text-align:center}
.cert .name{font-size:2rem;text-align:center;margin:20px 0;color:#fff;border-bottom:1px dashed #c9a227;padding-bottom:10px}
.cert .body{text-align:center;font-size:1rem;line-height:1.7}
.cert .meta{display:flex;justify-content:space-between;margin-top:36px;font-size:.85rem;color:#c9d4ee;flex-wrap:wrap;gap:10px}
.cert .seal{position:absolute;right:40px;bottom:40px;width:90px;height:90px;border-radius:50%;
  border:2px solid #c9a227;display:flex;align-items:center;justify-content:center;color:#ffd866;
  font-family:'Orbitron',sans-serif;font-size:.7rem;text-align:center;line-height:1.1;background:rgba(201,162,39,0.08)}
/* Utility */
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.muted{color:var(--muted)}
.text-blue{color:var(--neon-blue);text-shadow:var(--shadow-blue)}
.text-green{color:var(--neon-green);text-shadow:var(--shadow-green)}
.text-red{color:var(--neon-red);text-shadow:var(--shadow-red)}
.center{text-align:center}
.mt-2{margin-top:12px}.mt-4{margin-top:24px}.mt-6{margin-top:36px}
.hidden{display:none !important}
.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--neon-blue);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
/* Hero */
.hero{padding:60px 0 30px;text-align:center}
.hero p.lead{color:var(--muted);max-width:680px;margin:14px auto 0;font-size:1.05rem}
.hero .actions{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
/* Responsive */
@media (max-width: 900px){
  .grid.cols-4{grid-template-columns:repeat(2,1fr)}
  .grid.cols-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .nav-toggle{display:inline-block}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding-top:8px}
  .nav-links.open{display:flex}
  .nav-links a{padding:10px 12px;border:1px solid var(--panel-border)}
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}
  .cert{padding:24px}
  .cert .seal{position:static;margin:24px auto 0}
}
@media (max-width: 380px){
  .container{padding:14px}
  .glass{padding:16px;border-radius:10px}
  h1{font-size:1.4rem}
}
@media (max-width: 320px){
  .btn{padding:8px 12px;font-size:.85rem}
  .field input{font-size:.95rem;padding:10px 12px