.header{background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;position:relative;z-index:10}.header .logo a{text-decoration:none;font-weight:700;font-size:1.25rem;color:#07f;white-space:nowrap}.header .nav-links{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%}.header .nav-links a{text-decoration:none;color:#07f;padding:.5rem 1rem;border-radius:8px;transition:background .2s;text-align:center;word-wrap:break-word}.header .nav-links a:hover{background:#eef3fa}.header .nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#fff;padding:1rem 0;box-shadow:0 4px 12px #0000001a}.header .burger{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:18px;cursor:pointer}.header .burger .line{width:100%;height:3px;background:#07f;border-radius:2px;transition:transform .3s,opacity .3s}.header .burger .line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .burger .line.open:nth-child(2){opacity:0}.header .burger .line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (min-width: 768px){.header .burger{display:none}.header .nav-links{display:flex!important;flex-direction:row;position:static;width:auto;gap:1rem;padding:0;box-shadow:none}.header .nav-links a{padding:.5rem .75rem}}.footer{background:#07f;color:#fff;text-align:center;padding:1.5rem}.footer p{font-size:.9rem}.home{padding:2rem 1rem;background:#f5f7fa}.home .container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:3rem;align-items:center;box-sizing:border-box;padding:0 1rem}.home .hero-rectangle{width:100%;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;box-sizing:border-box}.home .hero-rectangle .hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;width:100%}.home .hero-rectangle .hero-content .text{width:100%;max-width:100%}.home .hero-rectangle .hero-content .text p,.home .hero-rectangle .hero-content .text h1{margin:1.5rem 0;word-wrap:break-word}.home .hero-rectangle .hero-content .text .buttons{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.home .hero-rectangle .hero-content .text .buttons a{padding:.75rem 1.5rem;background:#07f;color:#fff;border-radius:10px;text-decoration:none;transition:background .2s;text-align:center}.home .hero-rectangle .hero-content .text .buttons a:hover{background:#005bb5}.home .hero-rectangle .hero-content .image img{width:120px;height:120px;border-radius:50%;border:3px solid #0077ff;object-fit:cover}.home .showcase{width:100%;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.home .showcase h2{font-size:1.75rem;color:#07f}.home .showcase .projects{display:flex;flex-direction:column;gap:1rem}.home .showcase .projects .project{background:#fff;padding:1rem;border-radius:15px;box-shadow:0 4px 12px #00000014;text-align:center;transition:transform .2s}.home .projects-button{margin-top:2rem;display:flex;justify-content:center}.home .projects-button a{padding:.9rem 2rem;background:#07f;color:#fff;font-size:1.05rem;border-radius:50px;text-decoration:none;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.home .projects-button a:hover{transform:translateY(-3px) scale(1.03)}@media (min-width: 768px){.home .home .hero-rectangle{gap:4rem}.home .container{max-width:1000px}.home .hero-rectangle .hero-content{flex-direction:row;align-items:center;text-align:left;justify-content:space-between;gap:14rem}.home .hero-rectangle .hero-content .text{flex:2.7}.home .hero-rectangle .hero-content .text .buttons{justify-content:flex-start}.home .hero-rectangle .hero-content .image{flex:1}.home .showcase .projects{flex-direction:row;justify-content:space-between}.home .project{flex:1;max-width:32%}}.projects-page{padding:2rem 1rem;background:#f5f7fa}.projects-page .container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box;padding:0 1rem}.projects-page h1{text-align:center;color:#07f;font-size:2rem}.projects-page .grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}.projects-page .project-card{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s;width:100%;box-sizing:border-box;height:100%}.projects-page .project-card img{width:100%;max-width:250px;border-radius:15px;object-fit:cover;margin-bottom:1rem}.projects-page .project-card h2{color:#07f;margin-bottom:.5rem;min-height:2.5rem}.projects-page .project-card p{color:#555;margin-bottom:.75rem;word-wrap:break-word;min-height:3rem}.projects-page .project-card .tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0;margin-bottom:1rem}.projects-page .project-card .tech-list li{background:#07f;color:#fff;padding:.5rem 1rem;border-radius:10px;font-size:1rem}.projects-page .project-card a{text-decoration:none;background:#07f;color:#fff;padding:1rem 2rem;border-radius:10px;transition:background .2s}.projects-page .project-card a:hover{background:#005bb5}@media (min-width: 600px){.projects-page .grid{grid-template-columns:repeat(2,1fr)}.projects-page .project-card img{max-width:200px;height:160px}}@media (min-width: 992px){.projects-page .grid{grid-template-columns:repeat(3,1fr)}.projects-page .project-card img{max-width:260px;height:140px}}.about{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;background:#f5f7fa}.about .container{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:2rem}.about .section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 12px #00000014;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:transform .2s}.about .section:hover{transform:translateY(-3px)}.about .profile{flex-direction:column;text-align:center}.about .profile .photo img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #0077ff}.about .profile .info h2{font-size:2rem;margin:.5rem 0}.about .profile .location{color:#555;margin-bottom:1rem;font-weight:500}.about .profile .bio{max-width:700px;color:#555;font-size:1rem;line-height:1.6;margin:0 auto}.about .skills,.about .experience,.about .personal{width:100%;display:flex;flex-direction:column;align-items:center}.about .skills h3,.about .experience h3,.about .personal h3{font-size:1.5rem;margin-bottom:1rem;color:#07f}.about .skills .skill-list,.about .experience .skill-list,.about .personal .skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.about .skills .skill-list span,.about .experience .skill-list span,.about .personal .skill-list span{background:#07f;color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;transition:transform .2s}.about .skills .skill-list span:hover,.about .experience .skill-list span:hover,.about .personal .skill-list span:hover{transform:scale(1.05)}.about .skills ul,.about .experience ul,.about .personal ul{list-style:none;padding:0;max-width:700px;text-align:left}.about .skills ul li,.about .experience ul li,.about .personal ul li{margin-bottom:.5rem;color:#555;font-size:1rem}.about .skills p,.about .experience p,.about .personal p{max-width:700px;color:#555;line-height:1.6;font-size:1rem}@media (min-width: 768px){.about .profile{flex-direction:row;text-align:left;gap:2rem;align-items:flex-start}.about .profile .info{flex:1}.about .profile .bio{margin:0}.about .skills,.about .experience,.about .personal{align-items:flex-start}}.contact{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:3rem;background:#f5f7fa}.contact .container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:2rem;align-items:center;box-sizing:border-box;padding:0 1rem}.contact .section{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 12px #00000014;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;box-sizing:border-box}.contact .social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0rem}.contact .social-links a{color:#07f;text-decoration:none;font-weight:500;transition:color .2s}.contact .social-links a:hover{color:#005bb5}.contact .btn_download{display:flex;justify-content:center;align-items:center;background:#07f;text-decoration:none;color:#fff;font-weight:600;padding:1rem;border-radius:10px}.contact .btn_download:hover{background:#005bb5}.contact form{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.contact form input,.contact form textarea{padding:.75rem 1rem;border:1px solid #ddd;border-radius:10px;font-size:1rem;width:100%;box-sizing:border-box}.contact form textarea{resize:vertical;min-height:120px}.contact form button{padding:.75rem 1.5rem;border:none;background:#07f;color:#fff;border-radius:10px;font-size:1rem;cursor:pointer;transition:background .2s}.contact form button:hover{background:#005bb5}@media (min-width: 768px){.contact .container{max-width:800px;align-items:flex-start;padding:0}.contact .section{text-align:left;align-items:flex-start}.contact .social-links{justify-content:flex-start}}body{font-family:Inter,sans-serif;margin:0;background:#fff;color:#222;font-size:16px}.container{width:100%;margin:0 auto;max-width:1200px}.header{background:#fff;padding:1rem;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.header .nav-links{display:none}@media (min-width: 768px){.header .nav-links{display:flex;gap:1.5rem}}.project-details{padding:2rem}.project-details img{width:100%;max-width:600px;border-radius:10px;margin:1.5rem 0}.project-details .back-btn{padding:.5rem 1.5rem;background:#07f;color:#fff;border-radius:20px;text-decoration:none;font-weight:1000;transition:all .3s ease}.project-details .back-btn:hover{background:#005bb5;transform:translateY(-2px)}.project-details .container-projects{padding:1rem;display:flex;justify-content:center;flex-direction:column}.project-details .container-projects h1{text-align:center}.project-details .container-projects p{font-size:clamp(1.1rem,2vw,1rem)}.project-details .container-projects img{margin:0 auto}.project-details .container-projects .list{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;padding:0;margin-bottom:1rem}.project-details .container-projects .list li{background:#07f;color:#fff;padding:.5rem 1rem;border-radius:10px;font-size:1rem}.project-details .button{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem}.project-details .button a{padding:.8rem 1.8rem;background:#07f;color:#fff;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.project-details .button a:hover{background:#005bb5;transform:translateY(-2px)}@media (min-width: 768px){.project-details .container-projects p{font-size:clamp(1.2rem,2vw,1.2rem);padding:2rem}.project-details .container-projects .list li{font-size:1.4rem}}