:root {
  --bg-deep:#0A0A0A; --bg-main:#141414; --bg-card:#1A1A1A;
  --c1:#C8C8C8; --c2:#A0A0A0; --c3:#787878;
  --glass:rgba(255,255,255,0.04); --gb:rgba(200,200,200,0.1);
  --text:rgba(255,255,255,0.88); --muted:rgba(255,255,255,0.45);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg-deep);color:var(--text);font-family:'Rajdhani',sans-serif;overflow-x:hidden;min-height:100vh;}

/* GRID BG */
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(200,200,200,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,0.04) 1px,transparent 1px);
  background-size:70px 70px;}

/* GLASS */
.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--gb);}
.glass-dark{background:rgba(10,10,10,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(200,200,200,0.07);}

/* GLOW */
.glow{box-shadow:0 0 30px rgba(180,180,180,0.1),0 0 60px rgba(180,180,180,0.04);}
.glow-text{text-shadow:0 0 25px rgba(200,200,200,0.4);}
.glow-border{box-shadow:0 0 0 1px rgba(200,200,200,0.15),0 8px 32px rgba(0,0,0,0.4);}

/* GRADIENT TEXT */
.grad{background:linear-gradient(135deg,#ffffff 0%,#D8D8D8 50%,#A8A8A8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.grad-anim{background:linear-gradient(135deg,#ffffff,#D0D0D0,#888888,#ffffff);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gshift 5s linear infinite;}
@keyframes gshift{0%{background-position:0%}100%{background-position:300%}}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s;}
#nav.solid{background:rgba(8,8,8,0.96);backdrop-filter:blur(24px);border-bottom:1px solid rgba(200,200,200,0.07);box-shadow:0 4px 40px rgba(0,0,0,0.4);}
.nav-link{font-family:'Orbitron',monospace;font-size:.65rem;letter-spacing:.2em;color:var(--muted);transition:color .3s;position:relative;padding-bottom:2px;}
.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--c1);box-shadow:0 0 6px rgba(200,200,200,0.5);transition:width .3s;}
.nav-link:hover,.nav-link.active{color:var(--c1);}
.nav-link:hover::after,.nav-link.active::after{width:100%;}

/* CTA BTN */
.btn-cta{position:relative;overflow:hidden;font-family:'Orbitron',monospace;font-size:.7rem;letter-spacing:.15em;border:1px solid var(--c1);color:var(--c1);transition:all .3s;cursor:pointer;}
.btn-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--c1),var(--c2));opacity:0;transition:opacity .3s;}
.btn-cta:hover::before{opacity:1;}
.btn-cta:hover{color:#0A0A0A;box-shadow:0 8px 30px rgba(0,0,0,0.6);transform:translateY(-2px);}
.btn-cta:active{transform:translateY(0) scale(.97);}
.btn-cta span{position:relative;z-index:1;}
.btn-ghost{font-family:'Orbitron',monospace;font-size:.65rem;letter-spacing:.15em;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);transition:all .3s;cursor:pointer;}
.btn-ghost:hover{border-color:rgba(200,200,200,0.6);color:rgba(200,200,200,0.9);}

/* PAGES */
.page{display:none;min-height:100vh;padding-top:72px;}
.page.active{display:block;}

/* SIDEBAR (service pages) */
.sidebar{position:fixed;left:0;top:72px;bottom:0;width:240px;z-index:90;overflow-y:auto;}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 20px;font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:.15em;color:var(--muted);transition:all .3s;cursor:pointer;border-left:2px solid transparent;}
.sidebar-link:hover{color:var(--c1);background:rgba(200,200,200,0.04);}
.sidebar-link.active{color:var(--c1);border-left-color:var(--c1);background:rgba(200,200,200,0.06);}
.sidebar-link .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;}

/* CONTENT with sidebar */
.with-sidebar{margin-left:240px;}
@media(max-width:768px){
  .sidebar{display:none;}
  .with-sidebar{margin-left:0;}
}

