.title{background-color:#fff;color:#222;margin-top:100px;padding:80px 20px;text-align:center}.title-h1{font-size:3rem;font-weight:700}.title p{color:#888;font-size:1.2rem;margin:20px auto;max-width:600px}.cta{background-color:#222;border-radius:4px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.cta:hover{background-color:#444}.skills-header{color:#222;font-size:2rem;margin-bottom:20px;text-align:center}.skills{display:flex;gap:10px;justify-content:center;list-style:none;padding:0;text-align:center}.skills li{border:1px solid #888;border-radius:4px;cursor:pointer;font-weight:600;padding:0 10px;transition:.2s ease}.skills li a{color:#222;display:block;text-decoration:none}.skills li:hover{background-color:#222}.skills li:hover a{border-color:#222;color:#fff}#contact{background-color:#fff;color:#222;margin:40px 0;padding:60px 20px;text-align:center}input[type=email],input[type=text],textarea{background-color:#fff;border:1px solid #888;border-radius:4px;box-sizing:border-box;color:#222;font-size:1rem;padding:8px;width:35%}@media (max-width:768px){button,input[type=email],input[type=text],textarea{width:90%}}body{background-color:#f5f5f5;color:#222;font-family:Arial,sans-serif;line-height:1.6;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}#container-nav{align-items:center;background-color:#222;display:flex;height:70px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.nav-left{flex:1 1}.nav-center{display:flex;flex:1 1;gap:15px;justify-content:center}.nav-link{color:#fff;font-weight:600;padding:10px;text-decoration:none}.nav-link:hover{text-decoration:underline}header{padding:90px 20px 20px}footer,header{background-color:#222;color:#fff;text-align:center}footer{padding:20px;width:100%}nav a{color:#fff;margin-right:15px;text-decoration:none}hr{border:none}@media (max-width:768px){#container-nav{align-items:center;flex-direction:column;height:auto;padding:10px 20px}.nav-center,.nav-left{flex:none;margin:5px 0;text-align:center;width:100%}.nav-center{flex-wrap:wrap;justify-content:center}}.projects-section{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.projects-title{color:#222;font-size:2.5rem;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease-in-out}.project-card:hover{transform:translateY(-5px)}.project-image{background-color:#fff;display:block;height:180px;margin:0 auto;object-fit:contain;width:100%}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem 1.5rem 1.5rem}.project-status{border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;padding:.2rem .7rem;text-transform:uppercase;width:fit-content}.status-completed{background-color:#28a745}.status-in-progress{background-color:#ffc107;color:#333}.status-planned{background-color:#dc3545}.project-content h3{color:#222;font-size:1.3rem;margin:.2rem 0 .6rem}.project-desc{color:#555;flex-grow:0;font-size:1rem;line-height:1.3;margin:0 0 .6rem}.project-details{color:#666;flex-grow:1;font-size:.85rem}.project-details,.project-links{margin-bottom:1rem}.github-link{color:#0366d6;font-weight:600;text-decoration:none}.github-link:focus,.github-link:hover{text-decoration:underline}.report-toggle{align-self:auto!important;background-color:#0366d6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-align:center!important;transition:background-color .3s ease}.report-toggle:focus,.report-toggle:hover{background-color:#024e9b;outline:none}.modal-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-window{background:#fff;border-radius:16px;box-shadow:0 12px 36px #00000059;font-size:1rem;left:50%;max-height:85vh;max-width:800px;overflow-y:auto;padding:2rem 2.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:75vw;z-index:1001}.modal-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:1.8rem;position:absolute;right:12px;top:8px}.modal-close-btn:hover{color:#007bff}.modal-content p{color:#333;line-height:1.4;margin-bottom:1rem}.screenshots{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.screenshots img{border-radius:8px;box-shadow:0 2px 6px #00000026;max-width:45%}.project-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.skill-badge{background-color:#eee;border-radius:12px;color:#333;display:inline-block;font-size:.85em;font-weight:600;padding:3px 8px;-webkit-user-select:none;user-select:none}@media (max-width:600px){.project-image{height:140px}.modal-window{max-height:90vh;max-width:none;padding:1rem 1.5rem;width:95%}}.about-section{background-color:#fafafa;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:2rem auto;max-width:700px;padding:1.5rem 2rem}.about-section h2{color:#222;font-size:2.4rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-align:center}.about-section p{font-size:1.1rem;margin-bottom:1rem;text-align:justify}
/*# sourceMappingURL=main.6d7a4dc4.css.map*/