*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b1020;color:#edf2ff}a{color:inherit;text-decoration:none}main{min-height:75vh}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:rgba(11,16,32,.92);backdrop-filter:blur(18px);border-bottom:1px solid #26314d}.brand{font-size:23px;font-weight:900}.brand span{color:#8b5cf6}.brand small{display:block;font-size:7px;letter-spacing:3px;color:#8b9ab8;margin-left:2px}.site-header nav{display:flex;align-items:center;gap:18px;color:#b9c4dc}.site-header nav b{background:#8b5cf6;color:white;border-radius:20px;padding:2px 7px}.outline{border:1px solid #415171;padding:9px 14px;border-radius:9px}.hero,.section,.page-hero,.checkout{width:min(1180px,88%);margin:auto}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;padding:95px 0}.eyebrow{color:#a78bfa;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1,.page-hero h1,.product-page h1{font-size:clamp(40px,7vw,76px);line-height:1.02;margin:15px 0}.hero p,.page-hero p,.lead{font-size:18px;line-height:1.7;color:#9eacc7}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;background:linear-gradient(135deg,#7c3aed,#a855f7);border:0;color:white;padding:13px 20px;border-radius:10px;font-weight:800;cursor:pointer}.ghost{background:transparent;border:1px solid #415171}.hero-card{background:linear-gradient(160deg,#151d36,#0e1427);border:1px solid #2b3960;border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:center;min-height:330px}.hero-card b{font-size:54px;color:#c4b5fd}.hero-card span{color:#91a0bd}.code-lines i{display:block;height:8px;background:#2d3a5d;border-radius:10px;margin:12px 0}.code-lines i:nth-child(2){width:70%}.code-lines i:nth-child(3){width:88%}.code-lines i:nth-child(4){width:55%}.section{padding:40px 0 80px}.section h2{font-size:31px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head p{color:#8d9ab5}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories a{background:#121a30;border:1px solid #263552;padding:22px;border-radius:15px;font-weight:700}.categories span{display:block;font-size:24px;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#11182b;border:1px solid #263552;border-radius:18px;overflow:hidden;transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#7655c7}.product-thumb{height:170px;background:#161f38}.product-thumb img,.detail-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{height:100%;display:grid;place-items:center;font-size:48px;font-weight:900;background:linear-gradient(135deg,#1d2948,#10182b);color:#8b5cf6}.product-info{padding:18px}.tag{font-size:11px;color:#c4b5fd;text-transform:uppercase;letter-spacing:1px}.product-info h3{margin:9px 0;font-size:18px}.product-info p{color:#91a0bd;font-size:14px;line-height:1.5}.price-row{display:flex;gap:10px;align-items:center;margin:18px 0}.price-row strong{font-size:21px}.price-row del,.big-price del{color:#72809c;font-size:14px}.card-link{font-weight:800;color:#c4b5fd}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#263552;margin-top:30px}.trust div{padding:35px 8%;background:#11182b}.trust b,.trust span{display:block}.trust span{color:#8997b3;margin-top:8px}.page-hero{padding:70px 0 25px}.filters{width:min(1180px,88%);margin:0 auto 35px;display:flex;gap:10px}.filters input,.filters select,input,textarea,select{background:#11182b;border:1px solid #334363;color:#edf2ff;border-radius:9px;padding:13px;width:100%}.product-page{width:min(1100px,88%);margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:55px}.detail-thumb{height:460px;border-radius:22px;overflow:hidden}.large{font-size:110px}.big-price{font-size:31px;font-weight:900;margin:25px 0}.tech{color:#9eacc7;margin-bottom:25px}.wide{width:100%;text-align:center}.demo{display:block;text-align:center;margin-top:15px;color:#c4b5fd}.content{line-height:1.8;color:#c7d0e4}.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}.cart-item,.summary{background:#11182b;border:1px solid #263552;border-radius:14px;padding:20px}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;margin-bottom:12px}.cart-item span{color:#8e9bb5}.cart-item button{background:transparent;border:0;color:#fda4af}.summary div{display:flex;justify-content:space-between;padding:10px 0;color:#aebad1}.summary hr{border-color:#263552}.empty,.success,.alert{background:#11182b;border:1px solid #334363;padding:25px;border-radius:14px}.success{border-color:#16a34a;color:#bbf7d0}.alert{border-color:#b91c1c;color:#fecaca;padding:10px;margin-bottom:15px}.auth{min-height:75vh;display:grid;place-items:center;padding:40px 15px}.auth form{width:min(430px,100%);background:#11182b;border:1px solid #2c3958;padding:32px;border-radius:20px}.auth label{display:block;margin:15px 0;color:#b8c4dd}.auth input{margin-top:7px}.auth p{color:#98a7c3}.checkout{display:grid;grid-template-columns:1fr 420px;gap:60px;padding:80px 0}table{width:100%;border-collapse:collapse;background:#11182b}th,td{text-align:left;padding:14px;border-bottom:1px solid #263552}.table-wrap{overflow:auto}.status{background:#263552;padding:5px 8px;border-radius:20px;font-size:12px}footer{border-top:1px solid #263552;padding:45px 6%;display:flex;justify-content:space-between;color:#94a1ba}.admin-body{background:#0b1020}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-nav{padding:30px;background:#10172a;border-right:1px solid #263552}.admin-nav h2{color:#c4b5fd}.admin-nav a{display:block;padding:13px 0;color:#aebad1}.admin-main{padding:50px;max-width:1200px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div{padding:22px;background:#11182b;border:1px solid #263552;border-radius:14px}.stats span,.stats b{display:block}.stats span{color:#95a3bd}.stats b{font-size:30px;margin-top:10px}.admin-form{display:grid;gap:12px;max-width:760px;margin-bottom:45px}.admin-form textarea{min-height:150px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact{grid-template-columns:1fr 1fr auto;max-width:800px}@media(max-width:800px){.site-header{padding:15px 5%}.site-header nav a:not(.outline):not(:last-child){display:none}.hero,.product-page,.checkout{grid-template-columns:1fr;gap:30px;padding:55px 0}.categories{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr}.cart-layout{grid-template-columns:1fr}.detail-thumb{height:300px}.filters{flex-wrap:wrap}.filters input{width:100%}.trust{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-nav{display:flex;gap:12px;overflow:auto;padding:14px}.admin-nav h2{display:none}.admin-nav a{white-space:nowrap}.admin-main{padding:25px 15px}.stats{grid-template-columns:1fr 1fr}.compact{grid-template-columns:1fr}.section-head{display:block}footer{display:block}.two{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:48px}.site-header nav{gap:10px}.brand{font-size:18px}}
/* Responsive admin hamburger navigation */
.admin-menu-toggle{display:none;position:fixed;top:14px;right:16px;z-index:1002;width:48px;height:44px;border:1px solid #334363;border-radius:10px;background:#11182b;padding:10px;cursor:pointer}
.admin-menu-toggle span{display:block;width:26px;height:2px;background:#edf2ff;margin:5px auto;border-radius:2px}
.admin-close{display:none;background:transparent;border:0;color:#edf2ff;font-size:34px;line-height:1;cursor:pointer}
.admin-menu-backdrop{display:none}.admin-nav-top{display:block}.admin-nav nav{display:block}
@media(max-width:800px){
  .admin-shell{display:block;min-height:100vh}
  .admin-menu-toggle{display:block}
  .admin-nav{position:fixed;top:0;right:0;left:auto;z-index:1001;width:min(82vw,340px);height:100vh;display:block;overflow-y:auto;padding:22px;background:#10172a;border-left:1px solid #263552;border-right:0;transform:translateX(105%);transition:transform .22s ease;box-shadow:-12px 0 35px rgba(0,0,0,.35)}
  .admin-menu-open .admin-nav{transform:translateX(0)}
  .admin-menu-open .admin-menu-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55)}
  .admin-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .admin-nav h2{display:block;margin:0;color:#c4b5fd}
  .admin-close{display:block}
  .admin-nav nav{display:grid;gap:6px}
  .admin-nav a{display:block;padding:14px 12px;border-radius:10px;white-space:normal;color:#d6def0}
  .admin-nav a:hover{background:#18233e}
  .admin-main{padding:82px 15px 30px}
}