:root{--bg-primary:#FAF9F6;--bg-secondary:#FFFFFF;--text-main:#2D2D2D;--text-muted:#555555;--border-color:#E5E3DB;--border-hover:#D0CEC4;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);font-size:115%;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:4vw 2rem 0 2rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative;}body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:0.04;pointer-events:none;z-index:-1;}main{flex:1;display:flex;align-items:flex-start;justify-content:center;width:100%;margin-top:15vh;margin-bottom:3rem;}.container{max-width:1200px;width:100%;z-index:1;}header{text-align:center;margin-bottom:3.5rem;}h1{font-family:var(--font-serif);font-weight:400;color:#1A1A1A;font-size:3.5rem;margin-bottom:0.2rem;letter-spacing:-0.02em;}.subtitle{font-size:1.3rem;color:var(--text-muted);}.links-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.5rem;width:100%;}.link-block{background-color:var(--bg-secondary);border:1.2px solid var(--border-color);border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;color:var(--text-main);font-size:1.3rem;font-weight:550;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;flex:1;min-width:200px;max-width:240px;}.link-block:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.05);border-color:var(--border-hover);}.link-icon{height:1.8rem;width:auto;color:var(--text-muted);margin-bottom:0;margin-right:1rem;text-align:center;transition:color 0.2s ease,transform 0.2s ease;flex-shrink:0;}.link-block:hover .github-icon{color:#333;transform:scale(1.1);}.link-block:hover .linkedin-icon{color:#0077B5;transform:scale(1.1);}.link-block:hover .unsplash-icon{color:#000;transform:scale(1.1);}.link-block:hover .instagram-icon{color:#E1306C;transform:scale(1.1);}.link-block:hover .link-icon:not(.github-icon):not(.linkedin-icon):not(.unsplash-icon):not(.instagram-icon){color:var(--text-main);transform:scale(1.1);}footer{width:100%;border-top:1px solid var(--border-color);margin-top:auto;z-index:1;display:flex;justify-content:center;padding:0.3rem 0;}.footer-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1000px;font-size:0.95rem;}.footer-inner p{margin:0;}.footer-link{color:var(--text-muted);text-decoration:none;transition:color 0.2s ease;}.footer-link:hover{color:var(--text-main);}@media (max-width:1000px){.link-block{min-width:160px;}}@media (max-width:600px){body{font-size:90%;padding:6vw 1.2rem 0 1.2rem;}main{margin-top:5vh;}h1{font-size:2.5rem;}.subtitle{font-size:1.1rem;}.links-container{flex-direction:column;}.link-block{font-size:1.15rem;padding:1.2rem 1.5rem;min-width:100%;max-width:100%;}}