:root{--bg: #F2F5F9;--surface: #FFFFFF;--card: #FAFBFD;--card-img: #EDF0F5;--border: rgba(20, 40, 80, .1);--border-soft: rgba(20, 40, 80, .06);--accent: #E07B00;--accent-h: #C46C00;--accent-glow: rgba(224, 123, 0, .13);--gold: #E07B00;--gold-l: #F59020;--gold-glow: rgba(224, 123, 0, .13);--navy: #1A2B47;--navy-l: #243A5E;--text: #1A2B47;--text-2: #374F70;--muted: rgba(26, 43, 71, .48);--danger: #DC2626;--success: #15803D;--warning: #B45309;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Inter", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--nav-bg: rgba(255,255,255,.97);--nav-border: rgba(20, 40, 80, .09);--nav-shadow: rgba(20, 40, 80, .08);--el-1: 0 1px 3px rgba(20,40,80,.07);--el-2: 0 2px 10px rgba(20,40,80,.08), 0 1px 2px rgba(20,40,80,.04);--el-3: 0 4px 20px rgba(20,40,80,.1), 0 2px 4px rgba(20,40,80,.05);--el-4: 0 8px 36px rgba(20,40,80,.12), 0 4px 8px rgba(20,40,80,.06);--el-hover: 0 12px 40px rgba(20,40,80,.16), 0 4px 8px rgba(20,40,80,.08)}[data-theme=dark]{--bg: #0E1929;--surface: #152135;--card: #1C2D44;--card-img: #152135;--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.04);--accent: #F08C1A;--accent-h: #E07B00;--accent-glow: rgba(240, 140, 26, .18);--gold: #F08C1A;--gold-l: #F5A040;--gold-glow: rgba(240, 140, 26, .18);--navy: #0E1929;--navy-l: #152135;--text: #EEF2F8;--text-2: rgba(238,242,248,.75);--muted: rgba(238,242,248,.4);--danger: #F87171;--success: #4ADE80;--warning: #FBB840;--nav-bg: rgba(14,25,41,.97);--nav-border: rgba(255,255,255,.07);--nav-shadow: rgba(0,0,0,.5);--el-1: 0 1px 3px rgba(0,0,0,.4);--el-2: 0 2px 12px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);--el-3: 0 4px 24px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.05);--el-4: 0 8px 40px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.05);--el-hover: 0 0 0 1px rgba(240,140,26,.35), 0 8px 40px rgba(0,0,0,.65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.serif{font-family:var(--font)}.display{font-weight:800;letter-spacing:-.03em;line-height:1}.heading{font-weight:700;letter-spacing:-.02em;line-height:1.1}.section-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}input,textarea,select{background:var(--surface);border:1.5px solid var(--border);color:var(--text);padding:12px 16px;border-radius:var(--radius);font-family:var(--font);font-size:15px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:var(--surface);color:var(--text)}button{cursor:pointer;font-family:var(--font)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:13px 28px;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);transition:background .18s,transform .12s,box-shadow .18s;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:48px}.btn-primary:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border);padding:12px 24px;font-size:14px;letter-spacing:.03em;font-weight:600;text-transform:uppercase;border-radius:var(--radius);transition:border-color .18s,color .18s,background .18s;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.btn-navy{background:var(--navy);color:#fff;border:none;padding:13px 28px;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);transition:background .18s,transform .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.btn-navy:hover{background:var(--navy-l);transform:translateY(-1px)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:7px 16px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:background .15s}.btn-danger:hover{background:#dc262612}.tab-btn{padding:8px 18px;background:transparent;border:1.5px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap;min-height:38px}.tab-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.tab-btn:hover:not(.active){border-color:var(--navy);color:var(--navy)}[data-theme=dark] .tab-btn:hover:not(.active){border-color:var(--text-2);color:var(--text)}.el-1{box-shadow:var(--el-1)}.el-2{box-shadow:var(--el-2)}.el-3{box-shadow:var(--el-3)}.card-el{box-shadow:var(--el-2)}.glass-card{background:#ffffff12;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg)}[data-theme=dark] .glass-card{background:#ffffff0a;border-color:#ffffff12}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#F5A040 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .gradient-text{background:linear-gradient(135deg,#f08c1a,#ffd080);-webkit-background-clip:text;background-clip:text}.section-navy{background:var(--navy);color:#eef2f8}.section-navy .section-label{color:var(--gold-l)}.section-navy .muted-on-dark{color:#eef2f88c}.form-group{margin-bottom:20px}.form-group label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;display:block}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:6px;line-height:1;flex-shrink:0}.nav-mobile-overlay{display:none;position:fixed;top:calc(62px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:var(--surface);z-index:490;flex-direction:column;padding:20px 24px 48px;overflow-y:auto;border-top:1px solid var(--border);animation:fadeIn .15s ease}.nav-mobile-overlay.open{display:flex}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(26,43,71,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,43,71,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 20% 50%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 20% 50%,black 0%,transparent 100%);pointer-events:none}[data-theme=dark] .hero-grid-bg{background-image:linear-gradient(rgba(240,140,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,140,26,.04) 1px,transparent 1px)}.pulse-ring-wrap{position:relative;display:inline-flex}.pulse-ring-wrap:before,.pulse-ring-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:calc(var(--radius) + 4px);border:1px solid var(--accent);animation:pulseRing 2.8s ease-out infinite;pointer-events:none}.pulse-ring-wrap:after{animation-delay:1.4s}.trust-strip{background:var(--navy);color:#eef2f8b8;font-size:13px;letter-spacing:.04em;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.trust-strip .accent{color:var(--gold-l);font-weight:700}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.admin-tabs::-webkit-scrollbar{height:3px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width: 768px){.mobile-sticky-cta{display:block!important}.nav-center,.nav-right{display:none!important}.nav-inner{padding:0 20px!important}.nav-hamburger{display:flex}.footer-wrap{padding:48px 20px 100px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}.cart-drawer{width:100vw!important}.grid-2{grid-template-columns:1fr!important}.notif-toast{right:12px!important;left:12px!important;max-width:none!important;width:auto!important}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.admin-product-row{flex-wrap:wrap!important}.admin-product-actions{width:100%!important;justify-content:flex-end!important}.admin-promo-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.admin-promo-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}.admin-leads-filters{flex-wrap:wrap!important}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.5}to{transform:scale(1.9);opacity:0}}@keyframes driftOrb1{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-20px,25px)}}@keyframes driftOrb2{0%,to{transform:translate(0)}33%{transform:translate(-35px,20px)}66%{transform:translate(30px,-25px)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.skeleton{background:linear-gradient(90deg,var(--border) 0%,var(--border-soft) 40%,var(--border) 80%);background-size:300% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.divider-accent{width:40px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:16px}
