*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F4F7FF;--bg2:#FFFFFF;--bg3:#EBF2FF;--surface:rgba(21,101,192,0.06);--border:rgba(21,101,192,0.14);--border-hi:rgba(21,101,192,0.35);--text:#1A2440;--text-muted:#546080;--text-dim:#8A9BB8;--accent:#2674C4;--accent2:#E53935;--accent3:#3A9142;--font-display:"Fraunces",Georgia,serif;--font-head:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--nav-h:106px}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ripple{0%{transform:scale(.95);opacity:.5}to{transform:scale(1.8);opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}.fade-up{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fadeIn .35s ease both}.floating{animation:float 5s ease-in-out infinite}.stagger>:first-child{animation-delay:.04s}.stagger>:nth-child(2){animation-delay:.08s}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.glass{background:rgba(255,255,255,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.product-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .2s;cursor:pointer}.product-card:hover{transform:translateY(-5px);border-color:var(--border-hi)!important;box-shadow:0 12px 40px rgba(21,101,192,.15)!important}.product-card .card-action{opacity:0;transform:translateY(6px);transition:all .25s}.product-card:hover .card-action{opacity:1;transform:translateY(0)}.cat-btn{font-family:var(--font-head);font-size:13px;font-weight:600;padding:8px 18px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg2);color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.3px}.cat-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.nav-link{font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;padding:6px 2px;border-bottom:1.5px solid transparent;transition:all .2s;letter-spacing:.3px;white-space:nowrap}.nav-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.ant-drawer-body,.ant-drawer-content,.ant-drawer-footer,.ant-drawer-header{background:var(--bg2)!important}.ant-drawer-header{border-bottom:1px solid var(--border)!important}.ant-drawer-title{color:var(--text)!important;font-family:var(--font-head)!important}.ant-drawer-close{color:var(--text-muted)!important}.ant-modal-content{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:var(--r-xl)!important;overflow:hidden}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--border)!important}.ant-modal-title{color:var(--text)!important;font-family:var(--font-head)!important;font-size:18px!important}.ant-modal-close{color:var(--text-muted)!important}.ant-modal-body{padding:0!important}.ant-rate-star-full .ant-rate-star-second{color:#F9A825!important}.ant-select-selector{background:var(--bg3)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:var(--r-sm)!important}.ant-select-arrow{color:var(--text-muted)!important}.ant-select-dropdown{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important}.ant-select-item{color:var(--text)!important}.ant-select-item-option-selected{background:rgba(21,101,192,.1)!important}.ant-select-item-option-active{background:var(--surface)!important}.ant-input,.ant-input-affix-wrapper{background:var(--bg3)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:var(--r-sm)!important}.ant-input-affix-wrapper input::placeholder,.ant-input::placeholder{color:var(--text-muted)!important}.ant-input-clear-icon,.ant-input-prefix,.ant-input-suffix{color:var(--text-muted)!important}.ant-slider-rail{background:var(--border)!important}.ant-slider-handle:after,.ant-slider-track{background:var(--accent)!important}.ant-slider-handle:after{box-shadow:0 0 0 2px var(--accent)!important}.ant-empty-description{color:var(--text-muted)!important}.ant-input-number{background:var(--bg3)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:var(--r-sm)!important}.ant-input-number-input{color:var(--text)!important;background:transparent!important}.ant-input-number-handler-wrap{background:var(--bg3)!important;border-color:var(--border)!important}.ant-input-number-handler{color:var(--text-muted)!important;border-color:var(--border)!important}.ant-message-notice-content{background:var(--bg2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;box-shadow:0 8px 32px rgba(21,101,192,.12)!important}.ant-divider{border-color:var(--border)!important}.show-mobile{display:none!important}.hide-mobile{display:flex!important}@media (max-width:768px){:root{--nav-h:88px}.show-mobile{display:flex!important}.hide-mobile{display:none!important}}@media (max-width:600px){.navbar-username{display:none!important}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:600px){.stats-bar{grid-template-columns:repeat(2,1fr)}}.hero-frame{position:relative;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:14px;width:min(560px,92%);box-shadow:0 16px 48px rgba(21,101,192,.18);transform:rotate(-1.5deg)}.hero-frame-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--r-xl) - 8px)}.hero-frame-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg3),var(--bg))}.hero-sticker{position:absolute;top:-14px;right:-14px;background:var(--accent2);color:#fff;font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.3px;padding:8px 16px;border-radius:99px;box-shadow:0 6px 18px rgba(229,57,53,.4);transform:rotate(6deg);z-index:2;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}@media (max-width:520px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 20px;background:var(--bg2);border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:36px;box-shadow:0 2px 12px rgba(21,101,192,.06)}@media (max-width:768px){.filter-bar{padding:12px;gap:8px}.filter-bar .search-input{width:100%!important}.filter-bar .price-slider{display:none!important}}.footer-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:48px;gap:48px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr;gap:28px}}.qv-grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width:600px){.qv-grid{grid-template-columns:1fr}.qv-img{min-height:220px!important;padding:24px!important}.qv-img span{font-size:72px!important}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px}@media (max-width:700px){.features-grid{grid-template-columns:repeat(2,1fr)}}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:16px}@media (max-width:480px){.ant-drawer{width:100vw!important}}.announce-bar{display:block}@media (max-width:480px){.announce-bar{font-size:11px!important}}