:root{--color-light: #fff;--color-accent: #333;--color-primary: #007bff;--transition: .3s ease}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background-color:var(--color-light);position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.header h1{font-size:1.2rem;color:var(--color-accent);margin:0}.nav-desktop{display:flex}.nav-desktop a{margin-left:20px;text-decoration:none;color:var(--color-accent);font-weight:700;transition:var(--transition)}.nav-desktop a:hover{color:var(--color-primary)}.burger{display:none;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-accent)}.overlay{position:fixed;top:0;left:0;width:50%;height:100%;background-color:#0006;opacity:0;transition:opacity .3s ease;z-index:9;pointer-events:none}.overlay.visible{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:-100%;width:50%;height:100%;background:var(--color-light);display:flex;flex-direction:column;padding:30px 20px;gap:20px;z-index:10;transition:right .3s ease-in-out}.mobile-menu.open{right:0}.close{background:none;border:none;font-size:2rem;align-self:flex-end;cursor:pointer;color:var(--color-accent)}@media (max-width: 767px){.nav-desktop{display:none}.burger{display:block}}@media (min-width: 768px) and (max-width: 1024px){.nav-desktop{display:none}.burger{display:block}}.toast{position:fixed;bottom:2rem;right:2rem;background-color:#4caf50!important;color:#fff!important;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 10px #0000004d;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;font-weight:600;z-index:9999;max-width:320px;pointer-events:none}.toast.show{opacity:1;transform:translate(0);pointer-events:auto}.toast.success{background-color:#4caf50!important}.toast.error{background-color:#f44336!important}.gallery{margin-top:2%}#gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px}.gallery-thumb{width:100%;height:600px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;cursor:pointer}.gallery-thumb:hover{transform:scale(1.05)}.custom-file-upload{cursor:pointer;display:inline-block;padding:10px 20px;background:#007bff;color:#fff;border-radius:6px;font-weight:700;-webkit-user-select:none;user-select:none}button[type=submit]{margin-left:10px;padding:10px 20px;border-radius:6px;border:none;background-color:#28a745;color:#fff;font-weight:700;cursor:pointer}button[type=submit]:hover{background-color:#218838}@media (max-width: 767px){#gallery{grid-template-columns:repeat(1,1fr)}.gallery-thumb{padding:10px;height:600px}}:root{--font-main: "Helvetica Neue", sans-serif;--color-primary: #0d3b66;--color-secondary: #f4f4f4;--color-accent: #111;--color-light: #fff;--color-muted: #777;--radius: 12px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-secondary);color:var(--color-accent);line-height:1.6}.container{width:90%;max-width:1100px;margin:0 auto;padding:40px 0}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background-color:var(--color-light);position:sticky;top:0;z-index:10}.header h1{display:flex;align-items:center;gap:1rem}.logo{width:100px;height:80px}nav{display:flex}nav a{margin-left:20px;text-decoration:none;color:var(--color-accent);font-weight:700;transition:var(--transition)}nav a:hover{color:var(--color-primary)}.burger{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer}.hero{background:linear-gradient(to right,#0000004d,#0000004d),url(background.jpg) center/cover;color:var(--color-light);padding:100px 5%;text-align:center}.hero h2{font-size:2rem;margin-bottom:20px}.hero button{background:var(--color-primary);color:var(--color-light);padding:12px 24px;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.hero button:hover{background:#092f53}.about{display:flex;gap:40px;align-items:center;padding:80px 5%;background-color:var(--color-light)}.about img{border-radius:50%;width:160px;height:160px;object-fit:cover}.about-text{flex:1}.about-text h3{font-size:1.8rem;margin-bottom:15px}.about-text ul{list-style-type:disc;padding-left:20px}.about-text button{margin-top:20px;background:#000;color:#fff;padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition)}.about-text button:hover{background-color:#333}#hero a{background-color:#000;border:solid 1px black;border-radius:12px;text-decoration:none;color:#fff;padding:8px 16px}.projects{padding:60px 5%;background-color:#f4f4f4}.projects h3{font-size:1.8rem;margin-bottom:30px}.project-list{display:flex;flex-wrap:wrap;gap:30px}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:calc(33.333% - 20px);min-width:280px}.project-card img{width:100%;display:block}.project-card .content{padding:20px}.project-card h4{font-size:1.2rem;margin-bottom:5px}.project-card .tags{font-size:.9rem;color:#777;line-height:1.4}.project-card button{margin-top:10px;background:#000;color:#fff;padding:8px 16px;border:none;border-radius:12px;cursor:pointer;transition:.3s}.project-card button:hover{background:#333}.contact{padding:60px 5%;background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px}.contact form{flex:1;min-width:300px;display:flex;flex-direction:column;gap:15px}.contact input,.contact textarea{padding:10px;border:1px solid #ccc;border-radius:12px}.contact button{align-self:flex-start;padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:.3s ease}.contact button:hover{background-color:#222}.socials{display:flex;gap:20px;font-size:1.5rem}.socials a{color:#111;transition:.3s ease}.socials a:hover{color:#0d3b66}.contact-info p{margin:.5rem 0}.contact-info a{display:inline-flex;align-items:center;color:inherit;text-decoration:none;font-size:1rem}.contact-info i{margin-right:.5rem;font-size:1.2rem}@media screen and (max-width: 768px){.about{flex-direction:column;text-align:center}.project-list{flex-direction:column;align-items:center}.contact{flex-direction:column}nav{position:absolute;top:70px;right:0%;background:var(--color-light);flex-direction:column;gap:10px;padding:20px;border:1px solid #ccc;display:none}nav.open{display:flex}.burger{display:block}nav a{margin:0}}