body,html{margin:0;padding:0;box-sizing:border-box;width:100%;overflow-x:hidden;font-family:Roboto,sans-serif}.h1-main{font-size:3rem}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;justify-content:center;padding:0 1rem;border-bottom:1px solid #ccc;background:#eee;position:relative;min-height:80px}.logo{position:absolute;left:1rem;padding:2rem;width:64px;height:auto}.section-header{margin-top:1.5rem;padding:1rem;display:flex;justify-content:center;font-size:2rem;font-weight:700}.back-link{display:inline-block;margin:1rem 2rem 0;color:#333;text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}.plain-text{display:flex;flex-direction:column;gap:5px;width:1200px;margin:0 auto;box-sizing:border-box}.share-actions{margin-top:1rem;display:flex;justify-content:flex-start}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#6b7280;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background .2s ease-in-out}.share-button:hover{background:#1f2937}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;padding:2rem;background:#eee}.project-card .icon{font-size:3rem}.project-card .icon-image{width:64px;height:64px;object-fit:contain}.project-card .label{margin-top:.5rem}.page-footer{margin-top:auto;padding:0 2rem;background:#eee}.footer-content{display:flex;flex-direction:column;align-items:center;width:100%}.footer-contact h3{width:100%;text-align:center;margin:.3rem 0}.footer-contact p{margin:.2rem 0;color:#555}.footer-contact a{color:#007bff;text-decoration:none}.footer-bottom{display:flex;justify-content:right;width:100%;padding-top:.2rem;font-size:.9rem;color:#777}.contact-form{display:flex;flex-direction:column;gap:5px;width:80vw;max-width:400px;margin:0;box-sizing:border-box}.contact-form textarea{width:100%;box-sizing:border-box;min-height:120px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;resize:vertical;display:block}.contact-form button{align-self:flex-end;margin-top:3px;margin-bottom:7px;background-color:#333;padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .3s}.contact-form button:hover{background-color:#555}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:inherit}.modal-content{background:#1a1a1a;padding:2.5rem;border-radius:12px;width:320px;box-shadow:0 10px 30px #00000080;border:1px solid #333}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:#fff}.input-group{margin-bottom:1.2rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#ccc}.input-group input{width:100%;padding:10px;box-sizing:border-box;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:1rem}.input-group input:focus{outline:none;border-color:#666}.modal-actions{display:flex;gap:12px;margin-top:2rem}.btn-primary{flex:2;padding:12px;cursor:pointer;background:#e0e0e0;color:#000;border:none;border-radius:4px;font-weight:700}.btn-secondary{flex:1;padding:12px;cursor:pointer;background:transparent;color:#888;border:1px solid #444;border-radius:4px}.btn-primary:hover{background:#fff}.btn-secondary:hover{color:#fff;border-color:#666}