@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";.smart-field .MuiInputBase-root,.smart-field .MuiOutlinedInput-root{background:var(--surface);color:var(--text-h);font-family:var(--sans);border-radius:5px;font-size:14px;box-shadow:none!important;outline:none!important}.smart-field .MuiInputLabel-root{color:var(--muted);font-family:var(--sans);font-size:14px;font-weight:500}.smart-field .MuiInputLabel-root.Mui-focused{color:var(--theme-color)}.smart-field .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb, var(--border) 84%, var(--theme-color));box-shadow:none!important}.smart-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:color-mix(in srgb, var(--theme-color) 58%, var(--border))}.smart-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--theme-color);border-width:1px;box-shadow:none!important}.smart-field .MuiOutlinedInput-root.Mui-focused,.smart-field .MuiInputBase-input:focus{box-shadow:none!important;outline:none!important}.smart-field .MuiFormHelperText-root{font-family:var(--sans);margin-left:3px;font-size:12px}.smart-field .MuiSvgIcon-root,.smart-field i{color:var(--muted)}.smart-field--searchable .MuiTextField-root .MuiInputBase-root,.smart-field--searchable .MuiTextField-root .MuiOutlinedInput-root{background:var(--surface);font-family:var(--sans);border-radius:8px}.smart-toggle-field{flex-direction:column;gap:6px;width:100%;display:flex}.smart-toggle{border:1px solid color-mix(in srgb, var(--border) 84%, var(--theme-color));background:var(--surface);width:100%;min-height:40px;color:var(--text-h);cursor:pointer;font:inherit;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.smart-toggle:hover{border-color:color-mix(in srgb, var(--theme-color) 58%, var(--border))}.smart-toggle:focus-visible{border-color:var(--theme-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-color) 14%, transparent);outline:none}.smart-toggle.disabled,.smart-toggle:disabled{opacity:.6;cursor:not-allowed}.smart-toggle__track{background:color-mix(in srgb, var(--border) 70%, var(--muted));border-radius:999px;flex:0 0 46px;width:46px;height:24px;transition:background .18s;position:relative}.smart-toggle__thumb{border:1px solid color-mix(in srgb, var(--border) 65%, #000);background:#fff;border-radius:50%;width:20px;height:20px;transition:left .18s,border-color .18s,box-shadow .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0f172a26}.smart-toggle.active .smart-toggle__track{background:var(--theme-color)}.smart-toggle.active .smart-toggle__thumb{border-color:var(--theme-color);box-shadow:0 3px 8px color-mix(in srgb, var(--theme-color) 30%, transparent);left:24px}.smart-toggle__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.smart-toggle__label{color:var(--text-h);font-size:14px;font-weight:600;line-height:1.25}.smart-toggle__text{color:var(--muted);font-size:13px;font-weight:500;line-height:1}.smart-toggle.active .smart-toggle__text{color:var(--theme-color)}.smart-toggle__hint{color:var(--muted);padding:0 4px;font-size:12px;line-height:1.35}html[data-theme=dark] .smart-field .MuiInputBase-root,html[data-theme=dark] .smart-field .MuiOutlinedInput-root{background:var(--surface)}.app-sidebar-shell{border:1px solid var(--sidebar-bg,#2d3783);background:var(--sidebar-bg,#2d3783);width:248px;height:calc(100svh - 16px);min-height:0;color:var(--sidebar-text,#f5f7ff);border-radius:10px;flex-direction:column;padding:14px;transition:width .28s,padding .28s,box-shadow .28s;display:flex;overflow:hidden;box-shadow:0 18px 36px #141c4638}.app-sidebar-shell.is-collapsed{width:65px;padding:14px 10px;overflow:visible}.app-sidebar-shell.is-collapsed .app-sidebar-head{grid-template-columns:1fr}.app-sidebar-shell.is-collapsed .app-sidebar-toggle i{transform:rotate(180deg)}.app-sidebar-shell.is-collapsed .app-sidebar-profile{justify-content:center;padding:10px}.app-sidebar-shell.is-collapsed .app-sidebar-nav,.app-sidebar-shell.is-collapsed .app-sidebar-menu{overflow:visible}.app-sidebar-shell.is-collapsed .app-sidebar-link{justify-content:center;width:100%;height:38px;padding:0}.app-sidebar-shell.is-collapsed .app-sidebar-theme-switch{grid-template-columns:1fr}.app-sidebar-shell.is-collapsed .app-sidebar-theme-btn,.app-sidebar-shell.is-collapsed .app-sidebar-logout-btn{width:100%;padding:0}.app-sidebar-head{grid-template-columns:1fr 35px;gap:10px;margin-bottom:12px;display:grid}.app-sidebar-title-btn,.app-sidebar-icon-btn,.app-sidebar-toggle{min-height:35px;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:8px;transition:border-color .18s,background .18s,transform .18s}.app-sidebar-title-btn:hover,.app-sidebar-icon-btn:hover,.app-sidebar-toggle:hover{background:#ffffff1f;border-color:#ffffff6b}.app-sidebar-title-btn{text-align:left;min-width:0;padding:0 12px;font-size:12px;font-weight:500}.app-sidebar-icon-btn,.app-sidebar-toggle{place-items:center;padding:0;display:grid}.app-sidebar-icon-btn i,.app-sidebar-toggle i{font-size:18px;transition:transform .26s}.app-sidebar-profile{border:1px solid var(--sidebar-border,#fff3);background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px;transition:padding .24s,background .18s;display:flex}.app-sidebar-avatar{color:#fff;background:#55564a;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.app-sidebar-user-meta{gap:2px;min-width:0;display:grid}.app-sidebar-user-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.app-sidebar-user-meta span{color:#273071;background:#ff9f1c;border-radius:4px;width:fit-content;padding:1px 6px;font-size:10px;font-weight:500;line-height:15px}.app-sidebar-profile-icon{color:#fff;margin-left:auto;font-size:25px}.app-sidebar-nav{flex:1;min-height:0;overflow:visible auto}.app-sidebar-menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.app-sidebar-section-label{color:var(--sidebar-muted,#ffffff94);letter-spacing:.04em;text-transform:uppercase;margin:8px 0;padding:0 4px;font-size:12px;font-weight:500}.app-sidebar-item{position:relative}.app-sidebar-item.open .app-sidebar-arrow{transform:rotate(90deg)}.app-sidebar-link{--menu-icon-color:#7ca5ff;color:#eef2ff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:8px;font-size:13px;text-decoration:none;transition:background .22s,border-color .22s,color .22s;display:flex}.app-sidebar-link>i:first-child{width:20px;height:20px;color:var(--menu-icon-color);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:color .22s,transform .22s;display:inline-flex}.app-sidebar-link:hover{background:var(--sidebar-hover,#00000038);color:#fff}.app-sidebar-link:hover>i:first-child{transform:translate(2px)scale(1.08)}.app-sidebar-link.active{background:var(--sidebar-hover,#00000038)}.app-sidebar-link.active>i:first-child{color:#ff7a00}.app-sidebar-link.is-menu-label:hover{color:#fff;background:0 0}.app-sidebar-link.is-locked{opacity:.8;cursor:default}.app-sidebar-link--violet{--menu-icon-color:#8b5cf6}.app-sidebar-link--orange{--menu-icon-color:#ff7a00}.app-sidebar-link--blue{--menu-icon-color:#38bdf8}.app-sidebar-link--cyan{--menu-icon-color:#22d3ee}.app-sidebar-link--teal{--menu-icon-color:#2dd4bf}.app-sidebar-link--green{--menu-icon-color:#4ade80}.app-sidebar-link--amber{--menu-icon-color:#fbbf24}.app-sidebar-link--pink{--menu-icon-color:#f472b6}.app-sidebar-link--indigo{--menu-icon-color:#818cf8}.app-sidebar-link--slate{--menu-icon-color:#cbd5e1}.app-sidebar-link--red{--menu-icon-color:#fb7185}.app-sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-sidebar-arrow{margin-left:auto;font-size:16px;transition:transform .22s}.app-sidebar-tooltip{z-index:40;border:1px solid color-mix(in srgb, var(--sidebar-accent,#ff9f1c) 65%, #111827);background:var(--sidebar-accent,#ff9f1c);color:#111827;opacity:0;pointer-events:none;white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;transition:opacity .18s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.app-sidebar-shell.is-collapsed .app-sidebar-item:hover .app-sidebar-tooltip{opacity:1}.app-sidebar-submenu{margin:0;padding:0 0 0 30px;list-style:none;transition:max-height .3s,opacity .26s,transform .26s;position:relative;overflow:hidden}.app-sidebar-submenu.expanded{opacity:1;max-height:460px;transform:translateY(0)}.app-sidebar-submenu.collapsed{opacity:0;max-height:0;transform:translateY(-4px)}.app-sidebar-submenu>li{opacity:0;padding:2px 0;transition:opacity .26s,transform .28s;position:relative;transform:translate(-10px)}.app-sidebar-submenu>li:before{content:"";background:#ffffffe6;border-radius:2px;width:1.5px;position:absolute;top:2px;bottom:0;left:-18px}.app-sidebar-submenu>li:after{content:"";border-bottom:1.5px solid #ffffffe6;border-left:1.5px solid #ffffffe6;border-bottom-left-radius:8px;width:18px;height:10px;position:absolute;top:50%;left:-18px;transform:translateY(-78%)}.app-sidebar-submenu>li:last-child:before{bottom:63%}.app-sidebar-submenu.expanded>li{opacity:1;transform:translate(0)}.app-sidebar-submenu.expanded>li:first-child{transition-delay:20ms}.app-sidebar-submenu.expanded>li:nth-child(2){transition-delay:50ms}.app-sidebar-submenu.expanded>li:nth-child(3){transition-delay:80ms}.app-sidebar-submenu.expanded>li:nth-child(4){transition-delay:.11s}.app-sidebar-submenu.expanded>li:nth-child(5){transition-delay:.14s}.app-sidebar-sublink{color:#e8ecff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.25;text-decoration:none;transition:background .2s,color .2s;display:flex}.app-sidebar-sublink:hover,.app-sidebar-sublink.active{background:var(--sidebar-hover,#00000038);color:#fff}.app-sidebar-sublink.is-locked{opacity:.76;cursor:default}.app-sidebar-sublink i{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;display:inline-flex}.app-sidebar-flyout{z-index:45;border:1px solid color-mix(in srgb, var(--sidebar-bg,#2d3783) 70%, #fff);background:var(--sidebar-bg,#2d3783);opacity:0;pointer-events:none;border-radius:10px;min-width:238px;max-width:300px;padding:10px;transition:opacity .18s,transform .18s;position:absolute;top:0;left:calc(100% - 2px);transform:translate(6px);box-shadow:0 12px 26px #00000047}.app-sidebar-flyout:before{content:"";width:24px;height:calc(100% + 20px);position:absolute;top:-10px;left:-22px}.app-sidebar-flyout:after{content:"";border-left:1px solid color-mix(in srgb, var(--sidebar-bg,#2d3783) 70%, #fff);border-top:1px solid color-mix(in srgb, var(--sidebar-bg,#2d3783) 70%, #fff);background:var(--sidebar-bg,#2d3783);border-top-left-radius:2px;width:12px;height:12px;position:absolute;top:18px;left:-7px;transform:rotate(-45deg)}.app-sidebar-shell.is-collapsed .app-sidebar-item.has-children:hover .app-sidebar-flyout{opacity:1;pointer-events:auto;transform:translate(20px)}.app-sidebar-shell.is-collapsed .app-sidebar-item.has-children:hover .app-sidebar-tooltip{opacity:0}.app-sidebar-flyout-title{color:#fff;margin-bottom:6px;font-size:13px;font-weight:750}.app-sidebar-submenu-flyout{max-height:none;padding-left:26px;overflow:visible}.app-sidebar-footer{border-top:1px solid var(--sidebar-border,#fff3);flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;display:flex}.app-sidebar-color-switch{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.app-sidebar-color-btn{border:1px solid var(--sidebar-border,#fff3);background:var(--theme-swatch);cursor:pointer;border-radius:8px;height:28px;transition:border-color .18s,transform .18s}.app-sidebar-color-btn:hover{border-color:#fff;transform:translateY(-1px)}.app-sidebar-theme-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.app-sidebar-theme-btn,.app-sidebar-logout-btn{border:1px solid var(--sidebar-border,#fff3);min-height:34px;color:inherit;cursor:pointer;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.app-sidebar-theme-btn:hover,.app-sidebar-logout-btn:hover{background:#ffffff24}.app-sidebar-theme-btn i,.app-sidebar-logout-btn i{justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;display:inline-flex}.app-sidebar-theme-btn.active{color:#252a44;background:#fff;border-color:#fff}.app-sidebar-logout-btn{background:0 0;font-size:13px}.app-sidebar-logout-btn:hover{color:#fecaca;background:#ef444424;border-color:#fca5a5}@media (width<=920px){.app-sidebar-shell,.app-sidebar-shell.is-collapsed{width:100%;min-height:auto;padding:14px;overflow:hidden}.app-sidebar-shell.is-collapsed .app-sidebar-head{grid-template-columns:1fr 42px 42px}.app-sidebar-footer{display:none}}.common-server-table{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden;border-radius:16px!important}.common-server-table__toolbar{background:color-mix(in srgb, var(--accent-tint) 35%, var(--surface));border:1px solid var(--theme-color);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.common-server-table__search{width:min(430px,100%)}.common-server-table__search .MuiInputBase-root{background:var(--surface);border-radius:10px;gap:8px}.common-server-table__search svg{color:var(--theme-color)}.common-server-table__toolbar-right{align-items:center;gap:10px;display:flex}.common-server-table__alert{border-radius:0!important}.common-server-table__loader{z-index:2;top:68px;left:0;right:0;position:absolute!important}.common-server-table__container{border:1px solid var(--theme-color);border-radius:15px}.common-server-table__container .MuiTableCell-head{background:var(--theme-color);color:var(--secondary-color);padding:12px 16px;font-size:14px;font-weight:700}.common-server-table__container .MuiTableCell-body{color:var(--text-h);border-color:var(--border);font-size:13px}.common-server-table__container .MuiTableSortLabel-root,.common-server-table__container .MuiTableSortLabel-icon{color:inherit!important}.common-server-table__actions{justify-content:center;align-items:center;gap:8px;display:inline-flex}.common-server-table__action{background:var(--surface);width:30px;height:30px;color:var(--theme-color);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:transform .16s,background .16s,border-color .16s;display:grid}.common-server-table__action:hover:not(:disabled){border-color:var(--theme-color);background:var(--accent-tint);transform:translateY(-1px)}.common-server-table__action:disabled{opacity:.55;cursor:not-allowed}.common-server-table__action--danger{color:#e11d48;border-color:#fecdd3}.common-server-table__action--danger:hover:not(:disabled){background:#fff1f2;border-color:#e11d48}.common-server-table__action--muted{color:var(--muted)}.common-server-table__empty{min-height:180px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.common-server-table__empty strong{color:var(--text-h);font-size:16px}.common-server-table .common-server-table-pagination{border:1px solid var(--theme-color);border-radius:15px}@media (width<=760px){.common-server-table__toolbar{flex-direction:column;align-items:stretch}.common-server-table__toolbar-right{justify-content:flex-end}}.common-server-table__empty{min-height:240px;padding:42px 20px;position:relative}.common-server-table__empty:before{content:"";opacity:.85;pointer-events:none;border-radius:24px;position:absolute;inset:18px}.common-server-table__empty>*{z-index:1;position:relative}.common-server-table__empty strong{color:var(--text-h);letter-spacing:-.01em;margin-top:4px;font-size:18px;font-weight:700}.common-server-table__empty span:not(.common-server-table__empty-orbit){max-width:360px;color:var(--muted);font-size:13px;line-height:1.6}.common-server-table__empty-visual{background:linear-gradient(145deg, color-mix(in srgb, var(--theme-color) 18%, #fff), #fff 72%);border:1px solid color-mix(in srgb, var(--theme-color) 18%, var(--border));border-radius:28px;place-items:center;width:92px;height:92px;margin-bottom:8px;display:grid;position:relative}.common-server-table__empty-visual i{color:var(--theme-color);filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--theme-color) 22%, transparent));font-size:36px}.common-server-table__empty-orbit{background:color-mix(in srgb, var(--theme-color) 72%, #fff);box-shadow:0 8px 18px color-mix(in srgb, var(--theme-color) 24%, transparent);border-radius:999px;position:absolute}.common-server-table__empty-orbit--one{width:12px;height:12px;top:16px;right:18px}.common-server-table__empty-orbit--two{opacity:.7;width:8px;height:8px;bottom:20px;left:18px}@keyframes hp-pulse{0%{box-shadow:0 0 #043a5c99}to{box-shadow:0 0 0 10px #043a5c00}}@keyframes hp-morph{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{border-radius:60% 40% 35% 65%/55% 60% 40% 45%}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-prog{to{width:100%}}@keyframes hp-twinkle{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:.8;transform:scale(1.2)}}@keyframes hp-popIn{0%{opacity:0;transform:translateY(25px)scale(.96)}to{opacity:1;transform:none}}@keyframes hp-ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0)}}.hp{--primary:#043a5c;--primary-dark:#032d49;--accent:#043a5c;--navy:#021e2f;--ink:#334155;--muted:#64748b;--light:#f0f4f8;--radius:22px;--shadow:0 20px 50px -20px #0b254040;--grad:linear-gradient(135deg, #043a5c 0%, #0a5a8a 100%);color:var(--ink);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.hp a{color:inherit;text-decoration:none}.hp img{max-width:100%;display:block}.hp h1,.hp h2,.hp h3{color:var(--navy);margin:0;line-height:1.15}.hp h2{font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3rem)}.hp p{margin:0}.hp .tag{color:var(--primary-dark);letter-spacing:1px;text-transform:uppercase;background:#043a5c1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.hp .tag:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.8s infinite hp-pulse}.hp .section{padding:100px 0}.hp .section-head{text-align:center;max-width:680px;margin:0 auto 60px}.hp .section-head p{color:var(--muted);margin-top:14px;font-size:1.05rem}.hp .btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .35s;display:inline-flex;position:relative;overflow:hidden}.hp .btn svg{width:18px;height:18px;transition:all .3s}.hp .btn:hover svg{transform:translate(4px)}.hp .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px -10px #043a5cb3}.hp .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px #043a5ccc}.hp .btn-accent{background:var(--accent);color:#fff;box-shadow:0 12px 30px -10px #043a5cb3}.hp .btn-accent:hover{transform:translateY(-3px)}.hp .btn-outline{color:#fff;background:0 0;border:2px solid #fff9}.hp .btn-outline:hover{color:var(--navy);background:#fff}.hp .hero{background:var(--navy);height:calc(100vh - 140px);min-height:640px;position:relative;overflow:hidden}.hp .slide{opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;position:absolute;inset:0}.hp .slide.active{opacity:1;visibility:visible}.hp .slide-bg{transition:transform 7s;position:absolute;inset:0;transform:scale(1.15)}.hp .slide.active .slide-bg{transform:scale(1)}.hp .slide:first-child .slide-bg{background:radial-gradient(circle at 75% 40%,#0a5a8a 0%,#0000 45%),linear-gradient(120deg,#021e2f 0%,#032d49 55%,#043a5c 100%)}.hp .slide:nth-child(2) .slide-bg{background:radial-gradient(circle at 70% 60%,#0a5a8a 0%,#0000 40%),linear-gradient(120deg,#021e2f 0%,#043a5c 50%,#065a8c 100%)}.hp .slide:nth-child(3) .slide-bg{background:radial-gradient(circle at 80% 30%,#0a5a8a 0%,#0000 45%),linear-gradient(120deg,#021e2f 0%,#032d49 55%,#043a5c 100%)}.hp .slide .hp-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;height:100%;display:grid;position:relative}.hp .slide-content{color:#fff}.hp .slide-content>*{opacity:0;transition:all .8s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.hp .slide.active .slide-content>*{opacity:1;transform:none}.hp .slide.active .slide-content>:first-child{transition-delay:.3s}.hp .slide.active .slide-content>:nth-child(2){transition-delay:.5s}.hp .slide.active .slide-content>:nth-child(3){transition-delay:.7s}.hp .slide.active .slide-content>:nth-child(4){transition-delay:.9s}.hp .slide-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:10px;margin-bottom:24px;padding:9px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.hp .slide-content h1{color:#fff;margin-bottom:22px;font-family:Poppins,sans-serif;font-size:clamp(2.4rem,5.5vw,4.6rem)}.hp .slide-content h1 em{background:linear-gradient(90deg,#7fb8d4,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hp .slide-content p{color:#ffffffd1;max-width:520px;margin-bottom:34px;font-size:1.1rem}.hp .slide-btns{flex-wrap:wrap;gap:16px;display:flex}.hp .slide-visual{opacity:0;place-items:center;transition:all 1s cubic-bezier(.2,.8,.2,1) .4s;display:grid;position:relative;transform:scale(.7)rotate(-10deg)}.hp .slide.active .slide-visual{opacity:1;transform:none}.hp .blob{aspect-ratio:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;place-items:center;width:min(420px,80vw);animation:9s ease-in-out infinite hp-morph;display:grid}.hp .blob svg{fill:#fff;filter:drop-shadow(0 20px 40px #00000040);width:55%;animation:5s ease-in-out infinite hp-float}.hp .float-card{color:var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-size:.9rem;font-weight:700;animation:4s ease-in-out infinite hp-float;display:flex;position:absolute}.hp .float-card .fi{color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.hp .float-card small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.hp .fc1{top:12%;left:-4%}.hp .fc2{animation-delay:1.5s;bottom:12%;right:-2%}.hp .sparkle{opacity:.5;background:#fff;border-radius:50%;animation:3s infinite hp-twinkle;position:absolute}.hp .slider-nav{z-index:5;position:absolute;bottom:40px;left:0;right:0}.hp .slider-nav .hp-container{justify-content:space-between;align-items:center;display:flex}.hp .dots{gap:12px;display:flex}.hp .dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50px;width:12px;height:12px;transition:all .4s}.hp .dot.active{background:#fff;width:42px}.hp .arrows{gap:12px;display:flex}.hp .arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:54px;height:54px;transition:all .3s;display:grid}.hp .arrow:hover{color:var(--navy);background:#fff}.hp .arrow svg{width:20px;height:20px}.hp .progress-bar{z-index:5;background:var(--accent);width:0;height:4px;position:absolute;bottom:0;left:0}.hp .progress-bar.run{animation:6s linear forwards hp-prog}.hp .slide-count{z-index:5;color:#fff;writing-mode:vertical-rl;letter-spacing:4px;opacity:.7;font-family:Poppins,sans-serif;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.hp .strip{z-index:10;margin-top:-70px;position:relative}.hp .strip-grid{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.hp .strip-item{border-right:1px solid #eef2f6;align-items:flex-start;gap:16px;padding:32px 26px;transition:all .35s;display:flex}.hp .strip-item:last-child{border:none}.hp .strip-item:hover{background:var(--grad);color:#fff}.hp .strip-item:hover h3,.hp .strip-item:hover p{color:#fff}.hp .strip-item .si{background:var(--light);width:52px;height:52px;color:var(--primary);border-radius:14px;flex:none;place-items:center;transition:all .35s;display:grid}.hp .strip-item .si svg{width:24px;height:24px}.hp .strip-item:hover .si{color:#fff;background:#fff3;transform:rotateY(180deg)}.hp .strip-item h3{margin-bottom:4px;font-size:1.05rem;transition:all .3s}.hp .strip-item p{color:var(--muted);font-size:.88rem;transition:all .3s}.hp .about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.hp .about-visual{aspect-ratio:1/1.05;position:relative}.hp .about-main{background:var(--grad);border-radius:30px;place-items:center;display:grid;position:absolute;inset:0 15% 12% 0;overflow:hidden}.hp .about-main:before{content:"";background:repeating-radial-gradient(circle at 30% 30%,#ffffff14 0 2px,#0000 2px 28px);width:140%;height:140%;position:absolute}.hp .about-main svg{fill:#fff;width:45%;animation:6s ease-in-out infinite hp-float;position:relative}.hp .about-sub{aspect-ratio:1;background:var(--navy);text-align:center;color:#fff;border:8px solid #fff;border-radius:26px;place-items:center;width:48%;padding:20px;display:grid;position:absolute;bottom:0;right:0}.hp .about-sub b{color:#1a7ab5;font-family:Poppins,sans-serif;font-size:3.2rem;line-height:1;display:block}.hp .about-sub span{opacity:.85;font-size:.9rem}.hp .about-ring{width:110px;height:110px;animation:14s linear infinite hp-spin;position:absolute;top:-24px;right:8%}.hp .about-text p{color:var(--muted);margin:18px 0 26px;font-size:1.05rem}.hp .check-list{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:34px;padding:0;list-style:none;display:grid}.hp .check-list li{color:var(--navy);align-items:center;gap:10px;font-weight:600;display:flex}.hp .check-list li:before{content:"✓";width:24px;height:24px;color:var(--primary);background:#043a5c1f;border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.hp .services{background:var(--light);position:relative;overflow:hidden}.hp .services:before{content:"";background:#043a5c14;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-150px}.hp .services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.hp .service{border-radius:var(--radius);background:#fff;border:1px solid #e6f4f4;padding:38px 32px;transition:all .45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.hp .service:before{content:"";background:var(--grad);z-index:0;transition:all .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(101%)}.hp .service:hover:before{transform:none}.hp .service:hover{box-shadow:var(--shadow);transform:translateY(-10px)}.hp .service>*{z-index:1;position:relative}.hp .service .sv-ic{background:var(--light);border-radius:20px;place-items:center;width:70px;height:70px;margin-bottom:24px;transition:all .45s;display:grid}.hp .service .sv-ic svg{width:34px;height:34px;color:var(--primary);transition:all .45s}.hp .service:hover .sv-ic{background:#fff3;transform:rotate(-8deg)scale(1.08)}.hp .service:hover .sv-ic svg{color:#fff}.hp .service h3{margin-bottom:10px;font-size:1.3rem;transition:all .3s}.hp .service p{color:var(--muted);margin-bottom:20px;font-size:.95rem;transition:all .3s}.hp .service .more{color:var(--primary);align-items:center;gap:6px;font-weight:700;transition:all .3s;display:inline-flex}.hp .service:hover h3,.hp .service:hover p,.hp .service:hover .more{color:#fff}.hp .service .num{color:#043a5c14;font-family:Poppins,sans-serif;font-size:3rem;transition:all .3s;position:absolute;top:24px;right:28px}.hp .service:hover .num{color:#ffffff2e}.hp .cat-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.hp .cat-card{--c:#043a5c;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #e6eef5;align-items:flex-start;gap:18px;padding:28px;transition:all .45s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.hp .cat-card:after{content:"";background:var(--c);opacity:.07;border-radius:50%;width:140px;height:140px;transition:all .6s;position:absolute;bottom:-60px;right:-50px}.hp .cat-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--c) 40%, white);transform:translateY(-8px)}.hp .cat-card:hover:after{opacity:.09;transform:scale(2.6)}.hp .cat-card .ci{background:color-mix(in srgb, var(--c) 14%, white);z-index:1;border-radius:20px;flex:none;place-items:center;width:72px;height:72px;font-size:2.1rem;transition:all .45s;display:grid;position:relative}.hp .cat-card .ci img{object-fit:cover;border-radius:0;width:40px;height:40px}.hp .cat-card:hover .ci{background:var(--c);transform:rotate(-10deg)scale(1.08)}.hp .cat-card .cat-info{z-index:1;flex:1;min-width:0;position:relative}.hp .cat-card .cat-info h3{padding-right:36px;font-size:1.15rem}.hp .cat-card .cat-info>small{color:var(--muted);font-weight:600}.hp .cat-card .cat-subs{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.hp .cat-card .chip{color:var(--ink);cursor:pointer;background:#f1f5f9;border:none;border-radius:50px;padding:5px 11px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .25s}.hp .cat-card .chip:hover{background:var(--c);color:#fff}.hp .cat-card .go{background:var(--light);width:34px;height:34px;color:var(--c);z-index:1;border-radius:50%;place-items:center;font-weight:800;transition:all .4s;display:grid;position:absolute;top:24px;right:24px;transform:rotate(-45deg)}.hp .cat-card:hover .go{background:var(--c);color:#fff;transform:none}.hp .shop{background:var(--light)}.hp .shop-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px;display:flex}.hp .tab{color:var(--navy);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d6e9e9;border-radius:50px;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.hp .tab:hover{border-color:var(--primary);color:var(--primary)}.hp .tab.active{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 10px 24px -10px #043a5ccc}.hp .sub-chips{flex-wrap:wrap;justify-content:center;gap:8px;min-height:36px;margin-bottom:30px;display:flex}.hp .sub-chip{color:var(--primary-dark);cursor:pointer;background:0 0;border:1.5px dashed #043a5c59;border-radius:50px;padding:7px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s;animation:.4s both hp-popIn}.hp .sub-chip:hover{border-style:solid}.hp .sub-chip.active{background:var(--navy);border:1.5px solid var(--navy);color:#fff}.hp .shop-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;font-size:.92rem;font-weight:600;display:flex}.hp .empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:50px 0;font-weight:600}.hp .prod-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.hp .prod{--c:#043a5c;background:#fff;border:1px solid #e6eef5;border-radius:20px;flex-direction:column;transition:transform .4s,box-shadow .4s;animation:.55s both hp-popIn;display:flex;overflow:hidden}.hp .prod:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.hp .prod-img{aspect-ratio:1/.85;background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--c) 22%, white), color-mix(in srgb, var(--c) 8%, white) 70%);place-items:center;display:grid;position:relative;overflow:hidden}.hp .prod-img img{object-fit:cover;width:100%;height:100%;transition:all .5s}.hp .prod-img:hover img{transform:scale(1.08)}.hp .prod .badge{color:#fff;background:var(--accent);letter-spacing:.5px;z-index:2;border-radius:50px;padding:5px 11px;font-size:.7rem;font-weight:800;position:absolute;top:14px;left:14px}.hp .prod .badge.new{background:var(--primary)}.hp .prod-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.hp .prod-cat{color:var(--c);text-transform:uppercase;letter-spacing:.6px;font-size:.72rem;font-weight:700}.hp .prod h3{margin:6px 0 8px;font-size:.98rem;font-weight:700}.hp .prod-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.hp .prod .price b{color:var(--navy);font-size:1.2rem}.hp .prod .price s{color:#94a3b8;margin-left:6px;font-size:.82rem}.hp .prod .view-btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:50px;flex:none;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .3s}.hp .prod .view-btn:hover{background:var(--primary)}.hp .stats{background:var(--navy);padding:80px 0;position:relative;overflow:hidden}.hp .stats:after{content:"";background:radial-gradient(circle at 10% 20%,#043a5c59,#0000 40%),radial-gradient(circle at 90% 80%,#043a5c40,#0000 40%);position:absolute;inset:0}.hp .stats-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.hp .stat{text-align:center;color:#fff;padding:20px}.hp .stat b{background:linear-gradient(90deg,#1a7ab5,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:clamp(2.6rem,5vw,3.8rem);display:block}.hp .stat span{color:#94a3b8;font-weight:600}.hp .process-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid;position:relative}.hp .process-grid:before{content:"";border-top:2px dashed #cbe7e7;position:absolute;top:50px;left:12%;right:12%}.hp .step{text-align:center;position:relative}.hp .step .step-ic{background:#fff;border:2px solid #e2f3f3;border-radius:50%;place-items:center;width:100px;height:100px;margin:0 auto 22px;transition:all .4s;display:grid;position:relative}.hp .step .step-ic svg{width:40px;height:40px;color:var(--primary)}.hp .step .step-ic i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.hp .step:hover .step-ic{background:var(--grad);border-color:#0000;transform:translateY(-8px)}.hp .step:hover .step-ic svg{color:#fff}.hp .step h3{margin-bottom:8px;font-size:1.15rem}.hp .step p{color:var(--muted);font-size:.92rem}.hp .testi{background:var(--navy);position:relative;overflow:hidden}.hp .testi .section-head h2{color:#fff}.hp .testi .section-head p{color:#94a3b8}.hp .quote-ic{color:#ffffff0a;font-family:Poppins,sans-serif;font-size:14rem;line-height:1;position:absolute;top:-40px;left:40px}.hp .testi-wrap{position:relative;overflow:hidden}.hp .testi-track{transition:transform .7s cubic-bezier(.2,.8,.2,1);display:flex}.hp .testi-card{flex:0 0 33.3333%;padding:0 14px}.hp .testi-inner{border-radius:var(--radius);color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1a;height:100%;padding:34px;transition:all .4s}.hp .testi-inner:hover{background:#ffffff1a;transform:translateY(-6px)}.hp .stars{color:#fbbf24;letter-spacing:3px;margin-bottom:16px}.hp .testi-inner p{opacity:.9;margin-bottom:24px;font-size:1rem}.hp .person{align-items:center;gap:14px;display:flex}.hp .person .pa{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:grid}.hp .person b{color:#fff;display:block}.hp .person small{color:#94a3b8}.hp .testi-dots{justify-content:center;gap:10px;margin-top:40px;display:flex}.hp .testi-dots .dot{background:#ffffff40}.hp .testi-dots .dot.active{background:var(--primary)}.hp .faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;display:grid}.hp .faq-item{background:#fff;border:1px solid #e6eef5;border-radius:18px;margin-bottom:14px;transition:all .3s;overflow:hidden}.hp .faq-item.open{border-color:var(--primary);box-shadow:0 14px 30px -18px #043a5c80}.hp .faq-q{text-align:left;width:100%;color:var(--navy);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-family:inherit;font-size:1.02rem;font-weight:700;display:flex}.hp .faq-q .pm{background:var(--light);width:32px;height:32px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;transition:all .35s;display:grid}.hp .faq-item.open .pm{background:var(--primary);color:#fff;transform:rotate(45deg)}.hp .faq-a{max-height:0;transition:max-height .45s;overflow:hidden}.hp .faq-a p{color:var(--muted);padding:0 24px 22px}.hp .faq-side{background:var(--light);border-radius:var(--radius);padding:40px;position:sticky;top:110px}.hp .faq-side p{color:var(--muted);margin:14px 0 26px}.hp .blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.hp .blog-card{border-radius:var(--radius);background:#fff;border:1px solid #e6eef5;flex-direction:column;transition:all .4s;display:flex;overflow:hidden}.hp .blog-card:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.hp .blog-img{aspect-ratio:16/10;overflow:hidden}.hp .blog-img img{object-fit:cover;width:100%;height:100%;transition:all .5s}.hp .blog-img:hover img{transform:scale(1.06)}.hp .blog-body{flex-direction:column;flex:1;padding:24px;display:flex}.hp .blog-meta{color:var(--muted);margin-bottom:10px;font-size:.82rem;font-weight:600}.hp .blog-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.15rem;display:-webkit-box;overflow:hidden}.hp .blog-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.92rem;display:-webkit-box;overflow:hidden}.hp .blog-read{color:var(--primary);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:700;display:inline-flex}.hp .cta{padding:0 0 100px}.hp .cta-box{color:#fff;background:linear-gradient(120deg,#043a5c,#0a5a8a);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;padding:60px;display:flex;position:relative;overflow:hidden}.hp .cta-box:before{content:"";background:#ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;left:-60px}.hp .cta-box h2{color:#fff;max-width:620px;position:relative}.hp .cta-box .btn{color:var(--accent);background:#fff;position:relative}.hp .hp-container{width:min(1320px,100% - 32px);margin-inline:auto}.hp .reveal{opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(50px)}.hp .reveal.left{transform:translate(-60px)}.hp .reveal.right{transform:translate(60px)}.hp .reveal.zoom{transform:scale(.85)}.hp .reveal.in{opacity:1;transform:none}.hp .hp-loading{justify-content:center;align-items:center;height:calc(100vh - 140px);min-height:640px;display:flex}@media (width<=1100px){.hp .prod-grid{grid-template-columns:repeat(3,1fr)}.hp .services-grid,.hp .strip-grid{grid-template-columns:repeat(2,1fr)}.hp .strip-item:nth-child(2){border-right:none}.hp .strip-item{border-bottom:1px solid #eef2f6}.hp .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.hp .hero{height:auto;min-height:520px}.hp .slide .hp-container{text-align:center;grid-template-columns:1fr;align-content:center}.hp .slide-content p{margin-inline:auto}.hp .slide-btns{justify-content:center}.hp .slide-visual,.hp .slide-count{display:none}.hp .strip{margin-top:-40px}.hp .strip-grid{grid-template-columns:repeat(2,1fr)}.hp .about-grid{grid-template-columns:1fr}.hp .about-visual{width:100%;max-width:520px;margin:0 auto}.hp .services-grid,.hp .cat-grid,.hp .stats-grid{grid-template-columns:repeat(2,1fr)}.hp .process-grid{grid-template-columns:repeat(2,1fr);row-gap:50px}.hp .process-grid:before{display:none}.hp .testi-card{flex:0 0 50%}.hp .faq-grid{grid-template-columns:1fr}.hp .faq-side{position:static}.hp .cta-box{text-align:center;flex-direction:column;padding:44px 28px}.hp .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hp .section{padding:70px 0}.hp .hero{min-height:500px}.hp .slider-nav{bottom:24px}.hp .arrow{width:44px;height:44px}.hp .strip{margin-top:0}.hp .strip-grid{grid-template-columns:1fr}.hp .strip-item{border-right:none}.hp .services-grid,.hp .cat-grid{grid-template-columns:1fr}.hp .shop-tabs{padding-bottom:8px;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.hp .shop-tabs::-webkit-scrollbar{display:none}.hp .sub-chips{justify-content:flex-start}.hp .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px}.hp .prod-body{padding:12px 12px 14px}.hp .prod h3{font-size:.86rem}.hp .prod .price b{font-size:1rem}.hp .prod .price s{margin-left:0;display:block}.hp .prod .badge{padding:4px 8px;font-size:.62rem;top:10px;left:10px}.hp .check-list,.hp .process-grid{grid-template-columns:1fr}.hp .testi-card{flex:0 0 100%}.hp .stats-grid{grid-template-columns:repeat(2,1fr)}.hp .stat b{font-size:2.4rem}.hp .about-sub b{font-size:2.2rem}.hp .blog-grid{grid-template-columns:1fr}.hp .faq-side{padding:28px}.hp .shop-bar{font-size:.82rem}}.cp{--primary:#043a5c;--primary-dark:#032d49;--accent:#043a5c;--navy:#021e2f;--ink:#334155;--muted:#64748b;--light:#f0f4f8;--radius:22px;--shadow:0 20px 50px -20px #0b254040;--grad:linear-gradient(135deg,#043a5c 0%,#0a5a8a 100%);color:var(--ink);font-family:Poppins,sans-serif;line-height:1.6}.cp *,.cp :before,.cp :after{box-sizing:border-box}.cp h1,.cp h2,.cp h3{color:var(--navy);margin:0;line-height:1.15}.cp h2{font-family:Poppins,sans-serif;font-size:clamp(1.9rem,4vw,2.8rem)}.cp p{margin:0}.cp a{color:inherit;text-decoration:none}.cp ul{margin:0;padding:0;list-style:none}.cp .container{width:min(1240px,100% - 32px);margin-inline:auto}.cp .tag{color:var(--primary-dark);letter-spacing:1px;text-transform:uppercase;background:#043a5c1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.cp .tag:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.8s infinite cp-pulse}@keyframes cp-pulse{0%{box-shadow:0 0 #043a5c99}to{box-shadow:0 0 0 10px #043a5c00}}@keyframes cp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes cp-up{to{opacity:1;transform:none}}@keyframes cp-cardIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes cp-flash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 5px color-mix(in srgb, var(--c) 45%, transparent)}}@keyframes cp-scroll{to{transform:translate(-100%)}}.cp .btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:.92rem;font-weight:700;transition:all .35s;display:inline-flex}.cp .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px -10px #043a5cb3}.cp .btn-primary:hover{transform:translateY(-3px)}.cp .btn-accent{background:var(--accent);color:#fff}.cp .btn-accent:hover{transform:translateY(-3px)}.cp .btn svg{width:18px;height:18px}.cp .page-hero{color:#fff;text-align:center;background:linear-gradient(120deg,#021e2f 0%,#032d49 55%,#043a5c 100%);padding:80px 0 140px;position:relative;overflow:hidden}.cp .page-hero:before{content:"";background:radial-gradient(circle,#0a5a8a73,#0000 65%);border-radius:50%;width:520px;height:520px;animation:9s ease-in-out infinite cp-floaty;position:absolute;top:-200px;right:-120px}.cp .page-hero:after{content:"";background:radial-gradient(circle,#043a5c4d,#0000 65%);border-radius:50%;width:420px;height:420px;animation:11s ease-in-out infinite reverse cp-floaty;position:absolute;bottom:-200px;left:-120px}.cp .page-hero .container{z-index:2;position:relative}.cp .crumb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.cp .crumb a{opacity:.75;transition:all .3s}.cp .crumb a:hover{opacity:1}.cp .page-hero h1{color:#fff;margin-bottom:14px;font-family:Poppins,sans-serif;font-size:clamp(2.3rem,5.5vw,4rem)}.cp .page-hero h1 em{background:linear-gradient(90deg,#7fb8d4,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.cp .page-hero p{color:#fffc;max-width:560px;margin:0 auto 34px;font-size:1.05rem}.cp .hero-anim>*{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards cp-up;transform:translateY(30px)}.cp .hero-anim>:nth-child(2){animation-delay:.15s}.cp .hero-anim>:nth-child(3){animation-delay:.3s}.cp .hero-anim>:nth-child(4){animation-delay:.45s}.cp .hero-anim>:nth-child(5){animation-delay:.6s}.cp .search{max-width:620px;margin:0 auto;position:relative}.cp .search input{width:100%;color:var(--navy);border:none;border-radius:50px;outline:none;padding:20px 130px 20px 58px;font-family:inherit;font-size:1rem;transition:all .3s;box-shadow:0 20px 50px -15px #0006}.cp .search input:focus{box-shadow:0 0 0 5px #5eead459,0 20px 50px -15px #0006}.cp .search .s-ic{width:22px;height:22px;color:var(--primary);position:absolute;top:50%;left:22px;transform:translateY(-50%)}.cp .search .s-clear{cursor:pointer;width:30px;height:30px;color:var(--muted);background:#f1f5f9;border:none;border-radius:50%;font-size:1rem;display:none;position:absolute;top:50%;right:112px;transform:translateY(-50%)}.cp .search .s-clear.show{display:block}.cp .search .s-btn{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:0 24px;font-family:inherit;font-weight:700;transition:all .3s;position:absolute;top:7px;bottom:7px;right:7px}.cp .search .s-btn:hover{opacity:.9}.cp .hero-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.cp .hero-stats>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;min-width:130px;padding:12px 22px}.cp .hero-stats b{color:#1a7ab5;font-family:Poppins,sans-serif;font-size:1.7rem;line-height:1.2;display:block}.cp .hero-stats span{opacity:.8;font-size:.82rem}.cp .bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;place-items:center;width:64px;height:64px;font-size:1.8rem;animation:6s ease-in-out infinite cp-floaty;display:grid;position:absolute}.cp .b1{top:18%;left:8%}.cp .b2{width:54px;height:54px;font-size:1.5rem;animation-delay:1.2s;top:58%;left:14%}.cp .b3{animation-delay:.6s;top:20%;right:9%}.cp .b4{width:54px;height:54px;font-size:1.5rem;animation-delay:1.8s;top:60%;right:13%}.cp .wave{z-index:2;width:100%;height:90px;position:absolute;bottom:-1px;left:0}.cp .cat-page{z-index:5;margin-top:-60px;padding:0 0 90px;position:relative}.cp .cat-layout{grid-template-columns:280px 1fr;align-items:start;gap:34px;display:grid}.cp .side{gap:20px;display:grid;position:sticky;top:100px}.cp .side-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #eef2f6;padding:24px}.cp .side-box h4{color:var(--navy);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.05rem;display:flex}.cp .side-box h4 small{color:var(--muted);font-size:.75rem;font-weight:600}.cp .side-list{gap:4px;display:grid}.cp .side-item{--c:#043a5c;cursor:pointer;color:var(--navy);text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:.93rem;font-weight:600;transition:all .3s;display:flex;position:relative}.cp .side-item:before{content:"";background:var(--c);border-radius:4px;width:4px;height:0;transition:all .35s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cp .side-item i{background:color-mix(in srgb, var(--c) 14%, white);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:1.05rem;font-style:normal;transition:all .35s;display:grid}.cp .side-item em{color:var(--muted);background:#f1f5f9;border-radius:50px;margin-left:auto;padding:3px 9px;font-size:.75rem;font-style:normal;transition:all .3s}.cp .side-item:hover{background:#f8fafc;padding-left:16px}.cp .side-item.active{background:color-mix(in srgb, var(--c) 9%, white);color:var(--c)}.cp .side-item.active:before{height:60%}.cp .side-item.active i{background:var(--c);color:#fff;transform:rotate(-8deg)}.cp .side-item.active em{background:var(--c);color:#fff}.cp .side-item.dim{opacity:.35}.cp .side-promo{color:#fff;border-radius:var(--radius);background:linear-gradient(150deg,#043a5c,#ffb199);padding:26px;position:relative;overflow:hidden}.cp .side-promo small{letter-spacing:2px;opacity:.9;font-size:.7rem;font-weight:800;display:block}.cp .side-promo h4{color:#fff;margin:6px 0 8px;font-size:1.3rem;line-height:1.25}.cp .side-promo p{opacity:.92;margin-bottom:16px;font-size:.85rem}.cp .side-promo .btn{color:var(--accent);background:#fff;padding:10px 20px;font-size:.85rem}.cp .side-promo .pe{opacity:.25;font-size:5.5rem;animation:5s ease-in-out infinite cp-floaty;position:absolute;bottom:-14px;right:-10px}.cp .toolbar{box-shadow:var(--shadow);background:#fff;border:1px solid #eef2f6;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;padding:14px 16px 14px 22px;display:flex}.cp .toolbar .info{color:var(--muted);font-size:.92rem;font-weight:600}.cp .toolbar .info b{color:var(--navy)}.cp .tool-right{align-items:center;gap:10px;display:flex}.cp .toolbar select{color:var(--navy);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-weight:600}.cp .view-toggle{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.cp .view-toggle button{cursor:pointer;width:38px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:9px;place-items:center;transition:all .3s;display:grid}.cp .view-toggle button svg{width:18px;height:18px}.cp .view-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px -4px #0003}.cp .cards{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.cp .cblock{--c:#043a5c;background:#fff;border:1px solid #e9eff5;border-radius:26px;flex-direction:column;scroll-margin-top:110px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:.7s cubic-bezier(.2,.8,.2,1) both cp-cardIn;display:flex;overflow:hidden}.cp .cblock:hover{box-shadow:0 30px 60px -25px color-mix(in srgb, var(--c) 55%, transparent);transform:translateY(-8px)}.cp .cblock.flash{animation:1.2s cp-flash}.cp .cb-head{background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, white));color:#fff;align-items:center;gap:18px;padding:28px 26px;display:flex;position:relative;overflow:hidden}.cp .cb-head:after{content:"";background:linear-gradient(105deg,#0000,#ffffff59,#0000);width:50%;height:100%;transition:all .9s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.cp .cblock:hover .cb-head:after{left:130%}.cp .cb-ic{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#ffffff38;border:1px solid #ffffff59;border-radius:20px;flex:none;place-items:center;width:68px;height:68px;font-size:2rem;transition:all .5s;display:grid;position:relative}.cp .cb-ic img{object-fit:cover;border-radius:20px;width:100%;height:100%}.cp .cblock:hover .cb-ic{transform:rotate(-10deg)scale(1.1)}.cp .cb-title{z-index:1;position:relative}.cp .cb-title h3{color:#fff;font-size:1.35rem}.cp .cb-title span{opacity:.9;font-size:.85rem;font-weight:600}.cp .cb-bg{opacity:.18;pointer-events:none;font-size:7.5rem;transition:all .8s;position:absolute;bottom:-30px;right:-14px}.cp .cblock:hover .cb-bg{transform:rotate(18deg)scale(1.1)}.cp .cb-body{flex-direction:column;flex:1;padding:22px 26px 26px;display:flex}.cp .cb-desc{color:var(--muted);margin-bottom:18px;font-size:.93rem}.cp .cb-subs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.cp .sub-tile{cursor:pointer;background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s;display:flex;position:relative;overflow:hidden}.cp .sub-tile:before{content:"";background:var(--c);transform-origin:0;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.cp .sub-tile>*{z-index:1;transition:all .3s;position:relative}.cp .sub-tile .dot{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.cp .sub-tile b{color:var(--navy);font-size:.88rem;font-weight:700;line-height:1.3}.cp .sub-tile small{color:var(--muted);font-size:.74rem;font-weight:600;display:block}.cp .sub-tile .arrow-i{color:var(--c);opacity:0;margin-left:auto;font-style:normal;font-weight:800;transition:all .3s;transform:translate(-4px)}.cp .sub-tile:hover:before{transform:scaleX(1)}.cp .sub-tile:hover b,.cp .sub-tile:hover small,.cp .sub-tile:hover .arrow-i{color:#fff}.cp .sub-tile:hover .dot{background:#fff}.cp .sub-tile:hover .arrow-i{opacity:1;transform:none}.cp .sub-tile.match{border-color:var(--c);background:color-mix(in srgb, var(--c) 10%, white)}.cp mark{color:inherit;background:#043a5c1f;border-radius:4px;padding:0 2px}.cp .cb-foot{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.cp .cb-prev{align-items:center;display:flex}.cp .cb-prev span{background:color-mix(in srgb, var(--c) 14%, white);border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-10px;font-size:1.1rem;transition:all .35s;display:grid}.cp .cb-prev span:first-child{margin-left:0}.cp .cblock:hover .cb-prev span{margin-left:-4px}.cp .cblock:hover .cb-prev span:first-child{margin-left:0}.cp .cb-prev small{color:var(--muted);margin-left:10px;font-size:.8rem;font-weight:600}.cp .shop-all{background:var(--navy);color:#fff;white-space:nowrap;border-radius:50px;align-items:center;gap:8px;padding:11px 20px;font-size:.85rem;font-weight:700;transition:all .35s;display:inline-flex}.cp .shop-all:hover{background:var(--c);gap:12px}.cp .cards.list{grid-template-columns:1fr}.cp .cards.list .cblock{flex-direction:row}.cp .cards.list .cb-head{text-align:center;flex-direction:column;flex:none;justify-content:center;width:250px;padding:34px 20px}.cp .cards.list .cb-subs{grid-template-columns:repeat(3,1fr)}.cp .empty-state{text-align:center;border-radius:var(--radius);background:#fff;border:2px dashed #e2e8f0;padding:70px 20px}.cp .empty-state .ee{font-size:3.5rem;animation:3s ease-in-out infinite cp-floaty;display:inline-block}.cp .empty-state h3{margin:10px 0 6px}.cp .empty-state p{color:var(--muted);margin-bottom:20px}.cp .trend{background:var(--light);padding:90px 0;overflow:hidden}.cp .trend .head{text-align:center;margin-bottom:44px}.cp .marquee{margin-bottom:16px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.cp .marquee-track{flex:none;gap:16px;padding-right:16px;animation:40s linear infinite cp-scroll;display:flex}.cp .marquee.rev .marquee-track{animation-direction:reverse}.cp .marquee:hover .marquee-track{animation-play-state:paused}.cp .mq-chip{--c:#043a5c;white-space:nowrap;color:var(--navy);background:#fff;border:1px solid #e6eef5;border-radius:50px;align-items:center;gap:12px;padding:12px 22px 12px 12px;font-weight:700;transition:all .3s;display:flex}.cp .mq-chip i{background:color-mix(in srgb, var(--c) 14%, white);border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.15rem;font-style:normal;display:grid}.cp .mq-chip small{color:var(--muted);margin-left:4px;font-weight:600}.cp .mq-chip:hover{background:var(--c);color:#fff;box-shadow:var(--shadow);transform:translateY(-4px)}.cp .mq-chip:hover i{background:#ffffff40}.cp .mq-chip:hover small{color:#ffffffd9}.cp .help{padding:90px 0}.cp .help-box{background:var(--navy);color:#fff;border-radius:30px;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding:56px;display:grid;position:relative;overflow:hidden}.cp .help-box:before{content:"";background:radial-gradient(circle,#043a5c80,#0000 65%);border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-100px}.cp .help-box h2{color:#fff;margin-bottom:12px;position:relative}.cp .help-box p{color:#94a3b8;margin-bottom:26px;position:relative}.cp .help-feats{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.cp .help-feats>div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:18px;transition:all .35s}.cp .help-feats>div:hover{background:#ffffff1f;transform:translateY(-5px)}.cp .help-feats b{margin-bottom:6px;font-size:1.6rem;display:block}.cp .help-feats .feat-title{color:#fff;font-size:.92rem;font-weight:700;display:block}.cp .help-feats small{color:#94a3b8;font-size:.8rem;display:block}.cp .reveal{opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(50px)}.cp .reveal.in{opacity:1;transform:none}.cp .cp-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}@media (width<=1100px){.cp .cat-layout{grid-template-columns:250px 1fr;gap:26px}.cp .cards{grid-template-columns:1fr}.cp .cards.list .cb-subs{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.cp .cat-layout{grid-template-columns:1fr}.cp .side{z-index:20;gap:0;position:sticky;top:80px}.cp .side-promo{display:none}.cp .side-box{border-radius:18px;padding:10px}.cp .side-box h4{display:none}.cp .side-list{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.cp .side-list::-webkit-scrollbar{display:none}.cp .side-item{white-space:nowrap;background:#f8fafc;flex:none;padding:8px 14px 8px 8px}.cp .side-item:hover{padding-left:8px}.cp .side-item:before{display:none}.cp .side-item i{width:30px;height:30px;font-size:.95rem}.cp .cards{grid-template-columns:repeat(2,1fr)}.cp .cards.list .cblock{flex-direction:column}.cp .cards.list .cb-head{text-align:left;flex-direction:row;width:auto;padding:26px}.cp .help-box{grid-template-columns:1fr;padding:44px 32px}.cp .bubble{display:none}}@media (width<=760px){.cp .cards{grid-template-columns:1fr}}@media (width<=640px){.cp .page-hero{padding:56px 0 120px}.cp .search input{padding:17px 20px 17px 52px;font-size:.95rem}.cp .search .s-btn{display:none}.cp .search .s-clear{right:12px}.cp .hero-stats>div{flex:1;min-width:0;padding:10px 12px}.cp .hero-stats b{font-size:1.35rem}.cp .toolbar{padding:12px 14px}.cp .cb-head{padding:22px 20px}.cp .cb-ic{width:58px;height:58px;font-size:1.7rem}.cp .cb-body{padding:18px 18px 22px}.cp .cb-subs,.cp .cards.list .cb-subs{grid-template-columns:1fr}.cp .cb-foot{flex-wrap:wrap}.cp .help-feats{grid-template-columns:1fr 1fr}.cp .help-box{padding:36px 22px}}@keyframes plp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes plp-up{to{opacity:1;transform:none}}@keyframes plp-cardIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:none}}@keyframes plp-spin{to{transform:rotate(360deg)}}@keyframes plp-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes plp-shimmer{to{background-position:-200% 0}}@keyframes plp-slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes plp-bump{50%{transform:scale(1.18)}}.plp{--primary:#043a5c;--primary-dark:#032d49;--accent:#043a5c;--navy:#021e2f;--ink:#334155;--muted:#64748b;--light:#f0f4f8;--line:#e6eef5;--radius:22px;--shadow:0 20px 50px -20px #0b254040;--grad:linear-gradient(135deg,#043a5c 0%,#0a5a8a 100%);color:var(--ink);background:#f7fafc;min-height:100vh;font-family:Poppins,sans-serif}.plp *,.plp :before,.plp :after{box-sizing:border-box}.plp a{color:inherit;text-decoration:none}.plp button{font-family:inherit}.plp .container{width:min(1280px,100% - 32px);margin-inline:auto}.plp .p-hero{color:#fff;background:linear-gradient(120deg,#021e2f 0%,#032d49 55%,#043a5c 100%);padding:54px 0 90px;position:relative;overflow:hidden}.plp .p-hero:before{content:"";background:radial-gradient(circle,#22d3ee66,#0000 65%);border-radius:50%;width:480px;height:480px;animation:9s ease-in-out infinite plp-floaty;position:absolute;top:-220px;right:-100px}.plp .p-hero .container{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:relative}.plp .p-hero h1{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.2}.plp .p-hero p{color:#ffffffc7;max-width:520px;margin-top:8px}.plp .crumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.86rem;font-weight:600;display:flex}.plp .crumb a{opacity:.7;transition:all .3s}.plp .crumb a:hover{opacity:1}.plp .crumb span{opacity:.5}.plp .hero-em{filter:drop-shadow(0 18px 24px #0000004d);font-size:4.5rem;transition:all .4s;animation:5s ease-in-out infinite plp-floaty}.plp .hero-anim>*{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards plp-up;transform:translateY(24px)}.plp .hero-anim>:nth-child(2){animation-delay:.12s}.plp .hero-anim>:nth-child(3){animation-delay:.24s}.plp .wave{z-index:2;width:100%;height:60px;position:absolute;bottom:-1px;left:0}.plp .pills-wrap{z-index:10;margin-top:-46px;position:relative}.plp .pills{scrollbar-width:none;gap:12px;padding:6px 4px 14px;display:flex;overflow-x:auto}.plp .pills::-webkit-scrollbar{display:none}.plp .pill{--c:#043a5c;border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:50px;flex:none;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-weight:700;transition:all .35s;animation:.6s both plp-up;display:flex;box-shadow:0 10px 24px -14px #0b25404d}.plp .pill i{border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.1rem;font-style:normal;transition:all .35s;display:grid;overflow:hidden}.plp .pill i img{object-fit:cover;border-radius:50%;width:100%;height:100%}.plp .pill small{color:var(--muted);font-size:.78rem;font-weight:600}.plp .pill:hover{border-color:var(--c);transform:translateY(-4px)}.plp .pill.active{background:var(--c);color:#fff;border-color:var(--c)}.plp .pill.active i{background:#ffffff40;transform:rotate(-10deg)}.plp .pill.active small{color:#ffffffd9}.plp .shop{padding:24px 0 90px}.plp .shop-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:30px;display:grid}.plp .shop-layout>div{min-width:0}.plp .filters{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;flex-direction:column;max-height:calc(100vh - 190px);display:flex;position:sticky;top:170px;overflow:hidden}.plp .f-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.plp .f-head h3{color:var(--navy);align-items:center;gap:8px;font-size:1.1rem;line-height:1.2;display:flex}.plp .f-head h3 svg{width:18px;height:18px;color:var(--primary)}.plp .f-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700}.plp .f-close{background:var(--light);cursor:pointer;width:36px;height:36px;color:var(--navy);border:none;border-radius:50%;font-size:1.3rem;display:none}.plp .f-body{scrollbar-width:thin;padding:6px 22px 22px;overflow-y:auto}.plp .f-group{border-bottom:1px dashed var(--line);padding:16px 0}.plp .f-group:last-child{border:none}.plp .f-title{width:100%;color:var(--navy);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.95rem;font-weight:800;display:flex}.plp .f-title span{color:var(--muted);transition:all .3s}.plp .f-group.closed .f-title span{transform:rotate(-90deg)}.plp .f-group.closed .f-content{opacity:0;max-height:0;padding-top:0}.plp .f-content{opacity:1;max-height:900px;padding-top:12px;transition:max-height .4s,opacity .3s;overflow:hidden}.plp .f-search{position:relative}.plp .f-search input{border:1.5px solid var(--line);width:100%;color:var(--navy);background:#f8fafc;border-radius:12px;outline:none;padding:12px 14px 12px 40px;font-family:inherit;font-size:.9rem;transition:all .3s}.plp .f-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #043a5c1f}.plp .f-search input::placeholder{color:var(--muted)}.plp .f-search svg{width:17px;height:17px;color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.plp .f-apply{border-top:1px solid var(--line);padding:16px 22px;display:none}.plp .f-apply .btn{width:100%}.plp .tree{gap:2px;margin:0;padding:0;list-style:none;display:grid}.plp .t-cat{--c:#043a5c}.plp .t-row{cursor:pointer;color:var(--navy);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.plp .t-row:hover{background:#f8fafc}.plp .t-row i{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:.95rem;font-style:normal;transition:all .3s;display:grid;overflow:hidden}.plp .t-row i img{object-fit:cover;border-radius:9px;width:100%;height:100%}.plp .t-row em{color:var(--muted);background:#f1f5f9;border-radius:50px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-style:normal}.plp .t-row .car{cursor:pointer;width:22px;height:22px;color:var(--muted);background:0 0;border:none;flex:none;font-size:.75rem;transition:all .3s}.plp .t-row.sel{background:color-mix(in srgb, var(--c) 10%, white);color:var(--c)}.plp .t-row.sel i{background:var(--c);color:#fff;transform:rotate(-8deg)}.plp .t-row.sel em{background:var(--c);color:#fff}.plp .t-cat.open .car{transform:rotate(180deg)}.plp .t-subs{border-left:2px solid #eef2f6;max-height:0;margin-left:24px;padding:0;list-style:none;transition:max-height .4s;overflow:hidden}.plp .t-cat.open .t-subs{max-height:500px}.plp .t-sub{color:var(--muted);cursor:pointer;align-items:center;gap:10px;padding:7px 12px;font-size:.86rem;font-weight:600;transition:all .25s;display:flex;position:relative}.plp .t-sub:before{content:"";border:2px solid #cbd5e1;border-radius:50%;flex:none;width:14px;height:14px;transition:all .25s}.plp .t-sub em{margin-left:auto;font-size:.72rem;font-style:normal}.plp .t-sub:hover{color:var(--navy);padding-left:16px}.plp .t-sub.sel{color:var(--c)}.plp .t-sub.sel:before{border-color:var(--c);background:var(--c);box-shadow:inset 0 0 0 2px #fff}.plp .range-vals{justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.plp .range-vals div{border:1.5px solid var(--line);color:var(--navy);background:#f8fafc;border-radius:10px;flex:1;padding:7px 10px;font-size:.88rem;font-weight:700}.plp .range-vals small{color:var(--muted);font-size:.68rem;font-weight:600;display:block}.plp .range{height:24px;position:relative}.plp .range .track{background:#e2e8f0;border-radius:6px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.plp .range .fill{background:var(--grad);border-radius:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.plp .range input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.plp .range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;border:4px solid var(--primary);cursor:grab;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;box-shadow:0 4px 10px #043a5c66}.plp .range input::-webkit-slider-thumb:active{transform:scale(1.2)}.plp .range input::-moz-range-thumb{pointer-events:auto;border:4px solid var(--primary);cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px}.plp .price-quick{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.plp .chip-s{border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:50px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .25s}.plp .chip-s:hover,.plp .chip-s.on{background:var(--navy);color:#fff;border-color:var(--navy)}.plp .switch{cursor:pointer;color:var(--navy);justify-content:space-between;align-items:center;font-size:.92rem;font-weight:700;display:flex}.plp .switch input{display:none}.plp .switch .sw{background:#e2e8f0;border-radius:50px;flex:none;width:46px;height:26px;transition:all .3s;position:relative}.plp .switch .sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.plp .switch input:checked+.sw{background:var(--primary)}.plp .switch input:checked+.sw:after{left:23px}.plp .toolbar{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 20px;display:flex;box-shadow:0 10px 30px -20px #0b25404d}.plp .toolbar .info{color:var(--muted);font-size:.92rem;font-weight:600}.plp .toolbar .info b{color:var(--navy)}.plp .t-right{align-items:center;gap:10px;display:flex}.plp .f-open{border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:none;position:relative}.plp .f-open svg{width:17px;height:17px}.plp .f-open .f-count{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.plp .toolbar select{border:1.5px solid var(--line);color:var(--navy);cursor:pointer;background:#f8fafc;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-weight:600}.plp .view-toggle{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.plp .view-toggle button{cursor:pointer;width:38px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:9px;place-items:center;transition:all .3s;display:grid}.plp .view-toggle button svg{width:18px;height:18px}.plp .view-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px -4px #0003}.plp .active-chips{flex-wrap:wrap;gap:8px;min-height:8px;margin:16px 0 20px;display:flex}.plp .a-chip{border:1.5px solid color-mix(in srgb, var(--primary) 35%, white);color:var(--primary-dark);background:#fff;border-radius:50px;align-items:center;gap:8px;padding:7px 8px 7px 14px;font-size:.8rem;font-weight:700;animation:.35s both plp-pop;display:inline-flex}.plp .a-chip button{background:color-mix(in srgb, var(--primary) 14%, white);width:20px;height:20px;color:var(--primary-dark);cursor:pointer;border:none;border-radius:50%;font-size:.85rem;line-height:1;transition:all .25s}.plp .a-chip button:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.plp .grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.plp .grid>*{min-width:0}.plp .card{--c:#043a5c;border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:.6s cubic-bezier(.2,.8,.2,1) both plp-cardIn;display:flex;position:relative;overflow:hidden}.plp .card:hover{box-shadow:0 28px 50px -24px color-mix(in srgb, var(--c) 60%, transparent);transform:translateY(-8px)}.plp .card:hover .c-img:before{opacity:1}.plp .card:hover .c-img img{transform:scale(1.08)}.plp .card:hover .c-act.qv{opacity:1;transform:none}.plp .c-img{aspect-ratio:1/.82;cursor:pointer;background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--c) 12%, white), #f8fafc 70%);place-items:center;display:grid;position:relative;overflow:hidden}.plp .c-img:before{content:"";aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--c) 30%, white);opacity:0;border-radius:50%;width:70%;transition:all .5s;animation:30s linear infinite plp-spin;position:absolute}.plp .c-img img{object-fit:contain;z-index:1;filter:drop-shadow(0 14px 16px #00000014);max-width:82%;max-height:82%;transition:all .55s cubic-bezier(.2,.8,.2,1);position:relative}.plp .badge{color:#fff;background:var(--primary);z-index:2;border-radius:50px;padding:5px 11px;font-size:.7rem;font-weight:800;position:absolute;top:14px;left:14px}.plp .badge.new{background:var(--primary)}.plp .badge.hot{background:#ef4444}.plp .badge.best{background:#f59e0b}.plp .c-actions{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.plp .c-act{cursor:pointer;color:#94a3b8;background:#fff;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .35s;display:grid;box-shadow:0 6px 16px -6px #00000040}.plp .c-act svg{width:17px;height:17px}.plp .c-act:hover{color:var(--c);transform:scale(1.1)}.plp .c-act.qv{opacity:0;transform:translate(20px)}.plp .c-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.plp .c-body h3{color:var(--navy);cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 8px;font-size:1rem;font-weight:700;line-height:1.3;transition:all .25s;display:-webkit-box;overflow:hidden}.plp .c-body h3 a{color:inherit;text-decoration:none}.plp .c-body h3 a:hover{color:var(--c)}.plp .c-cat{color:var(--c);text-transform:uppercase;letter-spacing:.6px;font-size:.72rem;font-weight:700}.plp .c-desc{color:var(--muted);margin-bottom:12px;font-size:.88rem;line-height:1.5;display:none}.plp .c-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.plp .price b{color:var(--navy);font-size:1.25rem}.plp .price .lbl{color:#16a34a;font-size:.75rem;font-weight:700;display:block}.plp .add{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:none;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.plp .add svg{width:18px;height:18px;transition:all .3s}.plp .add .lbl{white-space:nowrap}.plp .add:hover{background:var(--primary)}.plp .add:hover svg{transform:rotate(-12deg)scale(1.1)}.plp .wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:14px;flex:none;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.plp .wa-btn svg{width:18px;height:18px;transition:all .3s}.plp .wa-btn .lbl{white-space:nowrap}.plp .wa-btn:hover{background:#1fb855;transform:translateY(-2px)}.plp .grid.list{grid-template-columns:1fr}.plp .grid.list .card{flex-direction:row}.plp .grid.list .c-img{aspect-ratio:auto;flex:none;width:260px;min-height:220px}.plp .grid.list .c-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.plp .grid.list .c-body{padding:24px 26px}.plp .grid.list .c-body h3{font-size:1.2rem}.plp .sk{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.plp .sk div{background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%) 0 0/200% 100%;border-radius:8px;animation:1.1s infinite plp-shimmer}.plp .sk .sk-img{aspect-ratio:1/.82;border-radius:0}.plp .sk .sk-l{width:40%;height:12px;margin:18px 18px 0}.plp .sk .sk-t{width:80%;height:18px;margin:12px 18px 0}.plp .sk .sk-p{width:55%;height:40px;margin:22px 18px 20px}.plp .empty{text-align:center;border-radius:var(--radius);background:#fff;border:2px dashed #e2e8f0;grid-column:1/-1;padding:70px 20px}.plp .empty .ee{font-size:3.5rem;animation:3s ease-in-out infinite plp-floaty;display:inline-block}.plp .empty h3{color:var(--navy);margin:10px 0 6px}.plp .empty p{color:var(--muted);margin-bottom:20px}.plp .pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.plp .pager button{border:1.5px solid var(--line);min-width:44px;height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:14px;padding:0 14px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .3s}.plp .pager button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.plp .pager button.active{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 10px 20px -10px #043a5ccc}.plp .pager button:disabled{opacity:.4;cursor:not-allowed}.plp .overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;opacity:0;visibility:hidden;background:#071a2e8c;transition:all .35s;position:fixed;inset:0}.plp .overlay.show{opacity:1;visibility:visible}.plp .modal{z-index:310;opacity:0;visibility:hidden;background:#fff;border-radius:28px;grid-template-columns:1fr 1.1fr;width:min(880px,92vw);max-height:90vh;transition:all .45s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-45%)scale(.9)}.plp .modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.plp .m-img{--c:#043a5c;background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--c) 18%, white), #f8fafc 70%);place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden}.plp .m-img img{object-fit:contain;filter:drop-shadow(0 22px 24px #0000001f);max-width:85%;max-height:85%;animation:4s ease-in-out infinite plp-floaty}.plp .m-close{cursor:pointer;z-index:2;width:40px;height:40px;color:var(--navy);background:#f1f5f9;border:none;border-radius:50%;place-items:center;font-size:1.3rem;transition:all .3s;display:grid;position:absolute;top:16px;right:16px}.plp .m-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}.plp .m-body{padding:38px 34px}.plp .m-body .c-cat{margin-bottom:6px;display:block}.plp .m-body h2{color:var(--navy);margin-bottom:10px;font-family:Poppins,sans-serif;font-size:1.7rem;line-height:1.2}.plp .m-body .price{margin:16px 0}.plp .m-body .price b{font-size:1.9rem}.plp .m-body p.d{color:var(--muted);margin-bottom:18px;line-height:1.6}.plp .m-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plp .m-row .btn{flex:1;min-width:160px}.plp .btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.plp .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px -10px #043a5cb3}.plp .btn-primary:hover{transform:translateY(-3px)}.plp .btn-wa{color:#fff;background:#25d366;box-shadow:0 12px 30px -10px #25d36680}.plp .btn-wa:hover{background:#1fb855;transform:translateY(-3px)}.plp .btn-outline{color:var(--navy);border:2px solid var(--line);background:0 0}.plp .btn-outline:hover{border-color:var(--primary);color:var(--primary)}.plp .toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:400;border-radius:50px;align-items:center;gap:10px;max-width:90vw;padding:14px 22px;font-size:.9rem;font-weight:600;transition:all .45s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,140px)}.plp .toast i{background:var(--primary);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.75rem;font-style:normal;display:grid}.plp .toast.show{transform:translate(-50%)}.plp mark{color:inherit;background:#043a5c1f;border-radius:3px;padding:0 2px}.plp .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.plp .reveal.visible{opacity:1;transform:none}@media (width<=1180px){.plp .grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.plp .shop-layout{grid-template-columns:minmax(0,1fr)}.plp .filters{z-index:310;border-radius:0 24px 24px 0;width:min(340px,88vw);height:100%;max-height:none;transition:all .5s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;transform:translate(-105%)}.plp .filters.show{transform:none}.plp .f-close,.plp .f-apply{display:block}.plp .f-open{display:flex}.plp .grid{grid-template-columns:repeat(3,1fr)}.plp .modal{grid-template-columns:1fr}.plp .modal .m-img{min-height:240px}.plp .hero-em{display:none}}@media (width<=760px){.plp .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plp .grid.list .card{flex-direction:column}.plp .grid.list .c-img{aspect-ratio:1/.7;width:auto;min-height:0}}@media (width<=640px){.plp .p-hero{padding:40px 0 84px}.plp .toolbar{padding:12px}.plp .toolbar .info{width:100%;font-size:.85rem}.plp .t-right{justify-content:space-between;width:100%}.plp .toolbar select{flex:1;min-width:0;padding:10px}.plp .c-body{padding:12px 12px 14px}.plp .c-body h3{font-size:.86rem}.plp .c-img img{max-width:72%;max-height:72%}.plp .price b{font-size:1rem}.plp .add{justify-content:center;width:40px;height:40px;padding:0}.plp .add .lbl{display:none}.plp .wa-btn{justify-content:center;width:40px;height:40px;padding:0}.plp .wa-btn .lbl{display:none}.plp .c-act{width:32px;height:32px}.plp .c-act.qv{opacity:1;transform:none}.plp .badge{padding:4px 8px;font-size:.62rem;top:10px;left:10px}.plp .m-body{padding:26px 22px}.plp .m-body h2{font-size:1.35rem}.plp .pill{padding:6px 14px 6px 6px;font-size:.85rem}.plp .pill i{width:32px;height:32px;font-size:.95rem}.plp .pill small{font-size:.7rem}}.pdp{--primary:#043a5c;--primary-dark:#032d49;--accent:#043a5c;--navy:#021e2f;--ink:#334155;--muted:#64748b;--light:#f0f4f8;--line:#e6eef5;--wa:#25d366;--wa-dark:#128c7e;--radius:22px;--shadow:0 20px 50px -20px #0b254040;--grad:linear-gradient(135deg,#043a5c 0%,#0a5a8a 100%);--c:#043a5c;color:var(--ink);background:#f7fafc;font-family:Poppins,sans-serif;line-height:1.6}.pdp *,.pdp :before,.pdp :after{box-sizing:border-box}.pdp h1,.pdp h2,.pdp h3,.pdp h4{color:var(--navy);margin:0;line-height:1.2}.pdp a{color:inherit;text-decoration:none}.pdp p{margin:0}.pdp ul{margin:0;padding:0;list-style:none}.pdp .container{width:min(1240px,100% - 32px);margin-inline:auto}@keyframes pdp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pdp-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes pdp-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes pdp-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pdp-morph{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{border-radius:60% 40% 35% 65%/55% 60% 40% 45%}}@keyframes pdp-rise{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:.8}to{opacity:0;transform:translateY(-320px)scale(1.2)}}@keyframes pdp-blink{50%{opacity:.3}}@keyframes pdp-rip{to{opacity:0;transform:scale(4)}}@keyframes pdp-wapulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.08,1.35)}}@keyframes pdp-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pdp .btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-family:inherit;font-size:.98rem;font-weight:800;transition:all .35s;display:inline-flex;position:relative;overflow:hidden}.pdp .btn svg{flex:none;width:22px;height:22px}.pdp .ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:.6s linear pdp-rip;position:absolute;transform:scale(0)}.pdp .crumb-bar{padding:22px 0 8px}.pdp .crumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.86rem;font-weight:600;animation:.6s both pdp-up;display:flex}.pdp .crumb a{transition:all .25s}.pdp .crumb a:hover{color:var(--primary)}.pdp .crumb b{color:var(--navy)}.pdp .crumb .sep{opacity:.5}.pdp .pd{padding:16px 0 60px}.pdp .pd-grid{grid-template-columns:1.05fr 1fr;align-items:start;gap:50px;display:grid}.pdp .gallery{min-width:0;animation:.8s cubic-bezier(.2,.8,.2,1) both pdp-up;position:sticky;top:100px}.pdp .stage-wrap{perspective:1200px}.pdp .stage{aspect-ratio:1/.92;background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--c) 28%, white), color-mix(in srgb, var(--c) 7%, white) 72%);border:1px solid color-mix(in srgb, var(--c) 18%, white);transform-style:preserve-3d;cursor:crosshair;border-radius:30px;transition:transform .25s ease-out,background .6s;position:relative;overflow:hidden}.pdp .stage .ring{border:2px dashed color-mix(in srgb, var(--c) 35%, white);border-radius:50%;animation:40s linear infinite pdp-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp .stage .r1{aspect-ratio:1;width:62%}.pdp .stage .r2{aspect-ratio:1;opacity:.6;width:84%;animation-duration:60s;animation-direction:reverse}.pdp .stage .blob{aspect-ratio:1;background:color-mix(in srgb, var(--c) 25%, white);opacity:.7;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;width:46%;animation:9s ease-in-out infinite pdp-morph;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.pdp .stage .main-img{filter:drop-shadow(0 30px 30px #00000026);object-fit:contain;z-index:2;max-width:70%;max-height:70%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(60px)}.pdp .stage .main-img.swap{opacity:0;transform:translate(-50%,-50%)scale(.5)rotate(-25deg)}.pdp .stage .main-placeholder{filter:drop-shadow(0 30px 30px #0003);z-index:2;font-size:clamp(6rem,15vw,10rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(60px)}.pdp .stage .main-placeholder .inner{animation:5s ease-in-out infinite pdp-floaty;display:inline-block}.pdp .particle{opacity:.7;background:#fff;border-radius:50%;width:10px;height:10px;animation:linear infinite pdp-rise;position:absolute}.pdp .badge{color:#fff;background:var(--accent);z-index:3;border-radius:50px;padding:7px 14px;font-size:.78rem;font-weight:800;animation:.5s .5s both pdp-pop;position:absolute;top:20px;left:20px}.pdp .badge.cat-badge{background:var(--primary)}.pdp .view-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--navy);z-index:3;background:#ffffffd9;border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .3s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pdp .st-nav{width:46px;height:46px;color:var(--navy);cursor:pointer;z-index:3;box-shadow:var(--shadow);opacity:0;background:#fff;border:none;border-radius:50%;place-items:center;font-family:inherit;transition:all .35s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pdp .st-nav svg{width:20px;height:20px}.pdp .st-prev{left:14px}.pdp .st-next{right:14px}.pdp .stage:hover .st-nav{opacity:1}.pdp .st-nav:hover{background:var(--c);color:#fff}.pdp .thumbs{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.pdp .thumb{aspect-ratio:1;background:color-mix(in srgb, var(--c) 10%, white);cursor:pointer;border:2px solid #0000;border-radius:18px;place-items:center;transition:all .35s;animation:.5s both pdp-pop;display:grid;position:relative;overflow:hidden}.pdp .thumb img{object-fit:contain;width:100%;height:100%;padding:8px}.pdp .thumb:hover{transform:translateY(-4px)}.pdp .thumb.active{border-color:var(--c);box-shadow:0 12px 24px -12px color-mix(in srgb, var(--c) 70%, transparent)}.pdp .thumb.active:after{content:"";background:color-mix(in srgb, var(--c) 10%, transparent);position:absolute;inset:0}.pdp .info>*{animation:.7s cubic-bezier(.2,.8,.2,1) both pdp-up}.pdp .info>:first-child{animation-delay:.1s}.pdp .info>:nth-child(2){animation-delay:.16s}.pdp .info>:nth-child(3){animation-delay:.22s}.pdp .info>:nth-child(4){animation-delay:.28s}.pdp .info>:nth-child(5){animation-delay:.34s}.pdp .info>:nth-child(6){animation-delay:.4s}.pdp .info>:nth-child(7){animation-delay:.46s}.pdp .info>:nth-child(8){animation-delay:.52s}.pdp .info>:nth-child(9){animation-delay:.58s}.pdp .info>:nth-child(10){animation-delay:.64s}.pdp .info>:nth-child(11){animation-delay:.7s}.pdp .cat-tag{background:color-mix(in srgb, var(--c) 12%, white);color:var(--c);letter-spacing:.4px;text-transform:uppercase;border-radius:50px;align-items:center;gap:8px;padding:7px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.pdp .info h1{margin:14px 0 12px;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem)}.pdp .rating-row{flex-wrap:wrap;align-items:center;gap:14px;font-size:.9rem;display:flex}.pdp .stars{color:#f59e0b;letter-spacing:2px;font-size:1.05rem}.pdp .stock{color:#16a34a;align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:inline-flex}.pdp .stock:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pdp-blink}.pdp .price-box{border:1px solid var(--line);background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;padding:20px 22px;display:flex}.pdp .price-now{color:var(--navy);font-family:Poppins,sans-serif;font-size:2.4rem;line-height:1}.pdp .price-old{color:#94a3b8;margin-left:10px;font-size:1rem;text-decoration:line-through}.pdp .save{color:#16a34a;margin-top:6px;font-size:.85rem;font-weight:700;display:block}.pdp .off-pill{color:#fff;text-align:center;background:linear-gradient(135deg,#043a5c,#0a5a8a);border-radius:14px;padding:10px 16px;font-size:.95rem;font-weight:800;line-height:1.2;box-shadow:0 10px 20px -10px #043a5ccc}.pdp .off-pill small{opacity:.9;font-size:.7rem;font-weight:700;display:block}.pdp .short{color:var(--muted);margin-bottom:22px}.pdp .opt-label{color:var(--navy);justify-content:space-between;margin-bottom:10px;font-size:.92rem;font-weight:800;display:flex}.pdp .opt-label span{color:var(--muted);font-weight:600}.pdp .qty-row{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px;display:flex}.pdp .qty{border:1.5px solid var(--line);background:#fff;border-radius:16px;align-items:center;padding:5px;display:flex}.pdp .qty button{background:var(--light);cursor:pointer;width:42px;height:42px;color:var(--navy);border:none;border-radius:12px;font-family:inherit;font-size:1.2rem;font-weight:800;transition:all .25s}.pdp .qty button:hover{background:var(--c);color:#fff}.pdp .qty span{text-align:center;min-width:48px;color:var(--navy);font-size:1.1rem;font-weight:800;transition:all .2s}.pdp .qty span.tick{color:var(--c);transform:scale(1.3)}.pdp .total{color:var(--muted);font-weight:600}.pdp .total b{color:var(--navy);font-size:1.15rem}.pdp .pin{gap:10px;margin-bottom:8px;display:flex}.pdp .pin input{border:1.5px solid var(--line);min-width:0;color:var(--navy);background:#fff;border-radius:14px;outline:none;flex:1;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.pdp .pin input:focus{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 15%, transparent)}.pdp .pin button{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:0 20px;font-family:inherit;font-weight:700;transition:all .3s}.pdp .pin button:hover{background:var(--c)}.pdp .pin-msg{min-height:22px;margin-bottom:18px;font-size:.85rem;font-weight:600}.pdp .pin-msg.ok{color:#16a34a;animation:.35s both pdp-pop}.pdp .pin-msg.err{color:#ef4444;animation:.4s pdp-shake}.pdp .actions{grid-template-columns:1fr;gap:12px;margin-bottom:24px;display:grid}.pdp .btn-wa{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);padding:18px 26px;font-size:1.05rem;box-shadow:0 18px 34px -14px #25d366e6}.pdp .btn-wa:hover{transform:translateY(-3px);box-shadow:0 24px 40px -14px #25d366}.pdp .btn-wa:before{content:"";border:2px solid var(--wa);pointer-events:none;border-radius:18px;animation:2s infinite pdp-wapulse;position:absolute;inset:-3px}.pdp .btn-wa .arrow{transition:all .3s}.pdp .btn-wa:hover .arrow{transform:translate(5px)}.pdp .btn-ghost{border:1.5px solid var(--line);color:var(--navy);background:#fff;font-size:.92rem}.pdp .btn-ghost:hover{border-color:var(--wa);color:var(--wa-dark)}.pdp .trust{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.pdp .trust>div{border:1px solid var(--line);text-align:center;color:var(--navy);background:#fff;border-radius:16px;padding:14px 8px;font-size:.75rem;font-weight:700;transition:all .35s}.pdp .trust>div:hover{border-color:var(--c);transform:translateY(-4px)}.pdp .trust b{margin-bottom:4px;font-size:1.4rem;display:block}.pdp .share-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.pdp .share-row button,.pdp .share-row a{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-family:inherit;transition:all .3s;display:grid}.pdp .share-row svg{width:16px;height:16px}.pdp .share-row button:hover,.pdp .share-row a:hover{background:var(--c);color:#fff;border-color:var(--c);transform:translateY(-3px)}.pdp .tabs-sec{padding:20px 0 70px}.pdp .tabs-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;overflow:hidden}.pdp .tab-nav{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.pdp .tab-nav::-webkit-scrollbar{display:none}.pdp .tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:22px 20px;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .3s}.pdp .tab-btn.active{color:var(--c)}.pdp .tab-ink{background:var(--c);border-radius:3px 3px 0 0;height:3px;transition:all .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0}.pdp .tab-pane{padding:38px 40px;display:none}.pdp .tab-pane.active{animation:.5s both pdp-up;display:block}.pdp .desc-content{color:var(--muted);line-height:1.8}.pdp .desc-content p{margin-bottom:16px}.pdp .desc-content h3{margin-bottom:14px;font-size:1.2rem}.pdp .feat-list{gap:12px;display:grid}.pdp .feat-list li{color:var(--navy);background:#f8fafc;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-weight:600;transition:all .3s;display:flex}.pdp .feat-list li:hover{background:color-mix(in srgb, var(--c) 8%, white);transform:translate(6px)}.pdp .feat-list li i{background:var(--c);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.75rem;font-style:normal;display:grid}.pdp .spec{border-collapse:collapse;border-radius:16px;width:100%;overflow:hidden}.pdp .spec tr{transition:all .25s}.pdp .spec tr:nth-child(odd){background:#f8fafc}.pdp .spec tr:hover{background:color-mix(in srgb, var(--c) 8%, white)}.pdp .spec td{padding:15px 20px;font-size:.93rem}.pdp .spec td:first-child{color:var(--navy);width:38%;font-weight:700}.pdp .related{padding:10px 0 90px}.pdp .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.pdp .sec-head h2{font-family:Poppins,sans-serif;font-size:clamp(1.7rem,3.5vw,2.4rem)}.pdp .sec-head p{color:var(--muted)}.pdp .rel-nav{gap:10px;display:flex}.pdp .rel-nav button{border:1.5px solid var(--line);cursor:pointer;width:48px;height:48px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-family:inherit;transition:all .3s;display:grid}.pdp .rel-nav button:hover{background:var(--navy);color:#fff}.pdp .rel-nav svg{width:20px;height:20px}.pdp .rel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:20px;padding:6px 4px 20px;display:flex;overflow-x:auto}.pdp .rel-track::-webkit-scrollbar{display:none}.pdp .rcard{--rc:#043a5c;scroll-snap-align:start;border:1px solid var(--line);background:#fff;border-radius:22px;flex:0 0 calc(25% - 15px);transition:all .45s cubic-bezier(.2,.8,.2,1);overflow:hidden}.pdp .rcard:hover{box-shadow:0 26px 46px -22px color-mix(in srgb, var(--rc) 60%, transparent);transform:translateY(-8px)}.pdp .rcard .ri{aspect-ratio:1/.8;background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--rc) 22%, white), color-mix(in srgb, var(--rc) 7%, white) 70%);place-items:center;display:grid;overflow:hidden}.pdp .rcard .ri img{object-fit:contain;width:100%;height:100%;padding:16px;transition:all .5s}.pdp .rcard .ri .placeholder{font-size:4rem;transition:all .5s}.pdp .rcard:hover .ri img,.pdp .rcard:hover .ri .placeholder{transform:scale(1.15)rotate(-8deg)}.pdp .rcard .rb{padding:16px 18px 18px}.pdp .rcard small{color:var(--rc);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.pdp .rcard h4{margin:4px 0 8px;font-size:.95rem}.pdp .rcard .rp{justify-content:space-between;align-items:center;display:flex}.pdp .rcard .rp b{color:var(--navy);font-size:1.1rem}.pdp .rcard .rp i{background:var(--light);width:34px;height:34px;color:var(--rc);border-radius:50%;place-items:center;font-style:normal;font-weight:800;transition:all .3s;display:grid}.pdp .rcard:hover .rp i{background:var(--rc);color:#fff;transform:rotate(-45deg)}.pdp .sticky-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:90;background:#fffffff2;transition:all .5s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -14px 30px -16px #0b254040}.pdp .sticky-bar.show{transform:none}.pdp .sb-in{align-items:center;gap:16px;padding:12px 0;display:flex}.pdp .sb-img{background:color-mix(in srgb, var(--c) 14%, white);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.pdp .sb-img img{object-fit:contain;width:100%;height:100%;padding:4px}.pdp .sb-name{flex:1;min-width:0}.pdp .sb-name b{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pdp .sb-name .sb-price{color:var(--c);font-weight:800}.pdp .sticky-bar .btn-wa{padding:13px 22px;font-size:.92rem}.pdp .sticky-bar .btn-wa:before{display:none}.pdp .toast{background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:400;border-radius:50px;max-width:90vw;padding:13px 22px;font-size:.9rem;font-weight:600;transition:all .45s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:110px;left:50%;transform:translate(-50%,200px)}.pdp .toast.show{transform:translate(-50%)}.pdp .reveal{opacity:0;transition:all .9s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.pdp .reveal.in{opacity:1;transform:none}.pdp .notfound{text-align:center;padding:100px 20px}.pdp .notfound .ee{font-size:4rem;animation:3s ease-in-out infinite pdp-floaty;display:inline-block}.pdp .pdp-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}@media (width<=1100px){.pdp .rcard{flex-basis:calc(33.333% - 14px)}}@media (width<=960px){.pdp .pd-grid{grid-template-columns:minmax(0,1fr);gap:30px}.pdp .gallery{position:static}.pdp .rcard{flex-basis:calc(50% - 10px)}.pdp .st-nav{opacity:1}}@media (width<=640px){.pdp .stage{border-radius:24px}.pdp .thumbs{gap:10px}.pdp .thumb{border-radius:14px}.pdp .price-now{font-size:2rem}.pdp .trust{grid-template-columns:repeat(2,1fr)}.pdp .tab-pane{padding:26px 20px}.pdp .tab-btn{padding:18px 16px;font-size:.88rem}.pdp .spec td{padding:12px 14px;font-size:.86rem}.pdp .rcard{flex-basis:72%}.pdp .sb-img{display:none}.pdp .sticky-bar .btn-wa{padding:12px 16px}}@keyframes bl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bl-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes bl-cardIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes bl-shimmer{to{background-position:-200% 0}}@keyframes bl-pulse{0%{box-shadow:0 0 #043a5c99}to{box-shadow:0 0 0 10px #043a5c00}}.bl{--primary:#043a5c;--primary-dark:#032d49;--accent:#043a5c;--navy:#021e2f;--ink:#334155;--muted:#64748b;--light:#f0f4f8;--line:#e6eef5;--wa:#25d366;--radius:22px;--shadow:0 20px 50px -20px #0b254040;--grad:linear-gradient(135deg,#043a5c 0%,#0a5a8a 100%);color:var(--ink);background:#f7fafc;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.bl *,.bl :before,.bl :after{box-sizing:border-box}.bl a{color:inherit;text-decoration:none}.bl button{font-family:inherit}.bl h1,.bl h2,.bl h3,.bl h4{color:var(--navy);margin:0;line-height:1.2}.bl .bl-container{width:min(1240px,100% - 32px);margin-inline:auto}.bl .tag{color:var(--primary-dark);letter-spacing:1px;text-transform:uppercase;background:#043a5c1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 15px;font-size:.76rem;font-weight:700;display:inline-flex}.bl .tag:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.8s infinite bl-pulse}.bl .bl-hero{color:#fff;text-align:center;background:linear-gradient(120deg,#021e2f 0%,#032d49 55%,#043a5c 100%);padding:70px 0 150px;position:relative;overflow:hidden}.bl .bl-hero:before{content:"";background:radial-gradient(circle,#4da3e866,#0000 65%);border-radius:50%;width:520px;height:520px;animation:10s ease-in-out infinite bl-float;position:absolute;top:-220px;left:-120px}.bl .bl-hero:after{content:"";background:radial-gradient(circle,#043a5c47,#0000 65%);border-radius:50%;width:420px;height:420px;animation:12s ease-in-out infinite reverse bl-float;position:absolute;bottom:-200px;right:-80px}.bl .bl-hero .bl-container{z-index:2;position:relative}.bl .bl-hero .hero-anim>*{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards bl-up}.bl .bl-hero .hero-anim>:nth-child(2){animation-delay:.12s}.bl .bl-hero .hero-anim>:nth-child(3){animation-delay:.24s}.bl .bl-hero .hero-anim>:nth-child(4){animation-delay:.36s}.bl .bl-hero .hero-anim>:nth-child(5){animation-delay:.48s}.bl .crumb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;gap:10px;margin-bottom:22px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.bl .crumb a{opacity:.75}.bl .crumb a:hover{opacity:1}.bl .bl-hero h1{color:#fff;margin-bottom:14px;font-family:Poppins,sans-serif;font-size:clamp(2.3rem,5.5vw,4rem)}.bl .bl-hero p{color:#fffc;max-width:560px;margin:0 auto 32px;font-size:1.05rem}.bl .bl-search{max-width:600px;margin:0 auto;position:relative}.bl .bl-search input{width:100%;color:var(--navy);border:none;border-radius:50px;outline:none;padding:19px 56px;font-family:inherit;font-size:1rem;transition:all .3s;box-shadow:0 20px 50px -15px #0006}.bl .bl-search input:focus{box-shadow:0 0 0 5px #6db8f259,0 20px 50px -15px #0006}.bl .bl-search .s-ic{width:21px;height:21px;color:var(--primary);display:flex;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.bl .bl-search .s-ic svg{width:100%;height:100%}.bl .bl-search .s-clear{cursor:pointer;width:32px;height:32px;color:var(--muted);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.bl .bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;place-items:center;width:62px;height:62px;font-size:1.7rem;animation:6s ease-in-out infinite bl-float;display:grid;position:absolute}.bl .b1{top:20%;left:7%}.bl .b2{animation-delay:1.3s;top:62%;left:13%}.bl .b3{animation-delay:.6s;top:22%;right:8%}.bl .b4{animation-delay:1.9s;top:60%;right:12%}.bl .wave{z-index:2;width:100%;height:80px;position:absolute;bottom:-1px;left:0}.bl .featured{z-index:5;margin-top:-90px;position:relative}.bl .feat-grid{grid-template-columns:1.6fr 1fr;gap:24px;display:grid}.bl .cover{--c:#043a5c;position:relative;overflow:hidden}.bl .cover:before{content:"";opacity:.6;background-image:radial-gradient(#ffffff2e 1.5px,#0000 1.5px);background-size:22px 22px;transition:all .8s;position:absolute;inset:0}.bl .cover .ci{background:#ffffff1f;border-radius:50%;position:absolute}.bl .cover .c1{aspect-ratio:1;width:60%;top:-25%;right:-15%}.bl .cover .c2{aspect-ratio:1;background:#ffffff14;width:35%;bottom:-20%;left:-10%}.bl .cover-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:all .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.bl .f-main{min-height:470px;box-shadow:var(--shadow);border-radius:28px;animation:.9s .3s both bl-up;display:flex;position:relative;overflow:hidden}.bl .f-main .cover{background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 45%, #021e2f));position:absolute;inset:0}.bl .f-main:hover .cover:before{transform:scale(1.15)}.bl .f-main:hover .cover-img{transform:scale(1.06)}.bl .f-body{z-index:2;color:#fff;background:linear-gradient(#0000 0%,#071a2e99 40%,#071a2eeb 100%);width:100%;margin-top:auto;padding:34px;position:relative}.bl .f-body h2{color:#fff;max-width:620px;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem)}.bl .f-body p{color:#fffc;max-width:600px;margin-bottom:18px}.bl .f-body .meta{color:#ffffffbf}.bl .f-label{background:var(--accent);letter-spacing:.8px;color:#fff;border-radius:50px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.bl .f-side{gap:24px;display:grid}.bl .f-mini{box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-columns:150px 1fr;transition:all .45s cubic-bezier(.2,.8,.2,1);animation:.9s both bl-up;display:grid;overflow:hidden}.bl .f-mini:first-child{animation-delay:.45s}.bl .f-mini:nth-child(2){animation-delay:.6s}.bl .f-mini:hover{transform:translateY(-6px)}.bl .f-mini:hover h3{color:var(--primary)}.bl .f-mini:hover .cover-img{transform:scale(1.08)}.bl .f-mini .cover{background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 45%, #021e2f))}.bl .f-mini .mb{flex-direction:column;justify-content:center;padding:20px 22px;display:flex}.bl .f-mini h3{margin:8px 0;font-size:1.05rem;transition:all .3s}.bl .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;font-weight:600;display:flex}.bl .meta span{align-items:center;gap:5px;display:flex}.bl .meta svg{width:14px;height:14px}.bl .chip{--c:#043a5c;text-transform:uppercase;letter-spacing:.5px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, white);border-radius:50px;align-items:center;gap:6px;width:max-content;padding:5px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.bl .author{align-items:center;gap:10px;display:flex}.bl .author b{color:inherit;font-size:.88rem;display:block}.bl .author small{opacity:.75;font-size:.75rem}.bl .av{color:#fff;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:grid;box-shadow:0 4px 10px -4px #0000004d}.bl .filter-sec{padding:60px 0 0}.bl .filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.bl .f-right{align-items:center;gap:10px;display:flex}.bl .f-right select{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:50px;outline:none;padding:11px 16px;font-family:inherit;font-weight:600}.bl .view-toggle{border:1px solid var(--line);background:#fff;border-radius:50px;padding:4px;display:flex}.bl .view-toggle button{cursor:pointer;width:38px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:50px;place-items:center;transition:all .3s;display:grid}.bl .view-toggle button svg{width:17px;height:17px}.bl .view-toggle button.active{background:var(--light);color:var(--primary)}.bl .result-line{color:var(--muted);min-height:22px;margin:-12px 0 22px;font-size:.92rem;font-weight:600}.bl .result-line b{color:var(--navy)}.bl .result-line button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:8px;font-weight:700}.bl .blog-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:34px;padding-bottom:90px;display:grid}.bl .posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.bl .posts.list-view{grid-template-columns:1fr}.bl .posts.list-view .post{flex-direction:row}.bl .posts.list-view .post .post-cover{aspect-ratio:auto;flex:none;width:300px;min-height:230px}.bl .post{--c:#043a5c;border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:.7s cubic-bezier(.2,.8,.2,1) both bl-cardIn;display:flex;position:relative;overflow:hidden}.bl .post:hover{box-shadow:0 30px 50px -25px color-mix(in srgb, var(--primary) 60%, transparent);transform:translateY(-10px)}.bl .post:hover .cover-img{transform:scale(1.08)}.bl .post:hover .p-body h3 a{color:var(--primary)}.bl .post:hover .go{background:var(--primary);color:#fff;transform:rotate(-45deg)}.bl .post-cover{aspect-ratio:16/10;position:relative;overflow:hidden}.bl .read-pill{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--navy);background:#ffffffeb;border-radius:50px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:16px;right:16px}.bl .read-pill svg{width:13px;height:13px}.bl .p-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.bl .p-body h3{margin:10px 0;font-size:1.18rem;line-height:1.35}.bl .p-body h3 a{transition:color .3s}.bl .p-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.93rem;display:-webkit-box;overflow:hidden}.bl .p-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.bl .p-foot .author b{color:var(--navy)}.bl .p-foot .author small{color:var(--muted);opacity:1}.bl .go{background:var(--light);width:42px;height:42px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;font-weight:800;transition:all .4s;display:grid}.bl .sk{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden}.bl .sk div{background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%) 0 0/200% 100%;border-radius:8px;animation:1.1s infinite bl-shimmer}.bl .sk .a{aspect-ratio:16/10;border-radius:0}.bl .sk .b{width:35%;height:14px;margin:22px 24px 0}.bl .sk .c{width:85%;height:20px;margin:14px 24px 0}.bl .sk .d{width:70%;height:12px;margin:12px 24px 26px}.bl .empty{text-align:center;border-radius:var(--radius);background:#fff;border:2px dashed #e2e8f0;grid-column:1/-1;padding:70px 20px}.bl .empty .ee{font-size:3.5rem;animation:3s ease-in-out infinite bl-float;display:inline-block}.bl .empty h3{margin:10px 0 6px}.bl .empty p{color:var(--muted);margin-bottom:20px}.bl .more-wrap{text-align:center;margin-top:40px}.bl .more-btn{border:2px solid var(--navy);color:var(--navy);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:10px;padding:15px 34px;font-weight:800;transition:all .35s;display:inline-flex;position:relative}.bl .more-btn:hover{background:var(--navy);color:#fff}.bl .count-note{color:var(--muted);margin-top:12px;font-size:.85rem;font-weight:600;display:block}.bl .side{gap:24px;display:grid;position:sticky;top:100px}.bl .widget{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:26px;box-shadow:0 10px 30px -22px #0b254066}.bl .widget h4{align-items:center;gap:10px;margin-bottom:18px;font-size:1.1rem;display:flex}.bl .widget h4:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:2px}.bl .pop-list{counter-reset:n;gap:16px;margin:0;padding:0;list-style:none;display:grid}.bl .pop-item a{align-items:center;gap:14px;display:flex}.bl .pop-item .pn{counter-increment:n;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;transition:all .4s;display:grid;position:relative;overflow:hidden}.bl .pop-item .pn img{object-fit:cover;width:100%;height:100%}.bl .pop-item .pn:after{content:counter(n);background:var(--navy);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-6px;left:-6px}.bl .pop-item:hover .pn{transform:rotate(-8deg)scale(1.08)}.bl .pop-item b{color:var(--navy);font-size:.9rem;line-height:1.35;transition:all .3s;display:block}.bl .pop-item:hover b{color:var(--primary)}.bl .pop-item small{color:var(--muted);font-size:.75rem;font-weight:600}.bl .ask{color:#fff;background:linear-gradient(150deg,#021e2f,#032d49);border:none;position:relative;overflow:hidden}.bl .ask:before{content:"";background:radial-gradient(circle,#043a5c99,#0000 65%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.bl .ask h4{color:#fff}.bl .ask h4:after{display:none}.bl .ask p{color:#cbd5e1;margin-bottom:18px;font-size:.9rem;position:relative}.bl .ask .e{margin-bottom:8px;font-size:2.6rem;animation:4s ease-in-out infinite bl-float;display:block;position:relative}.bl .wa-btn{background:var(--wa);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-weight:800;transition:all .3s;display:flex;position:relative}.bl .wa-btn svg{fill:#fff;width:20px;height:20px}.bl .wa-btn:hover{background:#128c7e;transform:translateY(-2px)}.bl .side-news input{border:1.5px solid var(--line);border-radius:14px;outline:none;width:100%;margin-bottom:10px;padding:13px 16px;font-family:inherit;transition:all .3s}.bl .side-news input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #043a5c1f}.bl .side-news .btn{cursor:pointer;background:var(--grad);color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 26px;font-size:.92rem;font-weight:700;transition:all .35s;display:inline-flex;box-shadow:0 12px 30px -10px #043a5cb3}.bl .side-news .btn:hover{transform:translateY(-3px)}.bl .side-news p{color:var(--muted);margin-bottom:14px;font-size:.85rem}.bl .news{padding:0 0 90px}.bl .news-box{background:var(--grad);color:#fff;border-radius:32px;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:60px;display:grid;position:relative;overflow:hidden}.bl .news-box:before{content:"";opacity:.5;background-image:radial-gradient(#fff3 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.bl .news-box .env{opacity:.18;font-size:7rem;animation:6s ease-in-out infinite bl-float;position:absolute;top:-20px;right:4%}.bl .news-box h2{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);position:relative}.bl .news-box p{color:#ffffffe0;margin-top:10px;position:relative}.bl .news-form{background:#fff;border-radius:50px;padding:6px;display:flex;position:relative;box-shadow:0 20px 40px -20px #0006}.bl .news-form input{min-width:0;color:var(--navy);background:0 0;border:none;outline:none;flex:1;padding:0 20px;font-family:inherit;font-size:.95rem}.bl .news-form button{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:14px 26px;font-weight:800;transition:all .3s}.bl .news-form button:hover{background:var(--accent)}.bl .news-note{opacity:.85;margin-top:10px;font-size:.8rem;position:relative}.bl .reveal{opacity:0;transition:all .9s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.bl .reveal.in{opacity:1;transform:none}@media (width<=1100px){.bl .blog-layout{grid-template-columns:minmax(0,1fr) 290px;gap:26px}.bl .posts{grid-template-columns:minmax(0,1fr)}.bl .posts.list-view .post-cover{width:240px}}@media (width<=960px){.bl .feat-grid{grid-template-columns:1fr}.bl .f-side{grid-template-columns:1fr 1fr}.bl .f-mini{grid-template-columns:1fr}.bl .f-mini .cover,.bl .f-mini .post-cover{aspect-ratio:16/8}.bl .blog-layout{grid-template-columns:minmax(0,1fr)}.bl .posts{grid-template-columns:repeat(2,minmax(0,1fr))}.bl .side{grid-template-columns:1fr 1fr;position:static}.bl .news-box{grid-template-columns:1fr;padding:44px 32px}.bl .bubble{display:none}}@media (width<=640px){.bl .bl-hero{padding:52px 0 130px}.bl .bl-search input{padding:17px 50px 17px 52px;font-size:.95rem}.bl .f-main{min-height:520px}.bl .f-body{padding:24px}.bl .f-side{grid-template-columns:1fr}.bl .f-mini{grid-template-columns:120px 1fr}.bl .f-mini .cover,.bl .f-mini .post-cover{aspect-ratio:auto}.bl .f-mini .mb{padding:16px}.bl .f-mini h3{font-size:.95rem}.bl .filter-bar{gap:12px}.bl .f-right{width:100%}.bl .f-right select{flex:1}.bl .posts{grid-template-columns:minmax(0,1fr);gap:20px}.bl .posts.list-view .post{flex-direction:column}.bl .posts.list-view .post-cover{aspect-ratio:16/10;width:auto;min-height:0}.bl .side{grid-template-columns:1fr}.bl .news-box{border-radius:24px;padding:36px 22px}.bl .news-form{border-radius:20px;flex-direction:column;gap:6px}.bl .news-form input{padding:14px 16px}.bl .news-form button{border-radius:14px}}.cs-page{--navy:#063a59;--navy2:#0b5275;--gold:#d4a64e;--ink:#15364a;--muted:#718494;isolation:isolate;min-height:100svh;color:var(--ink);background:#f7fafc;flex-direction:column;font-family:DM Sans,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.cs-page:before{content:"";z-index:-2;background:radial-gradient(circle,#e0f0f6 0%,#e0f0f600 68%);border-radius:50%;width:70vw;min-width:650px;height:70vw;min-height:650px;position:absolute;top:-38vw;right:-20vw}.cs-page:after{content:"";z-index:-2;border:1px solid #063a5912;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-330px;left:-230px;box-shadow:0 0 0 70px #063a5906,0 0 0 140px #063a5904}.cs-header{justify-content:space-between;align-items:center;padding:32px clamp(24px,6vw,100px);display:flex}.cs-brand{letter-spacing:.24em;color:var(--navy);font-size:12px;font-weight:700}.cs-header-right{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.cs-dot{background:#4ba88a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4ba88a21}.cs-main{text-align:center;width:min(100%,980px);margin:auto;padding:65px 24px 80px}.cs-logo{filter:drop-shadow(0 8px 15px #063a590a);width:min(100%,560px);height:auto;margin:0 auto 56px;display:block}.cs-eyebrow{letter-spacing:.23em;text-transform:uppercase;color:var(--navy2);align-items:center;gap:11px;font-size:11px;font-weight:700;display:inline-flex}.cs-eyebrow:before,.cs-eyebrow:after{content:"";background:var(--gold);width:27px;height:1px}.cs-title{letter-spacing:-.065em;color:var(--navy);margin:24px 0 20px;font-size:clamp(50px,8vw,96px);font-weight:700;line-height:1.08}.cs-title em{letter-spacing:-.055em;color:var(--gold);font-family:Playfair Display,Georgia,serif;font-weight:600}.cs-desc{color:#6d8090;max-width:550px;margin:0 auto 40px;font-size:clamp(15px,2vw,18px);line-height:1.8}.cs-divider{background:linear-gradient(90deg, var(--navy), var(--gold));border-radius:10px;width:64px;height:3px;margin:0 auto 36px}.cs-status{color:var(--navy);background:#fff;border:1px solid #e4edf1;border-radius:100px;align-items:center;gap:12px;padding:14px 24px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 12px 35px #063a590d}.cs-spinner{border:2px solid #c5dbe5;border-top-color:var(--navy);border-radius:50%;width:17px;height:17px;animation:1s linear infinite cs-spin}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-footer{color:#8293a0;border-top:1px solid #e2ebef;justify-content:space-between;align-items:center;gap:18px;padding:26px clamp(24px,6vw,100px);font-size:12px;display:flex}.cs-footer strong{color:var(--navy);font-weight:700}.cs-contact{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.cs-contact-link{color:var(--navy);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.cs-contact-link:hover{color:var(--gold)}.cs-contact-sep{color:#c5dbe5;font-size:14px}@media (width<=600px){.cs-header{padding:24px}.cs-main{padding:55px 24px 70px}.cs-logo{width:90%;margin-bottom:45px}.cs-title{font-size:clamp(49px,12vw,70px)}.cs-footer{text-align:center;flex-direction:column;padding:24px}}@media (prefers-reduced-motion:reduce){.cs-spinner{animation:none}}:root{--theme-color:#24317a;--secondary-color:#fff;--text:#475569;--text-h:#111827;--muted:#64748b;--app-bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--accent:var(--theme-color);--accent-strong:var(--theme-color);--accent-bg:#2563eb1a;--accent-tint:#eff6ff;--sidebar-bg:var(--theme-color);--sidebar-bg-dark:color-mix(in srgb, var(--theme-color) 78%, #000);--sidebar-text:#f5f7ff;--sidebar-muted:#ffffff94;--sidebar-border:#fff3;--sidebar-hover:#00000038;--sidebar-accent:var(--secondary-color);--sans:"Poppins", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Poppins", "Inter", system-ui, sans-serif;font:16px/145% var(--sans);color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{--text:#cbd5e1;--text-h:#f8fafc;--muted:#94a3b8;--app-bg:#10131d;--surface:#171b26;--border:#293245;--accent-bg:color-mix(in srgb, var(--theme-color) 22%, transparent);--accent-tint:color-mix(in srgb, var(--theme-color) 16%, #171b26)}html,body{width:100%;height:100%}#root{width:100%;min-height:100%}body{font-family:var(--sans);margin:0}*,:before,:after{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:700}h1{font-size:32px;line-height:1.2}h2{margin:0;font-size:18px;line-height:1.25}p{margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}a{color:inherit}.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,.MuiFormLabel-root,.MuiTableCell-root,.MuiChip-root,.MuiTooltip-tooltip,.MuiMenuItem-root,.MuiListItemText-root,.MuiPaginationItem-root{font-family:var(--sans)!important}.MuiButton-root{text-transform:none!important;border-radius:10px!important;font-weight:700!important}.MuiButton-contained{color:var(--secondary-color)!important;background:linear-gradient(135deg, var(--theme-color), color-mix(in srgb, var(--theme-color) 74%, #000))!important;box-shadow:0 10px 22px color-mix(in srgb, var(--theme-color) 22%, transparent)!important}.MuiButton-contained:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--theme-color) 92%, #fff), color-mix(in srgb, var(--theme-color) 62%, #000))!important}.MuiButton-contained:disabled{opacity:.55!important;background:color-mix(in srgb, var(--theme-color) 38%, var(--border))!important;box-shadow:none!important}.MuiButton-outlined{color:var(--theme-color)!important;border-color:color-mix(in srgb, var(--theme-color) 46%, var(--border))!important}.MuiButton-outlined:hover{border-color:var(--theme-color)!important;background:color-mix(in srgb, var(--theme-color) 8%, transparent)!important}.app-shell{background:var(--app-bg);grid-template-columns:248px minmax(0,1fr);gap:10px;height:100svh;padding:8px;transition:grid-template-columns .28s;display:grid;overflow:hidden}.app-shell:has(.app-sidebar-shell.is-collapsed){grid-template-columns:65px minmax(0,1fr)}.app-main{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 6px 18px #1e285a14}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 20px;display:flex}.topbar h1{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.topbar-title{flex:auto;align-items:center;gap:10px;min-width:120px;display:flex}.topbar-back-btn{border:1px solid color-mix(in srgb, var(--theme-color) 22%, var(--border));background:color-mix(in srgb, var(--theme-color) 6%, var(--surface));width:34px;height:34px;color:var(--theme-color);cursor:pointer;border-radius:9px;flex:0 0 34px;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid}.topbar-back-btn:hover{border-color:color-mix(in srgb, var(--theme-color) 50%, var(--border));background:var(--accent-tint);transform:translate(-1px)}.topbar-title-copy{gap:2px;min-width:0;display:grid}.topbar-title-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.topbar-right{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.topbar-action{border:1px solid var(--theme-color);background:var(--surface);min-height:36px;color:var(--theme-color);cursor:pointer;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.topbar-action:hover{background:var(--accent-tint);transform:translateY(-1px)}.topbar-action:disabled{opacity:.55;cursor:not-allowed}.topbar-action--primary{background:linear-gradient(135deg, var(--theme-color), color-mix(in srgb, var(--theme-color) 74%, #000));color:var(--secondary-color);box-shadow:0 8px 20px color-mix(in srgb, var(--theme-color) 20%, transparent)}.topbar-action--primary:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--theme-color) 92%, #fff), color-mix(in srgb, var(--theme-color) 62%, #000));box-shadow:0 12px 26px color-mix(in srgb, var(--theme-color) 28%, transparent)}.page-content{background:var(--surface);overscroll-behavior:contain;min-height:0;padding:20px 20px 32px;overflow:auto}.page-route-frame{transform-origin:50% 16px;will-change:opacity, transform;min-height:100%;animation:.26s cubic-bezier(.22,1,.36,1) page-route-in}@keyframes page-route-in{0%{opacity:0;filter:blur(2px);transform:translateY(12px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.page-route-frame{animation:none}}@media (width<=920px){.app-shell{grid-template-columns:1fr}}