body{font-family:Roboto,Arial;margin:0;padding:0}.home-container{background-color:#0e0f11;color:#e4e6eb;min-height:100vh}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;background-color:#14161a;border-radius:16px;border:1px solid #23262d;margin-bottom:4rem}.hero-title{font-size:2.75rem;margin-bottom:1rem;font-weight:600;letter-spacing:-.5px}.highlight{color:#4ade80}.hero-subtitle{font-size:1.1rem;max-width:680px;color:#b0b5be;line-height:1.6;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1.2rem}.primary-btn{background-color:#4ade80;color:#0e0f11}.secondary-btn{background-color:transparent;color:#e4e6eb;border:1px solid #30343c}.secondary-btn:hover{background-color:#1b1e24}.about-section{padding:3rem 2rem;background-color:#14161a;border-radius:16px;border:1px solid #23262d;text-align:center;margin-bottom:4rem}.about-section h2{font-size:1.8rem;margin-bottom:1.75rem;font-weight:600;color:#e4e6eb}.about-section img{height:180px;width:180px;border-radius:50%;object-fit:cover;margin-bottom:2rem;border:2px solid #30343c}.about-section p{max-width:760px;margin:0 auto;font-size:1rem;line-height:1.8;color:#b0b5be}.skills-section{padding:3rem 2rem;text-align:center}.skills-section h2{font-size:1.8rem;margin-bottom:2rem;font-weight:600}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.skills-list span{background-color:#14161a;color:#b0b5be;padding:.45rem .9rem;border-radius:6px;font-size:.9rem;border:1px solid #23262d}.skills-list span:hover{color:#e4e6eb;border-color:#4ade80}@media screen and (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.about-section img{height:140px;width:140px}}.contact-page{width:100%;height:100vh;background-color:#0e0f11;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;box-sizing:border-box}.contact-section{width:100%;background-color:#14161a;border:1px solid #23262d;color:#e4e6eb;padding:3rem 2rem;box-sizing:border-box;overflow:hidden}.contact-section h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;text-align:center}.contact-subtitle{text-align:center;color:#b0b5be;max-width:640px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.6}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem}.contact-info{background-color:#0e0f11;border:1px solid #23262d;border-radius:12px;padding:2rem}.contact-info h3{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.contact-item{margin-bottom:1.2rem}.contact-item .label{display:block;font-size:.8rem;color:#8b9098;margin-bottom:.25rem}.contact-item .value{font-size:.95rem;color:#e4e6eb}.contact-form{display:flex;flex-direction:column;gap:1.2rem;background-color:#0e0f11;border:1px solid #23262d;border-radius:12px;padding:2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.8rem;color:#b0b5be;margin-bottom:.35rem}.form-group input,.form-group textarea{background-color:#14161a;border:1px solid #23262d;border-radius:8px;padding:.65rem .75rem;font-size:.9rem;color:#e4e6eb;font-family:inherit;transition:border-color .2s ease,transform .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7078}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4ade80;transform:scale(1.02)}.primary-btn{background-color:#4ade80;color:#0e0f11;border:none;border-radius:50px;padding:.75rem 2rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 6px 12px #4ade804d}.primary-btn:hover{background-color:#3fcf72;transform:translateY(-2px);box-shadow:0 8px 16px #4ade8066}@media screen and (max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem}.primary-btn{align-self:stretch;text-align:center}.contact-section{padding:2rem 1.5rem}}.project-container{background-color:#0e0f11;color:#e4e6eb;min-height:100vh;padding:2rem}.project-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;background-color:#14161a;border-radius:16px;border:1px solid #23262d;margin-bottom:4rem}.project-title{font-size:2.5rem;margin-bottom:1rem;font-weight:600}.project-subtitle{font-size:1.05rem;max-width:680px;color:#b0b5be;line-height:1.6}.projects-section{padding:2rem 0}.projects-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.project-card{background-color:#14161a;border:1px solid #23262d;border-radius:16px;padding:2rem;max-width:400px;text-align:center;transition:border-color .2s ease,transform .2s ease}.project-card h3{margin-bottom:1rem;font-size:1.3rem}.project-card p{color:#b0b5be;line-height:1.6;margin-bottom:1.8rem}.project-card:hover{border-color:#4ade80;transform:translateY(-4px)}.btn{padding:.75rem 1.75rem;border-radius:8px;font-weight:500;font-size:.95rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.primary-btn{background-color:#4ade80;color:#0e0f11;border:none}.primary-btn:hover{background-color:#3fcf72}@media screen and (max-width:768px){.project-title{font-size:2rem}.projects-grid{flex-direction:column;align-items:center}}