@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient-1:#f5f5f7;--bg-gradient-2:#e8e8ed;--glass-bg:#ffffff6b;--glass-bg-strong:#ffffff9e;--glass-border:#ffffff8c;--glass-border-highlight:#fffffff2;--glass-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a;--glass-shadow-hover:0 32px 80px #0000001f,0 16px 32px #00000014,0 8px 16px #0000000a;--glass-inner-shadow:inset 0 1px 1px #ffffffe6;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--accent:#0071e3;--accent-glow:#0071e366}[data-theme=dark]{--bg-gradient-1:#1a1a1e;--bg-gradient-2:#2d2d35;--glass-bg:#1e1e2399;--glass-bg-strong:#282830bf;--glass-border:#ffffff1a;--glass-border-highlight:#ffffff40;--glass-shadow:0 8px 32px #0000004d,0 2px 8px #0003;--glass-shadow-hover:0 32px 80px #0006,0 16px 32px #0000004d,0 8px 16px #0003;--glass-inner-shadow:inset 0 1px 1px #ffffff1a;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--accent:#2997ff;--accent-glow:#2997ff66}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-primary);background:linear-gradient(160deg,#f8f8fa 0%,#ebe8e5 40%,#e8ddd5 70%,#f0ebe6 100%);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .4s,color .4s;position:relative;overflow:hidden auto}[data-theme=dark] body{background:linear-gradient(160deg,#0d0d0f 0%,#1a1a1e 40%,#141418 70%,#1c1c22 100%)}body:before{content:"";opacity:.03;pointer-events:none;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambientBg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.55;will-change:transform;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.orb1{background:radial-gradient(circle at 30% 30%,#ffecd2 0%,#fcb69f 40%,#ff9a9e 70%,#0000 100%);width:800px;height:800px;animation-delay:0s;top:-300px;right:-200px}.orb2{background:radial-gradient(circle at 70% 70%,#a8edea 0%,#89d4cf 40%,#b8e5e0 70%,#0000 100%);width:700px;height:700px;animation-delay:-8s;bottom:-250px;left:-200px}.orb3{background:radial-gradient(circle,#ddd6f3 0%,#c2b6e4 40%,#a1c4fd 70%,#0000 100%);width:550px;height:550px;animation-delay:-16s;top:30%;left:20%}.orb4{background:radial-gradient(circle at 40% 40%,#ffeaa7 0%,#fdcb6e 40%,#f8b739 70%,#0000 100%);width:400px;height:400px;animation-delay:-12s;top:55%;right:5%}.orb5{opacity:.35;background:radial-gradient(circle at 60% 40%,#fab1a0 0%,#e17055 50%,#0000 100%);width:300px;height:300px;animation-delay:-20s;top:10%;left:60%}@keyframes float{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(40px,-40px)scale(1.05)rotate(2deg)}50%{transform:translate(-30px,30px)scale(.95)rotate(-1deg)}75%{transform:translate(-40px,-25px)scale(1.03)rotate(1deg)}}.container{z-index:1;max-width:1280px;margin:0 auto;padding:48px 32px;position:relative}.header{text-align:center;margin-bottom:56px;animation:1s cubic-bezier(.22,1,.36,1) fadeDown}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}h1{letter-spacing:-1.5px;color:var(--text-primary);font-size:clamp(28px,5vw,56px);font-weight:600;display:inline-block;position:relative}.productGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;animation:1s cubic-bezier(.22,1,.36,1) .3s both fadeUp;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;margin-top:80px;padding:40px 0;animation:1s cubic-bezier(.22,1,.36,1) .45s both fadeUp}.footerLinks{flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:20px;display:flex}.footerLink{color:var(--text-secondary);font-weight:400;text-decoration:none;transition:all .3s;position:relative}.footerLink:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footerLink:hover{color:var(--text-primary)}.footerLink:hover:after{width:100%}.footerCopyright{opacity:.6;font-size:13px;font-weight:300}@media (max-width:600px){h1{letter-spacing:-1px;font-size:clamp(24px,7vw,44px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}