.slides,body::before{will-change:transform}.slides,body{display:flex}.categories-title,body{color:var(--text-main)}.banner,.item,body{position:relative}#marketingModal,.hero-header,.item-label,footer{text-align:center}:root{--glass-bg:rgba(255, 255, 255, 0.65);--glass-border:rgba(255, 255, 255, 0.6);--glass-shadow:0 12px 40px rgba(0, 0, 0, 0.05);--text-main:#1d1d1f;--text-secondary:#515154;--accent-blue:#007aff;--anim-spring:cubic-bezier(0.25, 0.8, 0.25, 1)}body{background-color:#f6f8fa;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;margin:0;padding:0;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;background-image:radial-gradient(at 0 0,#d4f0ff 0,transparent 50%),radial-gradient(at 50% 0,#70c1ff 0,transparent 50%),radial-gradient(at 100% 0,#00ebd3 0,transparent 50%),radial-gradient(at 10% 30%,#00a8ff 0,transparent 50%),radial-gradient(at 90% 30%,#3bb4f2 0,transparent 50%),radial-gradient(at 30% 70%,#007fff 0,transparent 50%),radial-gradient(at 80% 80%,#8ee0ff 0,transparent 50%);filter:blur(80px);animation:20s ease-in-out infinite alternate liquidFlow}@keyframes liquidFlow{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-3%,2%) scale(1.02)}66%{transform:translate(2%,-3%) scale(.98)}}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:80px 20px 0;width:100%;box-sizing:border-box}.hero-header{margin-bottom:40px;padding-top:20px}.hero-header img{width:80px;height:80px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.1);margin-bottom:15px;transition:transform .5s var(--anim-spring)}.hero-header h1{font-size:24px;margin:0;background:linear-gradient(135deg,#1d1d1f 0,#434344 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner{width:100%;height:280px;border-radius:24px;margin-bottom:40px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);background-color:#eee;opacity:0;transform:scale(.98);transition:all .8s var(--anim-spring)}.banner.visible{opacity:1;transform:scale(1)}.slides{height:100%;backface-visibility:hidden;transform-style:preserve-3d}.slide{background-size:cover;background-position:center;flex-shrink:0;width:100%;height:100%}.categories-section{text-align:center;padding:40px;margin:0 auto 40px;width:90%;max-width:800px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:180px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(120%);-webkit-backdrop-filter:blur(25px) saturate(120%);border:1px solid rgba(255,255,255,.4);box-shadow:0 15px 35px rgba(0,0,0,.05);border-radius:24px;opacity:0;transform:translateY(20px);transition:.8s}.categories-section.visible,.item.visible{opacity:1;transform:translateY(0)}.categories-title{font-size:28px;font-weight:700;margin-bottom:10px}#marketingModal p,.categories-text,footer{color:var(--text-secondary)}.categories-text{font-size:16px;margin:5px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;margin-bottom:60px}.got-it-btn,.item a,.item img,.item-label{display:block}@media (min-width:769px){.grid{grid-template-columns:repeat(4,1fr);width:50%;margin:0 auto}.categories-section{width:50%;max-width:none;min-height:200px}.banner{width:50%;max-width:none;margin:0 auto 40px}}.item{border-radius:28px;background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 16px rgba(0,0,0,.03),inset 0 0 0 1px rgba(255,255,255,.2);padding:12px;transition:all .4s var(--anim-spring);opacity:0;transform:translateY(40px);cursor:pointer}.item a{text-decoration:none}.item:hover{background:rgba(255,255,255,.75);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:rgba(255,255,255,.8)}.image-frame{border-radius:16px;overflow:hidden;aspect-ratio:1/1}.item img{width:100%;height:100%;object-fit:cover;transition:transform .6s;margin:0 auto;border-radius:16px}.item:hover img{transform:scale(1.1)}.item-label{margin-top:15px;font-weight:600;color:var(--text-main)}footer{padding:30px;font-size:12px;background:rgba(255,255,255,.3);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);margin-top:60px}#marketingModal{display:none;position:fixed;z-index:3000;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);background:linear-gradient(135deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.65) 100%);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 40px 80px -10px rgba(0,0,0,.15);padding:24px;width:80%;max-width:324px;opacity:0;transition:all .5s var(--anim-spring)}#marketingModal.show{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}#marketingModal img{width:100%;border-radius:16px;margin-bottom:20px;box-shadow:0 10px 25px rgba(0,0,0,.1)}#marketingModal h2{font-size:20px;margin-bottom:10px;color:var(--text-main)}#marketingModal p{font-size:14px;line-height:1.5}.got-it-btn{margin:20px auto 0;padding:12px 32px;background-color:var(--accent-blue);color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s var(--anim-spring);font-family:inherit;box-shadow:0 4px 12px rgba(0,122,255,.3)}.got-it-btn:hover{transform:scale(1.05);background-color:#005bb5}@media (max-width:768px){.container{padding:100px 20px 40px}.banner{height:200px;width:90%;margin:0 auto 30px}.side-nav{width:auto;right:20px;left:20px;top:80px}.grid{grid-template-columns:repeat(2,1fr);gap:15px;width:90%;margin:0 auto auto}body::before{filter:blur(50px);animation:none}}.typewriter{border-right:2px solid var(--accent-blue);white-space:nowrap;overflow:hidden;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{border-color:var(--accent-blue)}100%,51%{border-color:transparent}}.typewriter.done{border-right:none;animation:none}@media (max-width:600px){.typewriter{white-space:normal;overflow:visible;display:block;text-align:center;border-right:none;animation:none}}