:root{--navy:#0A1628;--teal:#00C9AA;--teal2:#00A88E;--gold:#F5A623;--light:#F4F6F9;--gray:#8A92A6;--border:#E2E6EF;--red:#E84949;--text:#1A2340}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--light);color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:DM Sans,sans-serif;border:none;background:none}input,select,textarea{font-family:DM Sans,sans-serif}.page-container{max-width:1280px;margin:0 auto;padding:0 24px}.page-pad{padding-top:28px;padding-bottom:60px}.section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700;color:var(--navy)}.section-title span{color:var(--teal)}.see-all{font-size:13px;font-weight:600;color:var(--teal);cursor:pointer}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--teal);color:var(--navy);border-radius:40px;font-weight:700;font-size:14px;transition:.2s;cursor:pointer;border:none}.btn-primary:hover{background:#00e0bf}.btn-navy{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--navy);color:#fff;border-radius:40px;font-weight:700;font-size:14px;transition:.2s;cursor:pointer;border:none}.btn-navy:hover{background:var(--teal);color:var(--navy)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border:1.5px solid var(--border);border-radius:40px;font-weight:600;font-size:14px;transition:.2s;cursor:pointer;background:none}.btn-outline:hover{border-color:var(--navy);background:var(--navy);color:#fff}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;outline:none;transition:.2s;background:#fff}.form-input:focus{border-color:var(--teal)}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-hot{background:#fdecea;color:var(--red)}.badge-new{background:#e8f8f5;color:#00a88e}.badge-sale{background:#fef3e2;color:#e67e22}.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.prod-grid{grid-template-columns:repeat(2,1fr)}.page-container{padding:0 16px}.form-grid2{grid-template-columns:1fr}}@media (max-width:480px){.prod-grid{grid-template-columns:1fr}}.floating-glasses-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.floating-glasses-bg .glass{position:absolute;opacity:0;animation:floatGlass linear infinite}@keyframes floatGlass{0%{transform:translateY(110vh) rotate(0);opacity:0}5%{opacity:.07}90%{opacity:.07}to{transform:translateY(-20vh) rotate(360deg);opacity:0}}nav,main,footer,.page-container,[class*=page-]{position:relative;z-index:1}html,body{overscroll-behavior:none;background:#eef2f7}main{background:#eef2f7}.liquid-glass{position:relative;background:#ffffff14;backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.25);border-bottom-color:#ffffff1a;border-right-color:#ffffff1a;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff59,inset 0 -1px #ffffff14;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff38,#ffffff0a,#ffffff1a);pointer-events:none;z-index:0}.liquid-glass:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none;z-index:0;border-radius:inherit}.liquid-glass>*{position:relative;z-index:1}.nav-liquid{background:#ffffffb8!important;backdrop-filter:blur(28px) saturate(200%) brightness(1.05)!important;-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.05)!important;border-bottom:1px solid rgba(255,255,255,.45)!important;box-shadow:0 2px 24px #00000014,inset 0 1px #ffffffe6!important}.card-liquid{background:#ffffffa6!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 4px 24px #0000000f,inset 0 1px #fffc!important}.btn-liquid{position:relative;background:#ffffff2e!important;backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffff80!important;color:#fff!important;transition:all .2s!important}.btn-liquid:hover{background:#ffffff47!important;box-shadow:0 4px 20px #00000026,inset 0 1px #fff9!important;transform:translateY(-1px)!important}.mega-liquid{background:#ffffffd1!important;backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 20px 60px #0000001f,inset 0 1px #ffffffe6!important}nav,footer,.page-container,main>*{position:relative;z-index:1}.page-pad,section,[class*=container]{position:relative;z-index:1;background:transparent}body:before{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(0,201,170,.08) 0%,transparent 70%);top:-200px;left:-200px;border-radius:50%;pointer-events:none;z-index:0;animation:orbFloat1 18s ease-in-out infinite}body:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);bottom:-150px;right:-100px;border-radius:50%;pointer-events:none;z-index:0;animation:orbFloat2 22s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,60px) scale(1.1)}66%{transform:translate(-40px,100px) scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-80px) scale(1.15)}66%{transform:translate(40px,-40px) scale(.85)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:pageEnter .45s cubic-bezier(.22,1,.36,1) both}@keyframes cardPop{0%{transform:translateY(0) scale(1);box-shadow:0 2px 8px #0000000f}to{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px #0000001f,0 0 0 1px #00c9aa26}}.card-hover{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important}.card-hover:hover{transform:translateY(-6px) scale(1.01)!important;box-shadow:0 20px 40px #0000001f,0 0 0 1px #00c9aa33!important}.btn-primary,.btn-navy{transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;position:relative;overflow:hidden}.btn-primary:after,.btn-navy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .2s}.btn-primary:hover:after,.btn-navy:hover:after{opacity:1}.btn-primary:hover,.btn-navy:hover{transform:translateY(-2px) scale(1.03)!important}.btn-primary:active,.btn-navy:active{transform:scale(.97)!important}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-hover:hover{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%)!important;background-size:200% auto!important;animation:shimmer 1.5s linear infinite!important}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:staggerIn .4s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}@keyframes linkUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-gradient-text{background:linear-gradient(135deg,#00c9aa,#3b82f6,#00c9aa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #00c9aa26,0 0 0 1px #00c9aa!important;border-color:#00c9aa!important;transition:all .2s!important}@keyframes badgePulse{0%,to{box-shadow:0 0 #e8494966}50%{box-shadow:0 0 0 6px #e8494900}}.badge-hot{animation:badgePulse 2s ease-in-out infinite}@keyframes cartBounce{0%{transform:scale(1)}40%{transform:scale(.94)}70%{transform:scale(1.06)}to{transform:scale(1)}}.cart-btn-click{animation:cartBounce .35s cubic-bezier(.36,.07,.19,.97)}.cat-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important}.cat-card:hover{transform:translateY(-8px) scale(1.04)!important;box-shadow:0 24px 48px #0000002e!important}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:revealUp .6s cubic-bezier(.22,1,.36,1) both}.liquid-glass,.card-liquid,.mega-liquid,.nav-liquid{transition:box-shadow .3s ease,transform .3s ease!important}@keyframes toastSlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00c9aa4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00c9aa99}a,button,input,[role=button]{transition:all .2s ease}