@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap";:root{--font-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Playfair Display", Georgia, serif;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary:#475569;--text-tertiary: #94a3b8;--accent-color: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99,102,241,.1);--accent-dark: #312e81;--accent-2: #f97316;--accent-3: #f59e0b;--accent-4: #10b981;--border-color: #e2e8f0;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-deep: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .6);--glass-blur: blur(24px) saturate(200%);--glass-blur-sm: blur(12px) saturate(180%);--gradient-hero: linear-gradient(135deg, #6366f1 0%, #f97316 60%, #10b981 100%);--gradient-accent: linear-gradient(135deg, #6366f1, #f97316);--gradient-gold: linear-gradient(135deg, #f59e0b, #f97316);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 100%);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,.1) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(249,115,22,.08) 0%, transparent 60%), radial-gradient(ellipse at 60% 80%, rgba(16,185,129,.07) 0%, transparent 60%);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05);--shadow-lg: 0 16px 40px rgba(15,23,42,.1), 0 6px 16px rgba(15,23,42,.06);--shadow-xl: 0 32px 64px rgba(15,23,42,.12), 0 12px 32px rgba(15,23,42,.08);--shadow-glow: 0 0 32px rgba(99,102,241,.22);--shadow-glow-orange: 0 0 32px rgba(249,115,22,.2);--shadow-glow-green: 0 0 24px rgba(16,185,129,.18);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--transition-fast: .16s cubic-bezier(.4, 0, .2, 1);--transition-normal: .32s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.22, 1, .36, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark]{--bg-primary: #050d1a;--bg-secondary: #0c1628;--bg-card: #111e30;--text-primary: #f0f4ff;--text-secondary:#8fa3c0;--text-tertiary: #4e6480;--accent-color: #818cf8;--accent-hover: #6366f1;--accent-light: rgba(129,140,248,.12);--accent-dark: #c7d2fe;--accent-2: #fb923c;--accent-4: #34d399;--border-color: #1e3050;--glass-bg: rgba(8, 18, 36, .75);--glass-bg-deep: rgba(5, 13, 26, .9);--glass-border: rgba(99,149,255, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 16px 40px rgba(0,0,0,.7);--shadow-xl: 0 32px 64px rgba(0,0,0,.8);--shadow-glow: 0 0 40px rgba(129,140,248,.2);--shadow-glow-orange: 0 0 32px rgba(251,146,60,.18);--shadow-glow-green: 0 0 24px rgba(52,211,153,.15);--gradient-accent: linear-gradient(135deg, #818cf8, #fb923c);--gradient-hero: linear-gradient(135deg, #818cf8 0%, #fb923c 60%, #34d399 100%);--gradient-gold: linear-gradient(135deg, #fbbf24, #fb923c);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,.18) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(249,115,22,.12) 0%, transparent 60%), radial-gradient(ellipse at 60% 80%, rgba(16,185,129,.1) 0%, transparent 60%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6,.heading-1,.heading-2,.heading-3,.section-title,.info-title,.auth-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;color:var(--text-primary)}.heading-1{font-size:clamp(2rem,4.5vw + 1rem,3.75rem);line-height:1.1;font-weight:800}.heading-2,.section-title{font-size:clamp(1.5rem,3vw + .5rem,2.5rem);line-height:1.2;font-weight:700}.heading-3{font-size:clamp(1.125rem,1.5vw + .5rem,1.625rem);line-height:1.3}.text-muted,.section-subtitle{color:var(--text-secondary);font-size:clamp(.9rem,1vw + .4rem,1.1rem);line-height:1.7}@media (max-width: 480px){.heading-1{font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.2}.heading-2,.section-title{font-size:clamp(1.375rem,6vw,1.75rem)}.heading-3{font-size:clamp(1.1rem,5vw,1.375rem)}.text-muted,.section-subtitle{font-size:.95rem}body{font-size:1rem}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}ul{list-style:none}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:clamp(3.5rem,6vw,7rem) 0}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.logo-img{height:2.25rem;width:auto;object-fit:contain;transition:opacity var(--transition-fast)}.logo-img:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-spring);gap:.5rem;font-family:var(--font-base);text-decoration:none;letter-spacing:.01em;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--transition-fast);pointer-events:none}.btn:hover:after{background:#ffffff14}.btn-primary{background:linear-gradient(135deg,var(--text-primary),color-mix(in srgb,var(--text-primary) 80%,var(--accent-color)));color:var(--bg-primary);border:1px solid var(--text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#818cf8,#fb923c);color:#fff;border-color:transparent;box-shadow:0 4px 16px #818cf840}.btn-outline{border:1.5px solid var(--border-color);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-color);background-color:var(--accent-light);color:var(--accent-color);transform:translateY(-2px)}.btn-gradient{background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-gradient:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-soft{background:#6366f114;color:var(--accent-color);border:1px solid rgba(99,102,241,.15)}.btn-soft:hover{background:#6366f126;transform:translateY(-1px)}@media (max-width: 480px){.btn{font-size:.9rem;padding:.75rem 1.25rem;min-height:44px}}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring),box-shadow var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:.8rem 1.1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;font-size:.95rem}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px #6366f11f}.label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem;color:var(--text-secondary);letter-spacing:.01em}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 24px 6px #6366f140}}@keyframes shimmer-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-sweep{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounce-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.animate-fade-in{animation:fadeInUp .6s var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:shimmer 1.8s infinite}@keyframes shimmer{to{transform:translate(100%)}}.section-title-underline{position:relative;display:inline-block}.section-title-underline:after{content:"";position:absolute;bottom:-8px;left:0;height:3px;width:100%;background:var(--gradient-accent);border-radius:99px;transform-origin:left;animation:none}.section-title-underline.in-view:after{animation:scale-x-in .6s var(--transition-slow) forwards}@keyframes scale-x-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.glass-shell,.glass-panel,.glass-card,.glass-modal,.glass-drawer,.glass-navbar,.glass-floating,.glass-chip,.magnetic-button,.product-card__hover-panel,.product-card__stock,.homepage-hero__stat,.homepage-hero__breadcrumbs,.homepage-hero__search,.homepage-section__surface,.glass-section__surface{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=dark] .glass-shell,[data-theme=dark] .glass-panel,[data-theme=dark] .glass-card,[data-theme=dark] .glass-modal,[data-theme=dark] .glass-drawer,[data-theme=dark] .glass-navbar,[data-theme=dark] .glass-floating,[data-theme=dark] .glass-chip,[data-theme=dark] .magnetic-button,[data-theme=dark] .product-card__hover-panel,[data-theme=dark] .product-card__stock,[data-theme=dark] .homepage-hero__stat,[data-theme=dark] .homepage-hero__breadcrumbs,[data-theme=dark] .homepage-hero__search,[data-theme=dark] .homepage-section__surface,[data-theme=dark] .glass-section__surface{background:var(--glass-bg);border-color:var(--glass-border)}.glass-card--premium{position:relative;border-radius:var(--radius-xl);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden}.glass-card--premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#6366f199,#f9731680,#10b98166,#6366f199);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:shimmer-border 4s linear infinite;pointer-events:none}.glass-hover-sweep{position:relative;overflow:hidden}.glass-hover-sweep:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:skew(-20deg);transition:none;pointer-events:none}.glass-hover-sweep:hover:after{animation:sweep-shine .7s ease forwards}@keyframes sweep-shine{0%{left:-100%}to{left:150%}}.glass-card--interactive{transition:transform var(--transition-spring),box-shadow var(--transition-normal);cursor:pointer}.glass-card--interactive:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.glass-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem 1rem;border-radius:999px;color:var(--text-primary);font-size:.8rem;font-weight:600;text-transform:capitalize;background:var(--glass-bg-deep);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);letter-spacing:.02em}.glass-chip--accent{background:#6366f11f;border-color:#6366f140;color:var(--accent-color)}.glass-chip--glow{box-shadow:0 0 12px #6366f133;animation:pulse-glow 2.5s ease-in-out infinite}.glass-button,.magnetic-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.75rem 1.25rem;font-weight:600;font-family:var(--font-base);font-size:.875rem;transition:all var(--transition-spring);color:var(--text-primary);background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.glass-button:hover,.magnetic-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f14d}.glass-button--primary,.magnetic-button--primary{background:linear-gradient(135deg,var(--text-primary),color-mix(in srgb,var(--text-primary) 75%,var(--accent-color)));color:var(--bg-primary);border-color:transparent;box-shadow:var(--shadow-md)}.glass-button--primary:hover,.magnetic-button--primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}[data-theme=dark] .glass-button--primary,[data-theme=dark] .magnetic-button--primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-2));color:#fff;border-color:transparent}.glass-button--ghost,.magnetic-button--ghost{background:transparent;border-color:transparent;box-shadow:none}.glass-button--ghost:hover,.magnetic-button--ghost:hover{background:#6366f114;border-color:#6366f126}.glass-button--soft,.magnetic-button--soft{background:#0f172a0d;border:1px solid transparent}[data-theme=dark] .glass-button--soft,[data-theme=dark] .magnetic-button--soft{background:#ffffff0f}.glass-button--soft:hover,.magnetic-button--soft:hover{background:#6366f11a;border-color:#6366f133}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--bg-secondary)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.8s infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%)}.homepage-floating{position:fixed;right:1.5rem;bottom:1.5rem;z-index:35}.homepage-floating__button{width:3.5rem;height:3.5rem;padding:0;border-radius:999px;background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-lg),var(--shadow-glow);transition:all var(--transition-spring)}.homepage-floating__button:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl),var(--shadow-glow)}@media (max-width: 768px){.homepage-floating{right:1rem;bottom:1rem}}.gradient-divider{height:2px;background:var(--gradient-accent);border:none;border-radius:99px;opacity:.6;margin:0}.glow-ring{box-shadow:0 0 0 3px var(--accent-light),var(--shadow-glow)}.glass-navbar{position:sticky;top:0;z-index:40;width:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.glass-navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),rgba(249,115,22,.4),rgba(16,185,129,.3),transparent);background-size:200% auto;animation:shimmer-border 3s linear infinite;pointer-events:none}.glass-navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;max-width:1280px;margin:0 auto}.glass-navbar__brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none}.glass-navbar__brand-mark{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:grid;place-items:center;background-color:var(--text-primary);color:var(--bg-primary);transition:transform var(--transition-spring),box-shadow var(--transition-spring)}.glass-navbar__brand:hover .glass-navbar__brand-mark{transform:perspective(400px) rotateY(15deg) rotateX(10deg) scale(1.05);box-shadow:var(--shadow-md),var(--shadow-glow)}[data-theme=dark] .glass-navbar__brand-mark{background:var(--gradient-accent);color:#fff}.glass-navbar__brand-copy{display:flex;flex-direction:column}.glass-navbar__brand-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.glass-navbar__brand-subtitle{font-size:.75rem;color:var(--text-secondary);font-weight:500}.glass-navbar__links{display:flex;align-items:center;gap:.5rem}.glass-navbar__link{position:relative;padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:.95rem;transition:all var(--transition-fast)}.glass-navbar__link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-accent);transition:width var(--transition-spring);border-radius:99px;box-shadow:var(--shadow-glow)}.glass-navbar__link.is-active,.glass-navbar__link:hover{color:var(--text-primary);background-color:transparent}.glass-navbar__link.is-active:after,.glass-navbar__link:hover:after{width:60%}.glass-navbar__actions{display:flex;align-items:center;gap:.75rem}.glass-navbar__icon-button{width:2.5rem;height:2.5rem;border-radius:999px;display:grid;place-items:center;color:var(--text-secondary);transition:all var(--transition-fast);background:transparent;border:1px solid transparent}.glass-navbar__icon-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.glass-navbar__avatar{width:2.5rem;height:2.5rem;border-radius:999px;display:grid;place-items:center;background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.875rem;border:1px solid var(--border-color)}.glass-navbar__cart{position:relative;overflow:visible!important}.glass-navbar__badge{position:absolute;top:-.35rem;right:-.35rem;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:#fff;font-size:.75rem;font-weight:700;border:2px solid var(--bg-card);z-index:10;line-height:1}[data-theme=dark] .glass-navbar__badge{color:#020617}.glass-navbar__menu-button{display:none}.glass-navbar__mobile-panel{display:none;padding:1rem;background-color:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:var(--shadow-md)}.glass-navbar__mobile-stack{display:grid;gap:.5rem}.glass-navbar__mobile-link,.glass-navbar__mobile-action{width:100%;justify-content:flex-start;padding:.75rem 1rem}.glass-navbar__auth-panel{display:grid;gap:.5rem}.glass-navbar__user-copy{display:grid;gap:.125rem}.glass-navbar__user-label{font-size:.75rem;color:var(--text-secondary)}.glass-navbar__user-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.glass-navbar__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}[data-theme=dark] .glass-navbar__modal-backdrop{background-color:#0009}.glass-navbar__modal{width:min(100%,480px);background-color:var(--bg-card);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.glass-navbar__modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.glass-navbar__modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.glass-navbar__modal-copy{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.glass-navbar__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.375rem;border-radius:var(--radius-md);background-color:var(--bg-secondary);margin-bottom:1.5rem}.glass-navbar__tab{padding:.625rem 1rem;border-radius:var(--radius-sm);font-weight:600;color:var(--text-secondary);text-align:center;transition:all var(--transition-fast)}.glass-navbar__tab.is-active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.glass-navbar__form{display:grid;gap:1rem}.glass-navbar__social-actions{display:grid;gap:.75rem}.glass-navbar__social-actions .btn{width:100%}.glass-navbar__divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-tertiary);font-size:.875rem;text-transform:uppercase;font-weight:600}.glass-navbar__divider:before,.glass-navbar__divider:after{content:"";height:1px;flex:1;background-color:var(--border-color)}.glass-navbar__field-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.glass-navbar__field{display:grid;gap:.375rem}.glass-navbar__label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.glass-navbar__input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-navbar__input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);background-color:var(--bg-card)}.glass-navbar__error{padding:.75rem 1rem;border-radius:var(--radius-md);background-color:#ef44441a;color:var(--error-color);font-size:.875rem;font-weight:500}.glass-navbar__hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}@media (max-width: 1024px){.glass-navbar__links{display:none}.glass-navbar__menu-button{display:flex}.glass-navbar__mobile-panel{display:block;max-height:calc(100vh - 4.5rem);overflow-y:auto;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.glass-navbar__auth-panel{display:none}.glass-navbar__actions>.btn-primary,.glass-navbar__actions>.btn-outline{display:none}.glass-navbar__mobile-link,.glass-navbar__mobile-action{display:flex;align-items:center;gap:.75rem;font-size:1rem;padding:1rem;border-radius:var(--radius-lg);transition:all .2s ease}.glass-navbar__mobile-link:active,.glass-navbar__mobile-action:active{background-color:var(--bg-secondary);transform:scale(.98)}}@media (max-width: 768px){.glass-navbar__inner{gap:.5rem;padding:.875rem 1rem}.glass-navbar__brand{gap:.5rem}.glass-navbar__brand-mark{width:2.25rem;height:2.25rem;flex-shrink:0}.glass-navbar__brand-title{font-size:1rem}.glass-navbar__brand-subtitle{display:none}.glass-navbar__actions{gap:.5rem}.glass-navbar__icon-button{width:2.25rem;height:2.25rem}.glass-navbar__modal{padding:1.25rem;border-radius:var(--radius-lg);width:min(100%,90vw);max-height:90vh;overflow-y:auto}.glass-navbar__modal-title{font-size:1.25rem}.glass-navbar__field-group{grid-template-columns:1fr}}@media (max-width: 640px){.glass-navbar__inner{padding:.75rem .875rem;gap:.375rem}.glass-navbar__brand-mark{width:2rem;height:2rem}.glass-navbar__brand-title{font-size:.9375rem;font-weight:700}.glass-navbar__actions{gap:.375rem}.glass-navbar__icon-button{width:2rem;height:2rem;font-size:.875rem}.glass-navbar__menu-button{display:flex!important}.glass-navbar__mobile-stack{gap:.375rem}.glass-navbar__mobile-link,.glass-navbar__mobile-action{padding:.875rem 1rem;font-size:.95rem;min-height:48px}.glass-navbar__mobile-panel{padding:.75rem .5rem}.glass-navbar__modal{padding:1rem;border-radius:var(--radius-lg);width:calc(100% - 1rem);max-height:calc(100vh - 2rem)}.glass-navbar__modal-title{font-size:1.125rem}.glass-navbar__modal-copy{font-size:.875rem}.glass-navbar__tabs{gap:.375rem;padding:.375rem;margin-bottom:1rem}.glass-navbar__tab{padding:.5rem .75rem;font-size:.875rem}.glass-navbar__input{font-size:1rem;padding:.75rem}.glass-navbar__field-group{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.glass-navbar__inner{padding:.625rem .75rem;gap:.25rem}.glass-navbar__brand{gap:.375rem;flex:1;min-width:0}.glass-navbar__brand-copy{display:none}.glass-navbar__brand-mark{width:1.875rem;height:1.875rem;flex-shrink:0}.glass-navbar__brand-mark svg{width:1rem;height:1rem}.glass-navbar__brand-title{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-navbar__actions{gap:.25rem}.glass-navbar__icon-button{width:1.875rem;height:1.875rem}.glass-navbar__badge{min-width:1.125rem;height:1.125rem;font-size:.65rem;padding:0 .25rem;top:-.375rem;right:-.375rem}.glass-navbar__mobile-link,.glass-navbar__mobile-action{padding:.875rem .75rem;font-size:.9375rem;min-height:44px}.glass-navbar__mobile-panel{padding:.5rem}.glass-navbar__modal{padding:.875rem;border-radius:var(--radius-md);width:calc(100% - .5rem)}.glass-navbar__modal-top{flex-direction:column;gap:.75rem;margin-bottom:1rem}.glass-navbar__modal-title{font-size:1rem}.glass-navbar__modal-copy{font-size:.8125rem}.glass-navbar__tabs{margin-bottom:.875rem}.glass-navbar__form{gap:.75rem}.glass-navbar__social-actions{gap:.5rem}.glass-navbar__field{gap:.25rem}.glass-navbar__label{font-size:.8125rem}.glass-navbar__input{font-size:1rem;padding:.625rem .75rem;border-radius:var(--radius-md)}.glass-navbar__error{padding:.625rem .75rem;font-size:.8125rem}}.glass-navbar__google-cta{display:grid;gap:1.25rem;padding-top:.5rem}.glass-button--google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color)}.glass-button--google:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);transform:translateY(-1px)}.glass-button--google:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .glass-button--google{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .glass-button--google:hover:not(:disabled){background:#ffffff1a}.glass-navbar__avatar-img{width:2rem;height:2rem;border-radius:999px;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.footer{position:relative;background-color:var(--bg-card);padding-top:5rem;margin-top:auto;overflow:hidden;border-top:none}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--text-tertiary) 1px,transparent 1px);background-size:24px 24px;opacity:.15;pointer-events:none}[data-theme=dark] .footer:before{background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px)}.footer-top-glow{position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:.8}.footer-top-glow:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:100px;background:var(--gradient-accent);filter:blur(80px);opacity:.15;pointer-events:none}.relative-z{position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}.footer-logo{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:800;font-family:var(--font-display);margin-bottom:1rem}.footer-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7;max-width:320px}.social-links{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);transition:all var(--transition-spring);border:1px solid var(--border-color)}.social-icon:hover{background:var(--gradient-accent);color:#fff;border-color:transparent;transform:translateY(-4px) rotate(8deg);box-shadow:var(--shadow-glow)}.footer-heading{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;font-family:var(--font-display)}.footer-links{display:flex;flex-direction:column;gap:.85rem}.footer-links a{color:var(--text-secondary);font-size:.95rem;transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--accent-color);transform:translate(4px)}.footer-contact{display:flex;flex-direction:column;gap:1.1rem}.footer-contact li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.contact-icon{color:var(--accent-color);flex-shrink:0;margin-top:2px}.footer-bottom{padding:2rem 0;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:.875rem;position:relative}.copyright-text{display:inline-block;transition:all var(--transition-fast)}.copyright-text:hover{color:var(--text-primary);text-shadow:0 0 12px rgba(99,102,241,.3)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-desc{max-width:100%}}.cart-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#02061780}.cart-drawer{position:fixed;top:1rem;right:1rem;bottom:1rem;width:min(420px,calc(100vw - 1rem));height:calc(100svh - 2rem);max-height:calc(100svh - 2rem);z-index:56;display:flex;flex-direction:column;overflow:hidden}.cart-drawer__header,.cart-drawer__footer,.cart-drawer__summary-row,.cart-drawer__empty{padding-inline:1.15rem}.cart-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:1.1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.cart-drawer__title{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.04em}.cart-drawer__subtitle{margin-top:.25rem;color:var(--text-soft)}.cart-drawer__items{flex:1;overflow:auto;display:grid;gap:.85rem;padding:1rem 1.15rem}.cart-drawer__item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:1.25rem;padding:1.25rem;border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:0 4px 20px #0000000d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cart-drawer__item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.cart-drawer__thumb{width:72px;height:72px;border-radius:18px;object-fit:cover}.cart-drawer__item-body{display:grid;gap:.45rem}.cart-drawer__item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cart-drawer__item-title{font-weight:800;line-height:1.25}.cart-drawer__item-price{color:var(--text-soft);font-size:.92rem}.cart-drawer__controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cart-drawer__stepper{display:inline-flex;align-items:center;gap:1rem;padding:0;background:transparent}.cart-drawer__stepper button{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer;transition:opacity .2s}.cart-drawer__stepper button:hover:not(:disabled){opacity:.7}.cart-drawer__stepper span{min-width:1.2rem;text-align:center;font-weight:800}.cart-drawer__remove{color:#ff8a8a;font-weight:700;font-size:.85rem;background:transparent;border:none;cursor:pointer;padding:0}.cart-drawer__empty{flex:1;display:grid;place-items:center;text-align:center;gap:.8rem}.cart-drawer__empty-icon{width:5rem;height:5rem;border-radius:999px;display:grid;place-items:center;background:#ffffff14}.cart-drawer__summary{padding:.85rem 1.15rem 1rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.65rem}.cart-drawer__summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.05rem}.cart-drawer__summary-label{color:var(--text-soft)}.cart-drawer__summary-total{font-size:1.15rem;font-weight:800}.cart-drawer__actions{display:flex;gap:.75rem;flex-wrap:wrap}.cart-drawer__actions .magnetic-button{flex:1}@media (max-width: 768px){.cart-drawer{width:min(100%,500px);top:0;right:0;height:100vh;max-height:100vh;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.cart-drawer__header{padding:1rem}.cart-drawer__title{font-size:1.25rem}.cart-drawer__content{padding:.75rem}.cart-item{padding:.75rem;gap:.75rem}.cart-item__image{width:80px;height:80px}.cart-item__details{gap:.375rem}.cart-item__title{font-size:.9rem}.cart-item__quantity-control{gap:.375rem}.cart-item__quantity-control button{width:1.75rem;height:1.75rem;font-size:.75rem}.cart-drawer__summary{padding:1rem;gap:.75rem}.cart-drawer__actions{gap:.625rem}}@media (max-width: 640px){.cart-drawer{top:max(.35rem,env(safe-area-inset-top));right:.35rem;left:.35rem;bottom:max(.35rem,env(safe-area-inset-bottom));width:auto;height:calc(100svh - max(.35rem,env(safe-area-inset-top)) - max(.35rem,env(safe-area-inset-bottom)));max-height:calc(100svh - max(.35rem,env(safe-area-inset-top)) - max(.35rem,env(safe-area-inset-bottom)));border-radius:var(--radius-lg)}.cart-drawer__header{padding:.875rem}.cart-drawer__title{font-size:1.125rem}.cart-drawer__close{width:1.75rem;height:1.75rem}.cart-drawer__content{padding:.625rem;gap:.5rem}.cart-item{padding:.625rem;gap:.625rem;border-radius:var(--radius-md)}.cart-item__image{width:70px;height:70px;border-radius:var(--radius-md)}.cart-item__details{gap:.25rem}.cart-item__title{font-size:.85rem}.cart-item__price{font-size:.875rem}.cart-item__quantity-control{gap:.25rem}.cart-item__quantity-control button{width:1.5rem;height:1.5rem;font-size:.7rem}.cart-item__remove{width:1.5rem;height:1.5rem}.cart-drawer__summary{padding:.875rem;gap:.625rem;padding-bottom:max(.875rem,env(safe-area-inset-bottom))}.cart-drawer__total{font-size:1rem}.cart-drawer__total-amount{font-size:1.25rem}.cart-drawer__actions{gap:.5rem;flex-direction:column}.cart-drawer__actions button{width:100%;padding:.75rem;font-size:.9rem}}@media (max-width: 480px){.cart-drawer{top:max(.25rem,env(safe-area-inset-top));right:.25rem;left:.25rem;bottom:max(.25rem,env(safe-area-inset-bottom));width:auto;height:calc(100svh - max(.25rem,env(safe-area-inset-top)) - max(.25rem,env(safe-area-inset-bottom)));max-height:calc(100svh - max(.25rem,env(safe-area-inset-top)) - max(.25rem,env(safe-area-inset-bottom)));border-radius:var(--radius-lg)}.cart-drawer__header{padding:.75rem}.cart-drawer__title{font-size:1rem}.cart-drawer__close{width:1.625rem;height:1.625rem}.cart-drawer__empty{font-size:.875rem;gap:.5rem}.cart-drawer__empty svg{width:2rem;height:2rem}.cart-drawer__content{padding:.5rem;gap:.375rem}.cart-item{padding:.5rem;gap:.5rem;border-radius:var(--radius-md)}.cart-item__image{width:60px;height:60px;border-radius:var(--radius-sm)}.cart-item__details{gap:.125rem}.cart-item__title{font-size:.8rem;line-height:1.2}.cart-item__price{font-size:.8125rem}.cart-item__quantity-control{gap:.25rem;margin-top:.25rem}.cart-item__quantity-control button{width:1.375rem;height:1.375rem;font-size:.65rem}.cart-item__quantity-control input{width:2rem;font-size:.8rem}.cart-item__remove{width:1.375rem;height:1.375rem}.cart-drawer__summary{padding:.75rem;gap:.5rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.cart-drawer__summary-row{font-size:.875rem}.cart-drawer__total{font-size:.9375rem}.cart-drawer__total-amount{font-size:1.125rem}.cart-drawer__actions{gap:.375rem;flex-direction:column}.cart-drawer__actions button{width:100%;padding:.625rem;font-size:.8125rem;min-height:40px}}.sparkle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}[data-theme=dark] .sparkle-canvas{opacity:1}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:10000;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:400px;padding:1rem 1.25rem;border-radius:12px;background:#141419d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Inter,sans-serif;font-size:.9rem;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;justify-content:space-between;animation:toast-slide-in .4s cubic-bezier(.16,1,.3,1) forwards}.toast--success{border-left:4px solid #10b981}.toast--error{border-left:4px solid #ef4444}.toast--info{border-left:4px solid #3b82f6}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}.toast--exit{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}