.font-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.project-card{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(48 54 61 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(22 27 34 / var(--tw-bg-opacity, 1));padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#00e0ff,#30afff);opacity:0;transition:opacity .3s ease-in-out}.project-card:hover{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#00e0ff80;box-shadow:0 8px 32px #00000080,0 0 20px #00e0ff4d}.project-card:hover:before{opacity:1}@media (max-width: 768px){.project-card{padding:1rem}}@media (max-width: 480px){.project-card{padding:.75rem}}.project-card:hover{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.project-icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.project-item:hover .project-icon{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));filter:drop-shadow(0 0 8px rgba(0,224,255,.6))}.project-icon:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stylish-card{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(48 54 61 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(22 27 34 / var(--tw-bg-opacity, 1));padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);position:relative;overflow:hidden}.stylish-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#00e0ff,#30afff);opacity:0;transition:opacity .3s ease-in-out}.stylish-card:hover{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#00e0ff80;box-shadow:0 8px 32px #00000080,0 0 20px #00e0ff4d}.stylish-card:hover:before{opacity:1}.stylish-card-interactive{cursor:pointer}.stylish-card-interactive:hover{--tw-bg-opacity: 1;background-color:rgb(33 38 45 / var(--tw-bg-opacity, 1))}.stylish-card-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(248 249 250 / var(--tw-text-opacity, 1));font-family:Inter,SF Pro Display,Helvetica Neue,sans-serif}.stylish-card-text{line-height:1.625;--tw-text-opacity: 1;color:rgb(233 236 239 / var(--tw-text-opacity, 1));font-family:Inter,SF Pro Display,Helvetica Neue,sans-serif}.stylish-hover-lift{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.stylish-hover-lift:hover{--tw-translate-y: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.project-item:hover .font-emoji{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));filter:drop-shadow(0 0 8px rgba(0,224,255,.6))}.project-item:hover .stylish-card-title{--tw-text-opacity: 1;color:rgb(0 224 255 / var(--tw-text-opacity, 1));text-shadow:0 0 8px rgba(0,224,255,.4)}@media (max-width: 768px){.stylish-card{padding:1rem}.stylish-card-title{font-size:1rem;line-height:1.5rem}.stylish-card-text{font-size:.875rem;line-height:1.25rem}}@media (max-width: 480px){.stylish-card{padding:.75rem}.stylish-card-title{font-size:.875rem;line-height:1.25rem}.stylish-card-text{font-size:.75rem;line-height:1rem}}
