:root {--bg:#f5f6f8;--surface:#ffffff;--muted-surface:#fafafa;--text:#0f172a;--muted:#6b7280;--line:#e5e7eb;--line-strong:#d1d5db;--primary:#111827;--accent:#00C4B0;--accent-2:#ef4444;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0, 0, 0, .06);--shadow:0 8px 24px rgba(15, 23, 42, .06);--shadow-lg:0 24px 48px rgba(15, 23, 42, .08);--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}* {box-sizing:border-box;}html {scroll-behavior:smooth;}body {margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);}img {max-width:100%;display:block;}.container {width:100%;max-width:1200px;margin:0 auto;padding:0 16px;}.section {padding:28px 0;}.site-header {position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line);margin-top:0 !important;}.site-header .container {display:flex;align-items:center;justify-content:space-between;height:64px;}.mk-nav {list-style:none;display:flex;gap:18px;margin:0;padding:0;}.mk-nav a {color:var(--text);text-decoration:none;font-weight:600;font-size:14px;}.mk-nav a:hover {color:var(--accent);}.category-chips {display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;overflow-x:auto;padding:8px 4px;}.category-chip {display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);white-space:nowrap;font-weight:600;color:var(--text);box-shadow:var(--shadow-sm);}.category-chip:hover {border-color:var(--line-strong);color:var(--accent);}.hero-section {background:var(--surface);border-bottom:1px solid var(--line);padding:28px 0;}.hero-title {font-weight:800;margin:8px 0 6px;}.hero-subtitle {color:var(--muted);max-width:720px;}.btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;text-decoration:none;}.btn:hover {border-color:var(--line-strong);}.btn-primary {background:var(--text);color:#fff;border-color:var(--text);}.btn-primary:hover {filter:brightness(0.9);}.btn-gradient {background:linear-gradient(135deg, #111827, #374151);border-color:#111827;color:#fff;}.product-card {border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;}.product-card .product-image {aspect-ratio:4/3;background:var(--muted-surface);display:grid;place-items:center;}.product-card .card-body {padding:12px;}.product-card .card-title {margin:4px 0;font-size:15px;font-weight:700;color:var(--text);}.product-card .card-text {color:var(--muted);font-size:13px;}.product-card .product-badge {position:absolute;top:10px;left:10px;background:var(--accent);color:#fff;border-radius:999px;font-size:12px;padding:4px 8px;}.product-card .price {font-weight:800;color:var(--accent-2);}.grid {display:grid;gap:16px;}.grid.cols-4 {grid-template-columns:repeat(4, minmax(0, 1fr));}@media (max-width:1024px) {.grid.cols-4 {grid-template-columns:repeat(3, minmax(0, 1fr));}}@media (max-width:768px) {.grid.cols-4 {grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width:520px) {.grid.cols-4 {grid-template-columns:1fr;}}.form-control,.form-select {border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;}.form-control:focus,.form-select:focus {outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0, 102, 255, .15);}.card {background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}.table {width:100%;border-collapse:collapse;background:var(--surface);}.table th,.table td {border-bottom:1px solid var(--line);padding:12px;text-align:left;}.table thead th {background:var(--muted-surface);font-weight:700;}.table tr:hover td {background:rgba(0, 0, 0, 0.015);}.muted {color:var(--muted);}.badge {display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--muted-surface);font-weight:600;font-size:12px;}.btn-pill {border-radius:999px;padding:10px 16px;font-weight:700;border:1px solid var(--line);background:var(--surface);color:var(--text);}.btn-pill:hover {border-color:var(--line-strong);}.btn-pill-primary {background:var(--text);color:#fff;border-color:var(--text);}.account-shell {width:100%;overflow-x:hidden;}.account-shell .row.g-4 {margin:0;display:grid;grid-template-columns:minmax(240px, 280px) minmax(0, 1fr);gap:clamp(1.5rem, 2.5vw, 2.5rem);}@media (max-width:979px) {.account-shell .row.g-4 {display:block;}}.footer-lite {background:#0A1929;color:#B8C5D0;padding:3rem 0 1rem;}.footer-lite .brand-wordmark {font-size:1.75rem;font-weight:800;margin-bottom:1rem;}.footer-lite .brand-wordmark .accent {color:#00CC88;}.footer-lite .text-secondary-lite {color:#8B99A6;line-height:1.6;margin-bottom:1.5rem;}.footer-lite .contact-list {list-style:none;padding:0;margin:0;}.footer-lite .contact-list li {margin-bottom:0.75rem;font-size:0.9rem;color:#B8C5D0;}.footer-lite .contact-list strong {color:#E5EBF0;font-weight:600;}.footer-lite .footer-heading {color:#E5EBF0;font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.5px;}.footer-lite .footer-links {list-style:none;padding:0;margin:0;}.footer-lite .footer-links li {margin-bottom:0.6rem;}.footer-lite .footer-links a {color:#8B99A6;text-decoration:none;font-size:0.9rem;transition:color 0.2s ease;}.footer-lite .footer-links a:hover {color:#00CC88;}.footer-lite .newsletter-row {background:rgba(0, 204, 136, 0.08);border:1px solid rgba(0, 204, 136, 0.2);border-radius:16px;padding:2rem;margin-top:3rem;}.footer-lite .newsletter-copy {display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;}.footer-lite .newsletter-copy strong {color:#E5EBF0;font-size:1.125rem;font-weight:700;}.footer-lite .newsletter-form {display:flex;gap:0.75rem;}.footer-lite .newsletter-input {flex:1;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);color:#E5EBF0;padding:0.75rem 1rem;border-radius:12px;font-size:0.95rem;}.footer-lite .newsletter-input::placeholder {color:#8B99A6;}.footer-lite .newsletter-input:focus {outline:none;border-color:#00CC88;background:rgba(255, 255, 255, 0.12);box-shadow:0 0 0 3px rgba(0, 204, 136, 0.15);}.footer-lite .newsletter-btn {background:linear-gradient(135deg, #0066FF 0%, #00CC88 100%);color:white;border:none;padding:0.75rem 2rem;border-radius:12px;font-weight:700;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}.footer-lite .newsletter-btn:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(0, 204, 136, 0.3);}.footer-lite .social-icons {display:flex;flex-wrap:wrap;gap:0.5rem;}.footer-lite .social {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);border-radius:8px;color:#B8C5D0;text-decoration:none;transition:all 0.2s ease;}.footer-lite .social:hover {background:#00CC88;border-color:#00CC88;color:white;transform:translateY(-2px);}.footer-lite .footer-divider {border:none;height:1px;background:rgba(255, 255, 255, 0.1);}.cookie-consent-bar {position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg, #0A1929 0%, #1A2F42 100%);border-top:2px solid rgba(0, 204, 136, 0.3);padding:1.25rem 0;z-index:9999;box-shadow:0 -4px 20px rgba(0, 0, 0, 0.3);animation:slideUp 0.3s ease;}@keyframes slideUp {from {transform:translateY(100%);}to {transform:translateY(0);}}.cookie-consent-bar .container {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}.cookie-consent-bar p {color:#B8C5D0;margin:0;font-size:0.95rem;line-height:1.5;}.cookie-consent-bar a {color:#00CC88;text-decoration:underline;transition:color 0.2s ease;}.cookie-consent-bar a:hover {color:#00E69C;}.cookie-consent-actions {display:flex;gap:0.75rem;}.cookie-btn {padding:0.65rem 1.5rem;border:none;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}.cookie-btn:not(.secondary) {background:linear-gradient(135deg, #0066FF 0%, #00CC88 100%);color:white;}.cookie-btn:not(.secondary):hover {transform:translateY(-2px);box-shadow:0 6px 16px rgba(0, 204, 136, 0.3);}.cookie-btn.secondary {background:rgba(255, 255, 255, 0.1);color:#B8C5D0;border:1px solid rgba(255, 255, 255, 0.2);}.cookie-btn.secondary:hover {background:rgba(255, 255, 255, 0.15);color:#E5EBF0;}@media (max-width:768px) {.cookie-consent-bar .container {flex-direction:column;text-align:center;}.footer-lite .newsletter-row {padding:1.5rem;}.footer-lite .newsletter-form {flex-direction:column;}.footer-lite .newsletter-btn {width:100%;}}.creative-brand {display:flex;align-items:center;text-decoration:none;gap:12px;}.brand-logo-container {display:flex;align-items:center;gap:12px;position:relative;}.logo-glow-ring {position:absolute;width:36px;height:36px;background:radial-gradient(circle, rgba(0, 204, 136, 0.3) 0%, rgba(0, 102, 255, 0.1) 70%, transparent 100%);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow {0%,100% {transform:scale(1);opacity:0.5;}50% {transform:scale(1.1);opacity:0.8;}}.logo-icon {position:relative;width:32px;height:32px;background:linear-gradient(135deg, #0066FF 0%, #00CC88 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;box-shadow:0 4px 12px rgba(0, 102, 255, 0.3);z-index:1;}.logo-particles {position:absolute;width:100%;height:100%;pointer-events:none;}.logo-particles .particle {position:absolute;width:4px;height:4px;background:#00CC88;border-radius:50%;opacity:0;animation:float-particle 3s infinite;}.logo-particles .particle:nth-child(1) {top:-5px;left:10px;animation-delay:0s;}.logo-particles .particle:nth-child(2) {top:10px;right:-5px;animation-delay:1s;}.logo-particles .particle:nth-child(3) {bottom:-5px;left:20px;animation-delay:2s;}@keyframes float-particle {0% {transform:translateY(0);opacity:0;}50% {opacity:0.8;}100% {transform:translateY(-20px);opacity:0;}}.brand-text {display:flex;flex-direction:column;line-height:1.2;}.brand-title {font-size:1.25rem;font-weight:800;letter-spacing:-0.5px;}.gradient-text {background:linear-gradient(135deg, #0066FF 0%, #00CC88 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.brand-subtitle {font-size:0.625rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}