:root{--bg:#f0f2f5;--bg-subtle:#e4e6ea;--bg-card:#ffffff;--border:#d1d5db;--border-focus:#2563eb;--text:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--danger:#dc2626;--danger-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08);--shadow:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.13);--font-sans:"Segoe UI",system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,100% - 2rem);margin-inline:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-520px) scale(.6)}}@keyframes pulseBtnPrimary{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(37,99,235,.35)}50%{transform:scale(1.04);box-shadow:0 4px 18px rgba(37,99,235,.55)}}@keyframes pulseBtnSecondary{0%,to{transform:scale(1);box-shadow:0 1px 4px rgba(37,99,235,.2)}50%{transform:scale(1.03);box-shadow:0 3px 12px rgba(37,99,235,.35)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-2deg) scale(1.02)}75%{transform:rotate(2deg) scale(1.02)}}.animate-fadeup{animation:fadeUp .55s ease both}.animate-fadein{animation:fadeIn .5s ease both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.22s}.animate-delay-3{animation-delay:.38s}.animate-delay-4{animation-delay:.55s}.glass{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.glass:hover{box-shadow:var(--shadow)}.glass-rgb{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-accent{background:var(--accent-light);border:1px solid #bfdbfe;border-radius:var(--radius-lg)}.gradient-text{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;will-change:transform}.btn:disabled{opacity:.5;cursor:not-allowed;animation:none!important}.btn-primary{background:var(--accent)!important;color:#ffffff!important;box-shadow:0 2px 8px rgba(37,99,235,.35)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)!important;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 20px rgba(37,99,235,.5);text-decoration:none;color:#ffffff!important}.btn-secondary{background:transparent!important;color:var(--accent)!important;border:2px solid var(--accent);box-shadow:0 1px 4px rgba(37,99,235,.15)}.btn-secondary:hover:not(:disabled){background:var(--accent-light)!important;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 14px rgba(37,99,235,.3);text-decoration:none;color:var(--accent)!important}.btn-hero-primary{animation:pulseBtnPrimary 2.8s ease-in-out infinite}.btn-hero-secondary{animation:pulseBtnSecondary 2.8s ease-in-out .4s infinite}.btn-ghost{background:transparent;color:var(--text)!important;border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);transform:translateY(-1px);text-decoration:none;color:var(--text)!important}.btn-danger{background:var(--danger-light);color:var(--danger)!important;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2;transform:translateY(-1px)}.input,.select,.textarea{width:100%;padding:.65rem .9rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--text)}.alert,.form-group{margin-bottom:1rem}.alert{padding:.875rem 1rem;border-radius:var(--radius);font-size:.925rem}.alert-error{background:var(--danger-light);border:1px solid #fecaca;color:var(--danger)}.alert-success{background:var(--success-light);border:1px solid #bbf7d0;color:var(--success)}.alert-info{border:1px solid #bfdbfe}.alert-info,.badge{background:var(--accent-light);color:var(--accent)}.badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:999px;border:1px solid #bfdbfe}.badge-success{background:var(--success-light);color:var(--success);border-color:#bbf7d0}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.product-card{overflow:hidden;transition:box-shadow .25s,transform .25s}.product-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg)}.product-card__img{aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--bg-subtle);transition:transform .4s ease}.product-card:hover .product-card__img{transform:scale(1.06)}.product-card__body{padding:1.25rem}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(240,242,245,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);animation:fadeIn .4s ease both}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;gap:1rem}.site-logo{display:flex;flex-direction:column;line-height:1.15;text-decoration:none;transition:opacity .2s}.site-logo:hover{opacity:.8;text-decoration:none}.site-logo__name{font-size:1.4rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.site-logo__sub{font-size:.72rem;color:var(--text-muted);font-weight:400}.site-nav{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}.site-nav li>a:not(.btn){color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;padding-bottom:2px;transition:color .15s}.site-nav li>a:not(.btn):after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .2s ease;border-radius:2px}.site-nav li>a:not(.btn):hover{color:var(--accent);text-decoration:none}.site-nav li>a:not(.btn):hover:after{width:100%}.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden;background:#c8cdd6}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.6}.hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(215,219,226,.9),rgba(215,219,226,.65) 48%,rgba(215,219,226,.1));z-index:1}.hero__content{position:relative;z-index:3;padding:4.5rem 0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 1rem;line-height:1.15;color:var(--text);font-weight:800}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:520px;margin:0 0 2rem;line-height:1.7}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.hero-tag{padding:.3rem .85rem;background:rgba(255,255,255,.75);border:1px solid rgba(37,99,235,.3);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeUp .5s ease both;transition:background .2s,transform .2s}.hero-tag:hover{background:var(--accent-light);transform:scale(1.06)}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border);background:#e4e6ea;color:var(--text-muted);font-size:.875rem;text-align:center}.site-footer__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-bottom:.25rem}.site-footer__nav a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s}.site-footer__nav a:hover{color:var(--accent)}.page-title{font-size:1.875rem;margin:2rem 0 1.5rem;color:var(--text);font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;background:var(--bg-subtle)}.admin-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:2rem;gap:2rem;min-height:calc(100vh - 120px)}.admin-nav a{display:block;padding:.6rem 0;color:var(--text-muted);font-weight:500;transition:color .15s}.admin-nav a.active{color:var(--accent)}.messenger-hero{display:inline-flex;align-items:center;gap:.875rem;padding:.75rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;max-width:400px}.messenger-hero,.messenger-hero:hover{text-decoration:none;color:var(--text)}.messenger-hero:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.messenger-hero__icon-wrap{flex-shrink:0}.messenger-hero__text{display:flex;flex-direction:column;gap:.1rem;flex:1 1}.messenger-hero__badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.messenger-hero__title{font-size:.925rem;font-weight:600;color:var(--text)}.messenger-hero__subtitle{font-size:.8rem;color:var(--text-muted)}.messenger-hero__cta{font-size:.82rem;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}.messenger-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0084ff;box-shadow:var(--shadow);text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s;animation:pulseBtnPrimary 3s ease-in-out infinite}.messenger-float:hover{transform:scale(1.14);box-shadow:var(--shadow-lg);text-decoration:none;color:#fff;animation:none}.messenger-float__label{display:none}.btn-messenger-buy{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;background:#fff;border:2px solid #0084ff;border-radius:var(--radius);font-size:.95rem;font-weight:600;box-shadow:var(--shadow-sm);transition:background .15s,transform .15s,box-shadow .15s;cursor:pointer;width:100%;justify-content:center}.btn-messenger-buy,.btn-messenger-buy:hover{color:#0084ff!important;text-decoration:none}.btn-messenger-buy:hover{background:#e8f4ff;transform:translateY(-2px);box-shadow:var(--shadow)}.separator-ou{display:flex;align-items:center;gap:.75rem;color:var(--text-light);font-size:.85rem;font-weight:500;margin:.75rem 0}.separator-ou:after,.separator-ou:before{content:"";flex:1 1;height:1px;background:var(--border)}.marketplace-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.marketplace-link,.marketplace-link:hover{color:#1877f2!important;text-decoration:none}.marketplace-link:hover{box-shadow:var(--shadow);transform:translateY(-2px) scale(1.03)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;z-index:200}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:all .25s;transform-origin:center}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.35)}.mobile-menu{position:absolute;top:0;right:0;width:min(280px,85vw);height:100dvh;background:var(--bg-card);box-shadow:-4px 0 24px rgba(0,0,0,.15);padding:5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.25rem}.mobile-menu a{display:block;padding:.85rem 1rem;border-radius:8px;font-size:1rem;font-weight:500;color:var(--text);text-decoration:none;transition:background .15s}.mobile-menu a:hover{background:var(--bg-subtle)}.mobile-menu .btn{text-align:center;margin-top:.5rem}.mobile-menu-signout{color:var(--danger)!important}@media (max-width:768px){.admin-layout{grid-template-columns:1fr}.desktop-nav{display:none}.mobile-menu-btn{display:block}.messenger-float{bottom:1rem;right:1rem;width:44px;height:44px}.hero-tags{display:none}.product-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.table-wrap{overflow-x:auto}.hero{min-height:70vh}.hero-content h1{font-size:1.75rem}}@media (min-width:769px){.mobile-menu-btn{display:none}}