:root{--navy:#061225;--navy2:#020814;--blue:#1976ff;--line:rgba(255,255,255,.12);--text:#fff;--muted:rgba(255,255,255,.68)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#0a2346 0,#061225 42%,#020814 100%);color:var(--text);font-family:Inter,Arial,sans-serif}.site-header,.topbar,.footer{background:#031024;border-color:var(--line)}.topbar{font-size:12px;text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between;gap:15px;padding:9px 7%;border-bottom:1px solid var(--line);color:#eaf3ff}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 7%;border-bottom:1px solid var(--line)}.code-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;min-width:130px}.code-logo-mark{width:42px;height:42px;display:grid;place-items:center;font-size:34px;font-weight:900;line-height:1;color:#f4f1e9;text-shadow:0 2px 2px #000,0 0 1px #fff;font-family:Georgia,serif}.code-logo-text strong{display:block;font-size:18px;letter-spacing:5px}.code-logo-text span{display:block;color:#2386ff;font-size:10px;letter-spacing:7px}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;text-transform:uppercase}.main-nav a:hover,.main-nav .active{color:#2d8cff}.header-icons{display:flex;gap:18px;align-items:center}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:520px;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;right:18%;top:15%;width:320px;height:320px;background:radial-gradient(circle,rgba(25,118,255,.22),transparent 70%);filter:blur(60px);pointer-events:none}.hero-copy{padding:120px 0 80px 7%;z-index:2}.eyebrow{color:#2386ff;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.hero h1{font-size:58px;line-height:1.05;margin:22px 0}.hero h1 span{display:block;color:#1976ff}.hero p{font-size:18px;color:var(--muted);line-height:1.8;max-width:480px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#1976ff;color:#fff;text-decoration:none;border:1px solid #1976ff;border-radius:4px;padding:15px 24px;font-weight:800;text-transform:uppercase;font-size:13px}.btn.outline{background:transparent;border-color:#2386ff}.hero-media{position:relative;display:flex;align-items:end;justify-content:center;min-height:520px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.25))}.hero-media img,.hero-img{width:100%;height:100%;object-fit:cover;display:block}.hero .extra-r,.hero-watermark,.hero-logo-bg,.hero-r-logo{display:none!important}.trust-row,.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.trust-card,.benefit-card{padding:28px 7%;border-right:1px solid var(--line);display:flex;gap:15px;align-items:center}.trust-card strong,.benefit-card strong{display:block;font-size:14px;text-transform:uppercase}.trust-card span,.benefit-card span{color:var(--muted);font-size:13px}.section{padding:60px 7%}.section-title{text-align:center;margin-bottom:34px}.section-title h2{font-size:36px;margin:8px 0;text-transform:uppercase}.section-title:after{content:"";display:block;width:60px;height:3px;background:#1976ff;margin:14px auto}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.category-card,.product-card{border:1px solid rgba(45,140,255,.35);border-radius:8px;background:rgba(255,255,255,.035);overflow:hidden;text-decoration:none;color:#fff;transition:.25s}.category-card:hover,.product-card:hover{transform:translateY(-4px);border-color:#1976ff}.category-card img{width:100%;height:210px;object-fit:cover;display:block}.category-card .meta,.product-card .meta{padding:18px}.category-card h3,.product-card h3{margin:0 0 8px;text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card img{width:100%;height:230px;object-fit:cover;display:block}.price{font-weight:900}.old{text-decoration:line-through;color:#8796aa;margin-right:8px}.newsletter{margin:40px 7%;padding:45px;border:1px solid rgba(45,140,255,.35);border-radius:8px;background:linear-gradient(135deg,rgba(8,28,55,.94),rgba(8,18,36,.94));display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.newsletter input{width:100%;padding:18px;background:#091a30;border:1px solid var(--line);color:#fff}.newsletter form{display:flex}.footer{padding:50px 7% 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.footer a{display:block;color:var(--muted);text-decoration:none;margin:10px 0}.footer h4{text-transform:uppercase}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;color:var(--muted)}.admin-form,.form{background:#fff;color:#111;border-radius:12px;padding:20px;margin-bottom:20px}.admin-form input,.admin-form select,.admin-form textarea,.form input,.form select,.form textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:8px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.img-thumb{width:70px;height:55px;object-fit:cover;border-radius:8px}.chat-widget{position:fixed;right:18px;bottom:18px;z-index:9999}.chat-button{background:#1976ff;color:#fff;border:0;border-radius:999px;padding:15px 19px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.35)}.chat-panel{display:none;width:320px;background:#061225;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.45)}.chat-panel.open{display:block}.chat-head{padding:15px;background:#0a2346;font-weight:900}.chat-body{padding:15px}.chat-body input,.chat-body select,.chat-body textarea{width:100%;padding:12px;margin:7px 0;background:#081a31;border:1px solid var(--line);color:#fff;border-radius:8px}@media(max-width:950px){.topbar{display:none}.header-inner{padding:12px 4%}.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 4% 30px}.hero h1{font-size:42px}.hero-media{min-height:360px}.trust-row,.benefit-row{grid-template-columns:repeat(2,1fr)}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.newsletter{grid-template-columns:1fr;margin:30px 4%;padding:25px}.footer{padding:35px 4%}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.code-logo-mark{width:34px;height:34px;font-size:28px}.code-logo-text strong{font-size:15px;letter-spacing:4px}.code-logo-text span{font-size:9px;letter-spacing:5px}}@media(max-width:520px){.hero h1{font-size:36px}.hero p{font-size:15px}.trust-row,.benefit-row,.category-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.category-card img,.product-card img{height:240px}.header-icons{gap:10px}.newsletter form{display:block}.newsletter .btn{width:100%;margin-top:10px}.chat-panel{width:calc(100vw - 28px)}}

/* Roduxe themed customer login and registration pages */
.auth-page{position:relative;overflow:hidden;padding:70px 7%;background:radial-gradient(circle at 20% 10%,rgba(25,118,255,.20),transparent 34%),radial-gradient(circle at 80% 70%,rgba(35,134,255,.12),transparent 35%)}
.auth-page:before{content:"";position:absolute;right:-90px;top:40px;width:320px;height:320px;background:radial-gradient(circle,rgba(25,118,255,.22),transparent 70%);filter:blur(70px);pointer-events:none}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr 460px;gap:34px;align-items:stretch;max-width:1180px;margin:0 auto}.register-shell{grid-template-columns:.9fr 1.15fr}.auth-brand-panel{border:1px solid rgba(45,140,255,.30);background:linear-gradient(135deg,rgba(3,16,36,.92),rgba(7,31,62,.76));border-radius:26px;padding:48px;min-height:480px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 70px rgba(0,0,0,.25)}.auth-brand-panel h1{font-size:48px;line-height:1.05;margin:18px 0 18px;text-transform:uppercase;letter-spacing:-.03em}.auth-brand-panel p{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px}.auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.auth-points span{border:1px solid rgba(45,140,255,.32);background:rgba(255,255,255,.05);border-radius:999px;padding:10px 14px;color:#eaf3ff;font-weight:800;font-size:12px;text-transform:uppercase}.auth-card{border:1px solid rgba(45,140,255,.35);background:rgba(4,13,28,.88);backdrop-filter:blur(14px);border-radius:26px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.33)}.auth-card-head h2{font-size:30px;margin:0 0 8px;text-transform:uppercase}.auth-card-head p{margin:0 0 24px;color:var(--muted)}.auth-form label{display:block;margin:14px 0 7px;color:#eaf3ff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.auth-form input,.auth-form textarea{width:100%;padding:15px 16px;background:#071a31;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;outline:none}.auth-form textarea{min-height:96px;resize:vertical}.auth-form input:focus,.auth-form textarea:focus{border-color:#2d8cff;box-shadow:0 0 0 4px rgba(25,118,255,.12)}.auth-btn{width:100%;margin-top:20px;border-radius:12px;padding:16px 22px}.auth-switch{text-align:center;color:var(--muted);margin:22px 0 0}.auth-switch a{color:#55a4ff;font-weight:900;text-decoration:none}.auth-alert{background:rgba(255,84,84,.12);border:1px solid rgba(255,120,120,.28);color:#ffd6d6;border-radius:12px;padding:13px 15px;margin-bottom:15px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form{background:rgba(4,13,28,.88)!important;color:#fff!important;border:1px solid rgba(45,140,255,.30)!important;border-radius:22px!important}.form input,.form select,.form textarea{background:#071a31!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}.form h1,.form h2,.form h3{color:#fff!important}@media(max-width:950px){.auth-page{padding:45px 4%}.auth-shell,.register-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:32px}.auth-brand-panel h1{font-size:36px}.auth-card{padding:26px}}@media(max-width:520px){.auth-page{padding:28px 4%}.auth-brand-panel{padding:24px;border-radius:20px}.auth-brand-panel h1{font-size:29px}.auth-brand-panel p{font-size:15px}.auth-card{padding:20px;border-radius:20px}.auth-card-head h2{font-size:24px}.auth-grid{grid-template-columns:1fr}.auth-points span{font-size:11px;padding:8px 10px}}