@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent: #06b6d4;--accent-light: #22d3ee;--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-surface: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(148, 163, 184, .15);--border-hover: rgba(148, 163, 184, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);font-size:16px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-align:left;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}h3{font-size:1.15rem;font-weight:600;text-align:left;color:var(--primary-light);margin-top:1.5rem;margin-bottom:.5rem}p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}ul{color:var(--text-secondary)}ul li{margin-bottom:.4rem;line-height:1.7}a{transition:color var(--transition-fast)}#links{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--transition-fast);border-bottom:1px solid transparent}#links:hover{color:var(--accent-light);border-bottom-color:var(--accent-light)}#linkIcon{text-decoration:none;vertical-align:middle;display:inline-flex;align-items:center;transition:transform var(--transition-fast),opacity var(--transition-fast)}#linkIcon:hover{transform:translateY(-2px);opacity:.85}.projectPictures{margin:0 auto 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);display:block;text-align:center;align-self:center;width:60%;transition:transform var(--transition-base),box-shadow var(--transition-base)}.projectPictures:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.pictureBorder{border:2px solid var(--border-color);border-radius:var(--radius-md)}#content{max-width:900px;margin:0 auto;padding:0 2rem}.centered{text-align:center}.pictures-container{display:flex;flex-flow:row wrap;justify-content:center;gap:8px;height:200px}.pictures-container img{max-height:100%;flex-shrink:2;width:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.pictures-container img:hover{transform:scale(1.05);box-shadow:var(--shadow-lg);cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}@media (max-width: 768px){:root{font-size:14px}h1{font-size:2rem}h2{font-size:1.3rem}#content{padding:0 1rem}.projectPictures{width:90%}}