@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";main{font-family:Inter,sans-serif;max-width:1200px;margin:0 auto;padding:.5rem;color:#343a40;line-height:1.6;background-color:#f8f9fa}main h1,main h2,main h3,main h4{color:#212529;font-weight:600}main h1{font-size:2.5rem;text-align:center;margin-bottom:2.5rem;position:relative;padding-bottom:1rem}main h1:after{content:"";display:block;width:80px;height:3px;background:#dee2e6;margin:1rem auto 0;border-radius:3px}main h3{font-size:1.4rem;margin:2.5rem 0 1.5rem;color:#4e5d6c}main section{margin-bottom:2.5rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}main section:first-of-type{text-align:center;padding:2.5rem}main button{background-color:#4e5d6c;color:#fff;border:none;padding:.75rem 1.75rem;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:1rem;font-size:1rem}main button:hover{background-color:#3d4954;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}main .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}main .projects-grid .project-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .3s cubic-bezier(.25,.8,.25,1)}main .projects-grid .project-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f;border-color:#5cb3fd}main .projects-grid .project-card h4{font-size:1.1rem;margin-bottom:.75rem;color:#4e5d6c;position:relative;padding-left:1.25rem}main .projects-grid .project-card h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#5cb3fd;border-radius:50%}main .projects-grid .project-card p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}main .contacts{background:#343a40;color:#fff;padding:2rem;border-radius:12px;text-align:center;margin-top:3rem}main .contacts h3{color:#fff;margin-top:0;margin-bottom:1.5rem}main .contacts p{margin:.5rem 0;color:#dee2e6}main .contacts a{color:#5cb3fd;text-decoration:none}main .contacts a:hover{text-decoration:underline}@media (max-width: 768px){main{padding:1.5rem}main h1{font-size:2rem}main section{padding:1.5rem}main section:first-of-type{padding:1.5rem}main .projects-grid{grid-template-columns:1fr}}.about-me{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.about-me .profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e9ecef;box-shadow:0 2px 8px #00000014}.about-me .bio{flex:1}.about-me .bio h2{color:#4e5d6c;margin-top:0;margin-bottom:.5rem}.about-me .bio .title{color:#6c757d;font-weight:500;margin-bottom:1rem;display:inline-block;padding-bottom:.25rem;border-bottom:2px solid #5cb3fd}.about-me .bio p{color:#495057;line-height:1.7}@media (max-width: 768px){.about-me{flex-direction:column;text-align:center}.about-me .title{margin-left:auto;margin-right:auto}}.project-links{margin-top:1rem;display:flex;gap:.75rem}.project-links a{display:inline-flex;align-items:center;padding:.4rem .8rem;background-color:#f8f9fa;color:#343a40;border-radius:6px;text-decoration:none;font-size:.85rem;transition:all .2s ease;border:1px solid #dee2e6}.project-links a:hover{background-color:#5cb3fd;color:#fff;border-color:#5cb3fd;transform:translateY(-1px)}.project-links a svg{margin-right:.3rem;width:14px;height:14px}.button{margin-top:1rem;padding:.5rem 1rem;background-color:#5cb3fd;color:#fff;text-decoration:none;border-radius:25px}.button:hover{text-decoration:underline}