@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--accent: #4a6580;--accent-light: #e8eef3}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}*:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}.font-display{font-family:"DM Serif Display",serif}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.animate-soft-bounce{animation:softBounce 2.4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#4a6580;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.4,0,.2,1) .6s}.animated-underline.visible:after{transform:scaleX(1)}.portfolio-card-inner{transition:transform .4s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-card-inner{transform:translateY(-4px)}