#dr-root {
  position: relative;
  z-index: 9999;
  font-family: 'Rajdhani', sans-serif;
   display: flex;
  justify-content: center; /* horizontalno centriranje */
}

#dr-root * {
  box-sizing: border-box;
}

.dr-ai-box {
  background: linear-gradient(180deg, #000, #050505);
  color:#fff;
  padding:28px;
  border-radius:18px;
  text-align:center;
  width:460px;

  box-shadow:
    0 0 40px rgba(0,255,200,0.25),
    0 0 80px rgba(0,255,200,0.1);

  border:1px solid rgba(0,255,200,0.2);
  position:relative;
}

.dr-ai-box::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:18px;
  box-shadow:0 0 60px rgba(0,255,200,0.2);
  opacity:0.4;
}

.dr-top {
  font-size:12px;
  opacity:0.7;
  margin-bottom:8px;
}

.dr-ai-box h2 {
  color:#00ffcc;
  margin-bottom:10px;
  font-size:22px;
}

.dr-sub {
  font-size:13px;
  opacity:0.6;
  margin-bottom:15px;
}

.dr-line {
  font-size:13px;
  margin:4px 0;
  opacity:0.8;
}

.dr-line.green {
  color:#00ff99;
}

.dr-line.yellow {
  color:#ffcc00;
}

.dr-progress {
  height:6px;
  background:#222;
  margin:16px 0;
  border-radius:10px;
  overflow:hidden;
}

#drBar {
  height:100%;
  width:60%;
  background:linear-gradient(90deg,#00ffcc,#00ffaa);
  box-shadow:0 0 10px #00ffcc;
  transition:0.6s;
}

#drBtn {
  padding:14px 34px;
  background:linear-gradient(180deg,#00ffcc,#00cc99);
  border:none;
  border-radius:12px;
  font-weight:bold;
  cursor:pointer;
  color:#000;
  margin-top:10px;

  box-shadow:0 0 20px rgba(0,255,200,0.6);
  transition:0.3s;
}

#drBtn:hover {
  transform:scale(1.05);
  box-shadow:0 0 30px #00ffcc;
}

.dr-note {
  font-size:11px;
  opacity:0.6;
  margin-top:10px;
}

.dr-tech {
  font-size:10px;
  opacity:0.4;
  margin-top:6px;
}