html,body,#root{height:100%;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f4f5f7;color:#2e2e2e;line-height:1.6;font-size:1rem;padding-top:70px}p{margin-bottom:1.2rem;font-size:1.05rem;color:#333}a{color:#5069a3;text-decoration:none;transition:color .3s ease}#root{display:flex;flex-direction:column}main{flex:1}.container{max-width:900px;margin:0 auto;padding:2rem;background:#fdfdfd;border-radius:12px;box-shadow:0 4px 12px #0000000d}section{margin-bottom:3rem}.site-header{position:fixed;top:0;left:0;width:100%;background:#f9fafc;box-shadow:0 2px 8px #0000000d;z-index:1000;padding:1rem 0}.nav-bar{display:flex;justify-content:center;align-items:center;gap:2rem}.nav-bar a{font-weight:600;color:#324b7c;font-size:1.05rem;transition:color .3s ease,transform .2s ease}.nav-bar a:hover{color:#5069a3;transform:translateY(-2px)}.footer-bar{width:100%;background-color:#e2e6f0;color:#2e2e2e;text-align:center;padding:.8rem 1rem;font-size:.9rem;display:flex;flex-direction:column;align-items:center;border-top:1px solid #cbd3e3}.footer-bar img{height:40px;width:40px;object-fit:contain;margin-bottom:.6rem}.footer-bar a{color:#324b7c;font-weight:600}.footer-bar a:hover{color:#5069a3}.footer-credits{font-size:.8rem;color:#555;margin-top:.3rem}.profile-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:start;margin-top:2rem}.island{background:#fdfdfd;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.left-island{text-align:center}.profile-img-square{max-width:200px;width:100%;height:auto;display:block;margin:0 auto 1rem;border-radius:20px;box-shadow:0 4px 10px #00000014}.motto{font-style:italic;color:#555}.contact-box{border:1px solid #ddd;background-color:#fafafa;padding:1rem;border-radius:8px}.contact-box h2{margin-bottom:.8rem;color:#324b7c}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr 1fr}.left-island{grid-column:1 / -1;text-align:center}}@media (max-width: 600px){.profile-grid{grid-template-columns:1fr}.island{margin-bottom:1.5rem}.profile-img-square{max-width:160px}}.skills-section{margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}.skill-card{background:#fdfdfd;padding:1.2rem;border-radius:10px;box-shadow:0 2px 8px #0000000d}.skill-card h3{color:#324b7c;margin-bottom:.6rem}.portfolio-block{margin-bottom:2rem;padding:1rem 1.2rem;background:#fafbfc;border-left:4px solid #324b7c;border-radius:6px}.portfolio-block h3{margin-bottom:.5rem}.project-list{list-style:none;padding:0}.project-list li{margin-bottom:2rem}.project-list h2{margin-bottom:.5rem;color:#324b7c}.project-date{font-size:.95rem;color:#777;font-style:italic;margin-bottom:.8rem}.img-gallery{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.img-gallery div{text-align:center}.img-gallery img{max-width:280px;border-radius:8px;box-shadow:0 4px 10px #00000014}.img-desc{font-size:.9rem;color:#666;font-style:italic;margin-top:.5rem}.code-box{margin-top:1rem;padding:1rem;border-radius:8px;background:#1e1e1e;color:#f5f5f5;overflow-x:auto;box-shadow:inset 0 0 6px #0003}.code-box h3{font-size:1rem;margin-bottom:.5rem;color:#a7b6da}@media (max-width: 600px){body{font-size:.95rem;line-height:1.5;padding:.5rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#f4f5f7;color:#2e2e2e;line-height:1.6;padding-top:70px;padding-bottom:70px}h1,h2,h3{color:#324b7c;margin-bottom:1rem}p{margin-bottom:1.5rem;font-size:1.1rem;color:#333}a{color:#5069a3;text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:#324b7c;text-decoration:underline}button{background-color:#324b7c;color:#fdfdfd;border:none;padding:.6rem 1.2rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#25365d}