@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#134e5e,#0c7075);padding-top:2rem;padding-bottom:2rem}.container{padding:4rem 2.5rem;max-width:1200px;margin:0 auto;background-color:#ffffff14;border-radius:20px;min-height:calc(100vh - 4rem);box-shadow:0 8px 30px #00000026}.container:last-of-type{padding-bottom:1.2rem}.header-logo{display:flex;justify-content:center;margin-top:1rem}.header-logo img{height:110px;width:auto}.main-title{text-align:center;font-size:3rem;font-weight:700;color:#f6eee6;margin-top:.3rem;margin-bottom:2rem;letter-spacing:.5px;transition:text-shadow .3s ease-in-out}.main-title:hover{text-shadow:0 0 12px rgba(255,255,255,.2)}.main-underline{width:120px;height:4px;background-color:#d99b3b;margin:0 auto 2rem;border-radius:3px;transform-origin:center;animation:underline-expand .8s ease-out forwards}@keyframes underline-expand{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.author-name{text-align:center;font-size:1.2rem;font-weight:400;color:#f6eee6;margin-top:-1rem;margin-bottom:2.2rem;opacity:.85;letter-spacing:.5px}.intro-text{max-width:910px;margin:2rem auto 5rem;text-align:justify;color:#f6eee6;font-size:1.15rem;line-height:1.6;opacity:.9;padding:0 1rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2rem;row-gap:3rem}.section-title{font-size:2rem;font-weight:600;margin:3rem auto 1rem;color:#f6eee6;max-width:1200px;padding-left:0;padding-right:2rem}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}.header-logo img{height:95px}.main-title{font-size:2.5rem}.container{max-width:85%}.container:last-of-type{padding-bottom:0}.section-title{font-size:1.8rem;padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){.grid{grid-template-columns:1fr}.header-logo img{height:90px}.main-title{font-size:2.2rem}.intro-text{max-width:450px}.container{padding:1rem}.section-title{font-size:1.6rem;padding-left:1.5rem;padding-right:1.5rem}}.footer{margin-top:3rem;padding:0 2rem 2rem;color:#f6eee6;font-size:1.05rem}.footer-line{height:2px;background-color:#f6eee6;opacity:.7;max-width:1250px;margin:0 auto 1.5rem;border-radius:3px}.footer-logo{display:flex;justify-content:center;margin-bottom:-3.3rem;margin-top:1rem}.footer-logo img{height:70px;width:auto}.logo-glass{display:inline-flex;justify-content:center;align-items:center;padding:.45rem;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #0000001a}.logo-glass:hover{box-shadow:0 6px 20px #0003}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;font-weight:500}.footer-right a{color:#f6eee6;text-decoration:none;cursor:pointer;position:relative}.footer-right a:after{content:"";position:absolute;right:0;bottom:-5px;width:100%;height:1px;background-color:#f6eee6;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-in-out}.footer-right a:hover:after{transform:scaleX(1)}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;gap:.5rem;text-align:center}.footer-logo{margin-bottom:1rem}.footer-logo img{height:60px}.logo-glass{padding:.4rem;box-shadow:0 4px 12px #00000014}}.project-card{background-color:#f6eee6;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;height:100%;border:2px solid transparent;transition:transform .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{transform:scale(1.03);border-color:#0c7075;box-shadow:inset 0 0 0 1px #0c707533,inset 0 0 8px #0c707526}.project-image-wrapper{display:block;overflow:hidden;box-shadow:0 4px 8px #0003}.project-image{width:100%;height:278px;object-fit:cover;background-color:#f5f2ec;display:block;transition:transform .3s ease,filter .3s ease}.project-image-wrapper:hover .project-image{transform:scale(1.03);filter:brightness(.95)}.project-content{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;justify-content:space-between;flex-grow:1}.project-title{font-size:1.5rem;margin-bottom:-8px;margin-top:8px;color:#0c4f60;text-align:center;min-height:48px}.title-underline{width:50px;height:3px;background-color:#0c4f60;margin:0 auto .5rem;border-radius:2px}.project-description{min-height:64px;font-size:.95rem;font-weight:600;text-align:left;margin:0 -5px 0 0;color:#0c4f60}.project-stack{font-size:.85rem;font-weight:600;color:#d99b3b;margin-top:1rem;text-align:center}.project-links{margin-top:auto;display:flex;justify-content:center;gap:1rem}.project-links a{text-decoration:none;color:#0c4f60;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;transition:color .2s ease-in-out,text-decoration .2s ease-in-out}.project-links a:hover{text-decoration:underline;color:#16989f}.project-links a svg{font-size:1.1rem;transition:transform .3s ease-in-out,color .3s ease-in-out}.project-links a:hover svg{transform:scale(1.1);color:#16989f}a:focus:not(:focus-visible){outline:none}a:focus-visible{outline:3px solid #d99b3b;outline-offset:8px;border-radius:50%}.project-image-wrapper:focus-visible{outline:5px solid #d99b3b;outline-offset:-3px;border-radius:12px}.badge-coming-soon{display:inline-block;margin:.5rem auto 0;padding:.3rem 1.5rem;font-size:.89rem;font-weight:700;background-color:#104d5f;color:#fff;border-radius:5px;text-transform:uppercase;text-align:center;box-shadow:inset 0 1px 3px #ffffffb3,inset 0 -1px 3px #0003}.placeholder-card{height:100%;border-radius:12px;background:linear-gradient(135deg,#fdf7f01a,#fdf7f003)}@media (max-width: 1024px){.placeholder-card:nth-of-type(2){display:none}}@media (max-width: 768px){.placeholder-card{display:none}}