/* STAT CARD */
.stat-card{background:rgba(200,200,200,0.03);border:1px solid rgba(200,200,200,0.1);border-radius:16px;padding:20px;transition:all .3s;}
.stat-card:hover{border-color:rgba(200,200,200,0.3);box-shadow:0 0 20px rgba(0,0,0,0.4);}
.stat-n{font-family:'Orbitron',monospace;font-weight:700;font-size:1.8rem;background:linear-gradient(135deg,#ffffff,#C0C0C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* PRODUCT CARD 3D */
.prod-card{background:var(--bg-card);border:1px solid rgba(200,200,200,0.08);border-radius:20px;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s;transform-style:preserve-3d;}
.prod-card:hover{border-color:rgba(200,200,200,0.35);box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.prod-card .inner{transition:transform .1s ease;transform-style:preserve-3d;}

/* TABLE */
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th{font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:.15em;color:rgba(200,200,200,.8);padding:12px 16px;text-align:left;border-bottom:1px solid rgba(200,200,200,.1);}
.admin-table td{padding:12px 16px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,0.04);transition:background .2s;}
.admin-table tr:hover td{background:rgba(0,229,255,0.03);}

/* INPUT */
.inp{width:100%;background:rgba(0,229,255,0.03);border:1px solid rgba(0,229,255,0.15);border-radius:10px;padding:11px 14px;color:#fff;font-family:'Rajdhani',sans-serif;font-size:.95rem;transition:all .3s;}
.inp:focus{outline:none;border-color:rgba(200,200,200,0.5);box-shadow:0 0 0 3px rgba(200,200,200,0.08);}
.inp::placeholder{color:rgba(255,255,255,.3);}
select.inp option{background:#0A192F;}
label.lbl{display:block;font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:.15em;color:var(--c1);margin-bottom:6px;}

/* BADGE */
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-family:'Orbitron',monospace;font-size:.55rem;letter-spacing:.15em;}
.badge-cyan{background:rgba(200,200,200,0.08);border:1px solid rgba(200,200,200,0.2);color:rgba(220,220,220,0.9);}
.badge-green{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);color:#4ade80;}
.badge-red{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:#f87171;}
.badge-yellow{background:rgba(234,179,8,0.1);border:1px solid rgba(234,179,8,0.25);color:#facc15;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(200,200,200,.3)}70%{box-shadow:0 0 0 8px rgba(0,229,255,0)}}
@keyframes scan{0%{top:-2px}100%{top:100%}}
@keyframes orbit{from{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

.fade-up{animation:fadeUp .6s ease forwards;}
.fade-up-1{animation:fadeUp .6s .1s ease both;}
.fade-up-2{animation:fadeUp .6s .2s ease both;}
.fade-up-3{animation:fadeUp .6s .3s ease both;}
.fade-up-4{animation:fadeUp .6s .4s ease both;}
.fade-up-5{animation:fadeUp .6s .5s ease both;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.on{opacity:1;transform:translateY(0);}

/* SKELETON */
.skel{background:linear-gradient(90deg,rgba(200,200,200,.04) 25%,rgba(0,229,255,.09) 50%,rgba(200,200,200,.04) 75%);background-size:200%;animation:shimmer 1.5s infinite;border-radius:8px;}

/* TAB */
.tab-btn{font-family:'Orbitron',monospace;font-size:.6rem;letter-spacing:.15em;padding:8px 18px;border-radius:8px;border:1px solid rgba(200,200,200,.12);color:var(--muted);transition:all .3s;cursor:pointer;}
.tab-btn.active,.tab-btn:hover{border-color:rgba(200,200,200,0.5);color:rgba(220,220,220,0.95);background:rgba(200,200,200,0.07);}

/* MODAL */
.modal-wrap{position:fixed;inset:0;z-index:200;background:rgba(2,12,27,.85);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .35s;}
.modal-wrap.open{opacity:1;visibility:visible;}
.modal-box{transform:scale(.88) translateY(16px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.modal-wrap.open .modal-box{transform:scale(1) translateY(0);}

/* GALLERY */
.gallery-img{aspect-ratio:16/9;background:var(--bg-card);border-radius:14px;border:1px solid rgba(200,200,200,.08);overflow:hidden;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;}
.gallery-img:hover{border-color:rgba(200,200,200,.35);transform:scale(1.02);}

/* PRICE CARD */
.price-card{background:var(--bg-card);border:1px solid rgba(200,200,200,.1);border-radius:20px;padding:28px;transition:all .3s;}
.price-card:hover{border-color:rgba(200,200,200,.35);box-shadow:0 0 40px rgba(0,0,0,.4);transform:translateY(-4px);}
.price-card.featured{border-color:rgba(200,200,200,0.4);background:linear-gradient(135deg,rgba(200,200,200,0.06),rgba(160,160,160,0.02));}

/* HAMBURGER */
.ham span{display:block;width:22px;height:1.5px;background:var(--c1);transition:all .3s;margin:5px 0;}
.ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;}
.ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* NOTIFICATION */
.notif{position:fixed;bottom:24px;right:24px;z-index:300;transform:translateX(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.notif.show{transform:translateX(0);}

/* SCROLLBAR */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(200,200,200,.15);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:rgba(200,200,200,.3);}

/* NEON LINE */
.nline{height:1px;background:linear-gradient(90deg,transparent,rgba(200,200,200,0.5),transparent);box-shadow:none;}

/* HERO ORBITRON big */
.h-display{font-family:'Orbitron',monospace;font-weight:900;line-height:1.05;}
.h2-display{font-family:'Orbitron',monospace;font-weight:700;}

/* MOBILE MENU */
#mob-menu{position:fixed;inset:72px 0 0 0;z-index:95;transform:translateX(-100%);transition:transform .35s ease;overflow-y:auto;}
#mob-menu.open{transform:translateX(0);}