:root{
--bg:#05050a;--panel:#0c0c15;--panel2:#11111d;--text:#f7f7fb;--muted:#a4a5b7;
--blue:#4c7dff;--purple:#9b5cff;--border:rgba(255,255,255,.09);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(91,61,255,.15),transparent 30%),radial-gradient(circle at 10% 30%,rgba(0,132,255,.09),transparent 28%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:20;background:rgba(5,5,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:2px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 28px rgba(92,92,255,.4)}
.nav-links{display:flex;gap:24px;color:#b9bac8;font-size:14px}.nav-links a:hover,.section-head>a:hover,.auth-switch a{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:9px 18px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 10px 30px rgba(91,80,255,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(91,80,255,.35)}.btn-ghost{border-color:var(--border);background:rgba(255,255,255,.03)}.btn-outline{border-color:rgba(120,125,255,.45);background:transparent}.btn-large{padding:13px 24px}.btn-small{padding:6px 11px;font-size:12px}.user-pill{color:#bfc1d2;font-size:13px}
.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding-top:50px}.eyebrow{color:#8795ff;font-size:11px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.15;margin:15px 0 22px;letter-spacing:-3px}.hero h1 span,.page-head h1 span{background:linear-gradient(90deg,#6b94ff,#b16cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;color:var(--muted);font-size:17px}.hero-buttons{display:flex;gap:12px;margin:30px 0}.stats{display:flex;gap:42px;margin-top:40px}.stats strong{display:block;font-size:23px}.stats small{color:var(--muted);font-size:11px}.hero-orbit{height:480px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(116,103,255,.25);border-radius:50%;transform:rotate(-18deg)}.ring-a{width:390px;height:390px}.ring-b{width:280px;height:280px;border-style:dashed}.hero-core{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#34317c,#10101b 65%);border:1px solid rgba(154,121,255,.35);box-shadow:0 0 100px rgba(76,84,255,.3),inset 0 0 50px rgba(157,88,255,.15);z-index:2}.core-icon{font-size:42px;background:linear-gradient(135deg,#75a2ff,#c277ff);-webkit-background-clip:text;color:transparent}.hero-core span{font-weight:900;letter-spacing:3px}.hero-core small{font-size:7px;color:#8c8da1;letter-spacing:2px}.floating-card{position:absolute;padding:12px 18px;border:1px solid var(--border);background:rgba(15,15,27,.82);backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 15px 45px rgba(0,0,0,.35);font-weight:900}.floating-card b{color:#8795ff;margin-right:8px}.card-top{top:48px;right:55px}.card-right{right:0;top:215px}.card-bottom{bottom:58px;left:42px}
.section{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2{margin:3px 0;font-size:30px}.section-head>a{color:#8e91a5;font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card,.product-card,.filter-panel,.auth-card,.dash-card{background:linear-gradient(145deg,rgba(19,19,31,.88),rgba(9,9,16,.9));border:1px solid var(--border);border-radius:18px}.category-card{padding:25px;min-height:180px;transition:.2s}.category-card:hover{transform:translateY(-5px);border-color:rgba(111,122,255,.35);box-shadow:0 20px 60px rgba(34,27,100,.2)}.category-card span{display:inline-grid;place-items:center;min-width:48px;height:42px;border-radius:12px;background:rgba(91,91,255,.12);color:#9c9cff;font-weight:900}.category-card h3{margin:18px 0 4px}.category-card p,.product-body p{margin:0;color:var(--muted);font-size:12px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden}.product-visual{height:160px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(92,91,255,.25),transparent 55%),#0a0a12}.product-visual span{font-size:42px;font-weight:900;color:#9ca8ff}.product-body{padding:18px}.product-meta{display:flex;justify-content:space-between;color:#77798b;font-size:9px;letter-spacing:1px}.product-body h3{margin:10px 0 4px}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.product-footer strong{font-size:13px}.page-head{padding:70px 0 35px}.page-head h1{font-size:48px;margin:5px 0}.page-head p{color:var(--muted)}.shop-layout{display:grid;grid-template-columns:190px 1fr;gap:22px;padding-bottom:80px}.shop-layout .product-grid{grid-template-columns:repeat(3,1fr)}.filter-panel{height:max-content;padding:17px}.filter-panel h3{font-size:14px;margin:0 0 12px}.filter-panel a{display:block;padding:8px 10px;color:var(--muted);border-radius:9px;font-size:13px}.filter-panel a.active,.filter-panel a:hover{background:rgba(102,96,255,.12);color:#fff}
.auth-page{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:50px 0}.auth-card{width:min(460px,100%);padding:34px}.auth-card h1{font-size:30px;margin:5px 0}.auth-card>p{color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:9px;margin-top:25px}.auth-card label{font-size:12px;color:#bfc0cc}.auth-card input{width:100%;padding:13px 14px;background:#080810;border:1px solid var(--border);border-radius:10px;color:#fff;outline:none}.auth-card input:focus{border-color:#6c76ff;box-shadow:0 0 0 3px rgba(91,100,255,.1)}.auth-card button{margin-top:10px}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}.flash-wrap{position:fixed;top:90px;left:20px;z-index:50}.flash{padding:11px 16px;border-radius:11px;background:#171722;border:1px solid var(--border);font-size:12px;box-shadow:0 15px 40px rgba(0,0,0,.3)}.flash.success{border-color:rgba(89,210,150,.3)}.flash.error{border-color:rgba(255,90,110,.3)}.dashboard{padding:100px 0;min-height:600px}.dash-card{padding:45px;max-width:760px}.dash-card h1{font-size:38px}.dash-card p{color:var(--muted)}.empty-state{padding:40px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}.footer{border-top:1px solid var(--border);padding:28px 4%;display:flex;justify-content:space-between;color:#6f7182;font-size:11px}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.12;z-index:-1}.ambient-one{width:260px;height:260px;background:#6b52ff;top:15%;right:5%}.ambient-two{width:220px;height:220px;background:#267cff;bottom:10%;left:5%}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-orbit{height:390px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr}.shop-layout .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.navbar{padding:0 18px}.nav-actions .btn-ghost{display:none}.container{width:min(100% - 28px,1180px)}.hero h1{font-size:42px;letter-spacing:-2px}.hero-buttons,.stats{flex-wrap:wrap}.hero-orbit{transform:scale(.82);margin:-20px 0}.category-grid,.product-grid,.shop-layout .product-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.page-head h1{font-size:38px}}

/* v1.1 visual refinements */
body{font-size:14px}
.nav-links{font-size:12px}
.btn{font-size:12px}
.hero h1{font-size:clamp(34px,4.8vw,62px);letter-spacing:-2px}
.hero-copy>p{font-size:14px;max-width:600px}
.section-head h2{font-size:24px}
.category-card h3,.product-body h3{font-size:16px}
.category-card p,.product-body p{font-size:11px}
.product-footer strong{font-size:12px}
.page-head h1{font-size:40px}
.auth-card h1{font-size:26px}
.menu-toggle{width:38px;height:38px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:#fff;border-radius:10px;cursor:pointer;font-size:18px;line-height:1}
.menu-toggle:hover{background:rgba(102,96,255,.15)}
.mobile-menu{position:fixed;top:88px;left:18px;z-index:30;width:210px;padding:10px;background:rgba(10,10,18,.96);border:1px solid var(--border);border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.5);display:none}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:10px 12px;border-radius:9px;color:#b9bac8;font-size:13px}
.mobile-menu a:hover{background:rgba(102,96,255,.12);color:#fff}
.hero-core{animation:coreFloat 4s ease-in-out infinite, coreGlow 3s ease-in-out infinite alternate}
.hero-orbit .ring-a{animation:spinRing 14s linear infinite}
.hero-orbit .ring-b{animation:spinRingReverse 10s linear infinite}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinRingReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes coreFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes coreGlow{from{box-shadow:0 0 70px rgba(76,84,255,.25),inset 0 0 35px rgba(157,88,255,.12)}to{box-shadow:0 0 120px rgba(118,82,255,.45),inset 0 0 65px rgba(157,88,255,.2)}}
@media(max-width:900px){.nav-links{display:none}}