:root{
      --bg-1: #0f1724; /* deep */
      --glass: rgba(255,255,255,0.06);
      --card: rgba(255,255,255,0.03);
      --accent1: #7c5cff; /* purple */
      --accent2: #36d1dc; /* cyan */
      --accent3: #ff6b6b; /* coral */
      --glass-border: rgba(255,255,255,0.06);
      --radius: 16px;
    }
.card h2{font-size:17px !important; border-bottom:1px solid #a5a5a5}	
.card th,.card td{padding:2px 3px}
.card label{ position:relative; top:3px}
.card img{vertical-align:middle; position:relative}
.card{background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border:1px solid var(--glass-border); padding:8px;border-radius:var(--radius);backdrop-filter: blur(6px);box-shadow: 0 8px 8px rgba(3,6,15,0.6); font-size:14px; background:#7986cb69; margin:10Ppx auto}
 .card:hover{transform:translateY(-6px);transition:transform .28s cubic-bezier(.2,.9,.3,1);box-shadow:0 18px 20px rgba(2,8,32,0.6)}
    .btn:active{transform:translateY(1px)}
.nint01{width:100%; padding:3px; border:1px solid #949494}
.setbtnok{text-align:center; padding:12pX 0 0 0}
.setbtnok button{padding:8px 25px; font-size:17px;border-radius:15px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:white;font-weight:600; cursor:pointer}
.setbtnok button:hover{transform:translateY(-6px);transition:transform .28s cubic-bezier(.2,.9,.3,1);}
@media (max-width: 760px){

}