html{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#0d1117,#1a1f2e);color:#f0f6fc;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.demo-container{text-align:center;padding:40px 20px;width:100%;flex:1}.demo-header h1{font-size:2.5rem;background:linear-gradient(135deg,#0af,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-weight:700;text-shadow:0 0 40px rgba(0,170,255,.3)}.demo-header p{font-size:1.1rem;color:#c9d1d9;margin-bottom:50px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0 20px;max-width:1400px;margin:0 auto}.product-card{position:relative;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;cursor:pointer;overflow:hidden;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;height:350px}.glass-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none;z-index:1}.card-inner{position:relative;z-index:2;transform:translateZ(30px);transform-style:preserve-3d;height:100%;display:flex;flex-direction:column}.product-image{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;display:flex;align-items:center;justify-content:center;flex:1;transform:translateZ(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{flex:.6}.product-image img{height:100px;width:100px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.product-content{position:relative;padding:25px 30px;background:linear-gradient(to top,#0d1117d9,#0d111766);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateZ(25px);transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:flex-start;flex:.3}.product-content.hovered{flex:.5;background:linear-gradient(to top,#0d1117f2,#0d1117cc);padding:30px}.product-content h3{margin:0;font-size:1.4rem;background:linear-gradient(135deg,#0af,#0fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;text-shadow:0 0 20px rgba(0,170,255,.2);transition:all .3s ease}.product-content.hovered h3{margin-bottom:15px;font-size:1.5rem}.description{font-size:.95rem;color:#e6edf3;line-height:1.6;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transform:translateY(15px);transition:all .4s cubic-bezier(.4,0,.2,1) .1s;max-height:0;overflow:hidden}.product-content.hovered .description{opacity:1;transform:translateY(0);max-height:150px;margin-top:8px}.demo-footer{margin-top:80px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:.9rem;color:#8b949e}@media(max-width:1200px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.product-grid{grid-template-columns:1fr;padding:0 40px}.product-card{height:350px}}