@tailwind base;@tailwind components;@tailwind utilities;.flip-card{perspective:1000px;height:auto;min-height:300px}.flip-inner,.flip-inner-small{position:relative;width:100%;transition:transform .6s ease;transform-style:preserve-3d}.flip-card:hover .flip-inner,.flip-card:hover .flip-inner-small{transform:rotateY(180deg)}.flip-front,.flip-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem}body{-webkit-user-select:none;user-select:none}.flip-front{position:relative}.flip-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.btn-premium{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-premium{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-premium:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d}.link-premium{position:relative;transition:color .2s ease}.link-premium:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:currentColor;transition:width .3s ease}.link-premium:hover:after{width:100%}.modal-backdrop{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-tag{transition:all .2s ease;cursor:default}.skill-tag:hover{background-color:#000;color:#fff;transform:scale(1.05)}.blog-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-inner{transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000014;border-color:#d1d5db}.blog-card-inner{transition:all .3s cubic-bezier(.4,0,.2,1)}.resume-option{transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.resume-option:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;background-color:#f9fafb}.social-icon{transition:all .2s ease}.social-icon:hover{transform:translateY(-2px);opacity:.7}button:focus-visible,a:focus-visible{outline:2px solid #000;outline-offset:2px}
