@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary-100: #e0e7ff;--color-primary-500: #6366f1;--color-primary-600: #ff1b1b;--color-primary-700: #ca6638;--color-success-500: #10b981;--color-danger-500: #eb1212;--color-warning-500: #f84323;--color-white: #ffffff;--color-black: #000000;--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-600);--color-text-subtle: var(--color-gray-400);--color-text-accent: var(--color-primary-600);--color-text-on-accent: var(--color-white);--color-text-logo: var(--color-gray-900);--color-background: var(--color-gray-50);--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-gray-100);--color-border-primary: var(--color-gray-200);--color-border-hover: var(--color-gray-300);--color-border-focus: var(--color-primary-500);--color-accent-primary: var(--color-primary-600);--color-accent-primary-hover: var(--color-primary-700);--color-accent-secondary: var(--color-primary-100);--color-accent-secondary-hover: var(--color-primary-100);--color-state-success: var(--color-success-500);--color-state-danger: var(--color-danger-500);--color-state-warning: var(--color-warning-500);--color-state-info: var(--color-primary-500);--color-nav-scrolled-bg: rgba(255, 255, 255, .85);--color-nav-scrolled-border: var(--color-border-primary);--color-nav-scrolled-shadow: rgba(0, 0, 0, .05);--color-drawer-bg: var(--color-surface-primary);--color-drawer-overlay-bg: rgba(17, 24, 39, .4);--color-drawer-shadow: rgba(0, 0, 0, .1);--color-drawer-link-hover: var(--color-gray-100);--color-pulse-shadow: rgba(16, 185, 129, .7)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-pulse-shadow)}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-20px) translate(-50%)}60%{transform:translateY(-10px) translate(-50%)}}.portfolio-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}