*{margin:0;padding:0;box-sizing:border-box}html,body,#root{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#fff;min-height:100%}a{text-decoration:none;color:inherit}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{flex:1;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f0f0f0;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:1000}.logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-links li a{color:#333;font-weight:700;transition:color .3s}.nav-links li a:hover,.nav-links li a.active{color:#0f1ea2;text-decoration:underline}.navbar a.active{color:#2e7d32;background-color:#f0f0f0}.home-container,.about-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:6rem 2rem;max-width:1000px;margin:0 auto;text-align:center}.home-text,.about-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.home-text h1,.about-text h1{font-size:2rem;margin-bottom:.5rem}.home-text h2{font-size:1.2rem;margin-bottom:1rem}.home-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{background-color:#2e7d32;color:#fff;padding:.8rem 1.5rem;border-radius:5px;font-weight:700;transition:background .3s;border:none;cursor:pointer}.btn:hover{background-color:#1b5e20}.btn:disabled{background-color:#ccc;cursor:not-allowed}.home-photo,.about-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center top}.home-photo-container,.about-photo-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}.projects-page{text-align:center;padding:50px 20px}.projects-header h1{margin-bottom:1rem}.projects-header p{margin-bottom:2rem}.projects-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto}.project-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.project-card img{max-width:100%;height:auto;border-radius:8px;margin-bottom:15px}.project-card h2{font-size:1.4rem;margin-bottom:10px;color:#2c3e50;background-color:#fff}.project-card p{margin-bottom:10px;color:#333}.project-card .skills{font-style:italic;font-size:.9rem;color:#333;background-color:#fff}.project-card a{display:inline-block;margin-top:10px;padding:10px 15px;background:#0077b6;color:#fff;border-radius:8px;text-decoration:none;transition:background .3s}.project-card a:hover{background:#005f8d}.description-list{text-align:left;margin:0 auto 1rem;padding-left:1.2rem;color:#555;font-size:.95rem;line-height:1.5}.description-list li{margin-bottom:.4rem}.contact-page{max-width:1000px;margin:0 auto;padding:6rem 2rem;display:flex;flex-direction:column;gap:2rem}.contact-header{text-align:center;margin-bottom:1.5rem}.contact-header h1{font-size:2rem;margin-bottom:.5rem;color:#2c3e50}.contact-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:700px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1rem;background:#fafafa;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;width:100%;box-sizing:border-box}.contact-form label{font-weight:700;color:#333}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:#2e7d32;outline:none;box-shadow:0 0 0 2px #2e7d3233}.contact-form input.error,.contact-form textarea.error{border-color:#e53935}.contact-form .btn{align-self:flex-start}.form-success{color:#2e7d32;margin-top:.5rem}.form-error{color:#e53935;margin-top:.5rem}.footer{background-color:#000;color:#fff;padding:1.5rem 0;width:100%;display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;text-align:center}.footer a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.footer a:hover{color:#4caf50}.footer-links{display:flex;justify-content:center;align-items:center;gap:2rem}.notfound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:80vh;gap:1rem;padding:6rem;color:#e53935;background-color:#fff}.notfound-container h1{font-size:5rem;margin-bottom:1rem}.notfound-container h2{font-size:1.5rem;margin-bottom:2rem;color:#333}.notfound-container svg{margin-bottom:1.5rem}.notfound-container .btn{padding:.8rem 1.5rem;font-weight:700}@media (min-width: 769px){.home-container,.about-container{flex-direction:row;justify-content:center;align-items:center;gap:3rem;text-align:left;padding-top:6rem}.home-photo,.about-photo{width:450px;height:450px}.home-text,.about-text{flex:1}.projects-page{padding-top:6rem}.projects-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.project-card{flex:1 1 300px;max-width:300px}.nav-links{flex-direction:row;gap:1.5rem}.contact-container{flex-direction:row;align-items:flex-start}.contact-form{flex:1}}@media (max-width: 768px){.home-container,.about-container,.projects-page,.contact-page{padding-top:11rem;padding-bottom:6rem}.home-photo,.about-photo{width:150px;height:150px}.projects-container{flex-direction:column}.notfound-container{padding-top:8rem;min-height:auto}}