@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#faf8f5;--bg-dark-rgb:250, 248, 245;--bg-obsidian:#faf2ee;--bg-obsidian-hover:#f5e6de;--color-primary:#e84f6c;--color-primary-rgb:232, 79, 108;--color-accent:#f3cbbb;--color-accent-rgb:243, 203, 187;--color-secondary:#b4966e;--color-border:#e84f6c14;--color-border-hover:#e84f6c2e;--text-primary:#2e2523;--text-secondary:#685955;--text-muted:#9e8b86;--color-btn-text:#fff;--color-btn-accent-text:#2e2523;--shadow-primary:0 12px 35px -10px #e84f6c14;--shadow-accent:0 6px 20px -6px #f3cbbb66;--shadow-glow:0 0 25px #e84f6c1f;--font-display:"Playfair Display", serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition-premium:all .4s cubic-bezier(.16, 1, .3, 1);--transition-spring:all .4s cubic-bezier(.25, 1, .5, 1)}.theme-emerald{--bg-dark:#121010;--bg-dark-rgb:18, 16, 16;--bg-obsidian:#1c1817;--bg-obsidian-hover:#262120;--color-primary:#c5a880;--color-primary-rgb:197, 168, 128;--color-accent:#eed8ba;--color-accent-rgb:238, 216, 186;--color-secondary:#faf8f5;--color-border:#ffffff0f;--color-border-hover:#ffffff24;--text-primary:#faf8f5;--text-secondary:#cfc7c4;--text-muted:#7f7674;--color-btn-text:#121010;--color-btn-accent-text:#121010;--shadow-primary:0 12px 35px -10px #00000080;--shadow-accent:0 6px 20px -6px #eed8ba33;--shadow-glow:0 0 25px #eed8ba14}.theme-orchid{--bg-dark:#faf6f5;--bg-dark-rgb:250, 246, 245;--bg-obsidian:#f5eae8;--bg-obsidian-hover:#eadad7;--color-primary:#6b4f4f;--color-primary-rgb:107, 79, 79;--color-accent:#d8b4a6;--color-accent-rgb:216, 180, 166;--color-secondary:#b28d85;--color-border:#6b4f4f14;--color-border-hover:#6b4f4f29;--text-primary:#4a3434;--text-secondary:#7d6363;--text-muted:#9e8686;--color-btn-text:#fff;--color-btn-accent-text:#4a3434;--shadow-primary:0 12px 35px -10px #6b4f4f0f;--shadow-accent:0 6px 20px -6px #d8b4a640;--shadow-glow:0 0 25px #d8b4a61f}.theme-cyber{--bg-dark:#f4f6f4;--bg-dark-rgb:244, 246, 244;--bg-obsidian:#e6eae5;--bg-obsidian-hover:#d4dad2;--color-primary:#2d3a2d;--color-primary-rgb:45, 58, 45;--color-accent:#c5a880;--color-accent-rgb:197, 168, 128;--color-secondary:#5e7a5e;--color-border:#2d3a2d14;--color-border-hover:#2d3a2d29;--text-primary:#2d3a2d;--text-secondary:#505e50;--text-muted:#788678;--color-btn-text:#fff;--color-btn-accent-text:#2d3a2d;--shadow-primary:0 12px 35px -10px #2d3a2d0f;--shadow-accent:0 6px 20px -6px #c5a88040;--shadow-glow:0 0 25px #c5a8801f}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb), .08);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-primary-rgb), .18)}.app-container{background:radial-gradient(circle at 10% 10%, rgba(var(--color-primary-rgb), .06) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(var(--color-accent-rgb), .04) 0%, transparent 40%), var(--bg-dark);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.header-wrap{background:rgba(var(--bg-dark-rgb), .85);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--color-border);z-index:1000;width:100%;transition:var(--transition-premium);will-change:transform, backdrop-filter;backface-visibility:hidden;position:sticky;top:0;transform:translate(0,0)}.header-content{justify-content:space-between;align-items:center;max-width:1120px;height:80px;margin:0 auto;padding:0 24px;display:flex}.logo-link{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-txt{font-family:var(--font-display);letter-spacing:.5px;color:var(--color-primary);font-size:28px;font-weight:600}.logo-indicator{background:var(--color-primary);width:5px;height:5px;box-shadow:var(--shadow-primary);border-radius:50%;animation:2.5s ease-in-out infinite pulse-ring}.desktop-nav{align-items:center;gap:32px;display:none}@media (width>=768px){.desktop-nav{display:flex}}.desktop-nav-link{color:var(--text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-premium);align-items:center;padding:8px 0;font-size:13px;font-weight:600;display:flex;position:relative}.desktop-nav-link:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);width:0;height:2px;transition:var(--transition-premium);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.desktop-nav-link:hover{color:var(--text-primary)}.desktop-nav-link:hover:after,.desktop-nav-link.active:after{width:100%}.desktop-nav-link.active{color:var(--text-primary)}.mobile-nav-bar{background:rgba(var(--bg-dark-rgb), .92);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--color-border);z-index:1000;height:68px;padding-bottom:env(safe-area-inset-bottom);will-change:transform, backdrop-filter;backface-visibility:hidden;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}@media (width>=768px){.mobile-nav-bar{display:none}}.mobile-nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-premium);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;display:flex;position:relative}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.mobile-nav-item:hover .mobile-nav-icon,.mobile-nav-item.active .mobile-nav-icon{color:var(--color-primary);transform:translateY(-2px)}.mobile-nav-label{text-transform:uppercase;letter-spacing:.8px;font-size:8.5px;font-weight:700;font-family:var(--font-body)}.page-body{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 90px}@media (width>=768px){.page-body{padding:48px 24px 60px}}.obsidian-card{border:1px solid rgba(var(--color-primary-rgb), .08);transition:var(--transition-premium);box-shadow:0 8px 32px 0 rgba(var(--color-primary-rgb), .03);will-change:transform;backface-visibility:hidden;background:#ffffffe6;border-radius:24px;padding:28px;position:relative;transform:translate(0,0)}.theme-emerald .obsidian-card{background:#1c1817f2;border-color:#ffffff0d}@media (hover:hover){.obsidian-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 12px 30px -10px rgba(var(--color-primary-rgb), .08), 0 0 20px 0 rgba(var(--color-accent-rgb), .15);background:#ffffffd9;transform:translateY(-2px)}.theme-emerald .obsidian-card:hover{background:#262120e6}}.hover-spring{transition:var(--transition-premium)!important}@media (hover:hover){.hover-spring:hover{box-shadow:0 12px 30px -10px rgba(var(--color-primary-rgb), .08);transform:translateY(-2px)}}.obsidian-pill-btn{border:1px solid var(--color-border);color:var(--text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-premium);background:0 0;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:600;display:inline-flex}.obsidian-pill-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.obsidian-pill-btn.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:var(--bg-dark);box-shadow:var(--shadow-accent);border-color:#0000}.btn-genz-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);width:100%;color:var(--color-btn-text);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-spring);box-shadow:var(--shadow-accent);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:700;display:flex}.btn-genz-primary:hover{opacity:.92;box-shadow:0 10px 25px rgba(var(--color-primary-rgb), .15);transform:translateY(-2px)}.btn-genz-primary:active{transform:translateY(0)}.btn-genz-accent{background:var(--color-accent);width:100%;color:var(--color-btn-accent-text);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-spring);box-shadow:var(--shadow-accent);border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:700;display:flex}.btn-genz-accent:hover{opacity:.95;box-shadow:0 10px 25px rgba(var(--color-accent-rgb), .25);transform:translateY(-2px)}.btn-genz-accent:active{transform:translateY(0)}.stepper-bubble{border:1px solid var(--color-border);width:28px;height:28px;color:var(--text-secondary);font-family:var(--font-body);transition:var(--transition-premium);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.stepper-bubble.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:var(--bg-dark);border-color:#0000}.stepper-bubble.completed{background:var(--color-accent);color:var(--bg-dark);border-color:#0000}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes spinner{to{transform:rotate(360deg)}}.glow-outline-active{position:relative}.glow-outline-active:after{content:"";border:1px solid var(--color-accent);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 10px rgba(var(--color-accent-rgb), .15);position:absolute;inset:0}.toast-hud-container{z-index:5000;pointer-events:none;flex-direction:column;gap:10px;width:90%;max-width:360px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.toast-hud-card{background:var(--bg-dark);border:1px solid var(--color-border);box-shadow:var(--shadow-primary);pointer-events:auto;will-change:transform, opacity;backface-visibility:hidden;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex;transform:translate(0,0)}.toast-hud-card.accent-type{border-left:3px solid var(--color-accent)}.toast-hud-card.primary-type{border-left:3px solid var(--color-primary)}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cart-badge{background:var(--color-primary);color:var(--bg-dark);font-family:var(--font-body);border-radius:6px;padding:1px 5px;font-size:8.5px;font-weight:800;position:absolute;top:-2px;right:-4px}.desktop-badge{background:var(--color-primary);color:var(--bg-dark);font-family:var(--font-body);border-radius:6px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:800}.drawer-backdrop{-webkit-backdrop-filter:blur(4px)!important;z-index:4000!important;opacity:0!important;pointer-events:none!important;background:#0006!important;transition:opacity .4s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;inset:0!important}.drawer-backdrop.open{opacity:1!important;pointer-events:auto!important}.atelier-drawer{will-change:transform;backface-visibility:hidden;transform:translate(0,0);z-index:4001!important;-webkit-backdrop-filter:blur(25px)!important;background:#fffffff0!important;border:1.5px solid #fff6!important;flex-direction:column!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;overflow:hidden!important;box-shadow:0 30px 60px #00000026!important}@media (width<=767px){.atelier-drawer{border-top-left-radius:30px!important;border-top-right-radius:30px!important;width:100%!important;height:82vh!important;bottom:0!important;left:0!important;right:0!important;transform:translateY(105%)!important}}@media (width>=768px){.atelier-drawer{border-top-left-radius:24px!important;border-bottom-left-radius:24px!important;width:440px!important;height:100vh!important;top:0!important;bottom:0!important;right:0!important;transform:translate(105%)!important}}.atelier-drawer.open{transform:none!important}.hide-on-desktop{display:block!important}@media (width>=768px){.hide-on-desktop{display:none!important}}.dropdown-parent{position:relative}.dropdown-parent .dropdown-caret{opacity:.6;margin-left:6px;font-size:8px;transition:transform .3s;display:inline-block}.dropdown-parent:hover .dropdown-caret{transform:rotate(180deg)}.desktop-dropdown-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);box-shadow:0 12px 35px -10px rgba(var(--color-primary-rgb), .12);opacity:0;pointer-events:none;z-index:1100;background:#fffffff2;border-radius:16px;flex-direction:column;gap:4px;min-width:180px;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.theme-emerald .desktop-dropdown-menu{background:#1c1817f2;border-color:#ffffff0d;box-shadow:0 12px 35px -10px #00000080}.dropdown-parent:hover .desktop-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(4px)}.desktop-dropdown-item{color:var(--text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-premium);white-space:nowrap;text-align:left;border-radius:10px;padding:10px 16px;font-size:11.5px;font-weight:700;display:block}.desktop-dropdown-item:hover{background:rgba(var(--color-primary-rgb), .05);color:var(--color-primary)}.desktop-dropdown-item.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff}.theme-emerald .desktop-dropdown-item.active{color:var(--bg-dark)}.mobile-header-nav{align-items:center;gap:10px;margin-left:auto;margin-right:12px;display:flex}@media (width>=768px){.mobile-header-nav{display:none}}.mobile-header-link{color:var(--text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;border:1px solid var(--color-border);background:rgba(var(--color-primary-rgb), .02);transition:var(--transition-premium);white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:10px;font-weight:750}.mobile-header-link.active{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb), .06)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=768px){.hero-split-grid{grid-template-columns:1fr 1.2fr!important}}.rb-grid{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}@media (width>=992px){.rb-grid{grid-template-columns:1fr 1.2fr;gap:48px}}.rb-mosaic{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.rb-mosaic-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff26;border-radius:18px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.rb-mosaic-item:hover{border-color:#ffffff59;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px #00000040}.rb-mosaic-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.rb-mosaic-item:hover img{transform:scale(1.06)}.rb-mosaic-tall{grid-row:span 2}.rb-mosaic-item:nth-child(4){grid-column:span 2;height:clamp(90px,12vw,140px)!important}