.project-card{background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s;border:1px solid #C084FC;max-width:360px;height:100%;display:flex;flex-direction:column}.project-card:hover{box-shadow:0 10px 20px #0003}project-card .img-container{overflow:hidden;transition:opacity .3s;width:100%;position:relative}.project-card .img-container img{width:100%;height:185px;object-position:center;display:block}.project-card-content{padding-bottom:2rem;display:flex;flex-direction:column;flex-grow:1}.project-card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#d946ef,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.project-card-description{color:#4b5563;margin-bottom:auto;font-size:1rem;line-height:1.75rem;text-align:justify}.project-card-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;margin-top:1rem;justify-content:center}.project-card-technologies span{padding:.375rem 1rem;background:linear-gradient(to right,#f9a8d4,#c084fc);color:#9f1239;border-radius:9999px;font-size:.875rem;font-weight:500;transition:background-color .3s}.project-card-technologies span:hover{background:linear-gradient(to right,#f9c1d4,#d4a1fc)}.project-card-links{justify-content:center;display:flex;gap:1rem}.project-card-link{font-size:.875rem;font-weight:600;color:#d946ef;transition:color .3s;display:flex;align-items:center}.project-card-link:hover{color:#7c3aed}.project-card-link span{transform:translate(.25rem);transition:transform .3s}.project-card-link:hover span{transform:translate(.5rem)}@media (max-width: 768px){nav{padding:8px}nav .nav-buttons{gap:8px}nav .nav-buttons button{padding:6px 12px;font-size:.8rem}.presentation-section .intro-text{font-size:1rem;padding:6px 16px}.project-card-content{padding:1.5rem}.project-card-title{font-size:1.25rem}.project-card-description{font-size:.9rem}}footer{padding:32px 16px;text-align:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}footer p{color:#4b5563;max-width:1200px;margin:0 auto}body{font-family:Arial,sans-serif;background:linear-gradient(to bottom right,#f9a8d4,#c084fc,#a5f3fc);min-height:100vh;margin:0;display:flex;flex-direction:column}nav{position:fixed;width:100%;top:0;z-index:50;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #C084FC;box-shadow:0 4px 6px #0000001a;border-radius:0 0 20px 20px;box-sizing:border-box;display:flex;align-items:center;height:auto;padding:2px 0}.nav-container{display:flex;width:100%;height:60%;flex-wrap:wrap;padding:0 5%;justify-content:space-between}.logo-container{display:flex;cursor:pointer;align-items:center}.logo-image{max-height:100%;width:auto;object-fit:contain}nav .nav-buttons{display:flex;gap:16px;align-items:center}nav .nav-buttons button{text-transform:capitalize;font-size:.875rem;font-weight:500;padding:8px 16px;border-radius:9999px;transition:all .3s;white-space:nowrap;border:none;cursor:pointer;height:36px;display:flex;align-items:center;margin-left:auto}nav .nav-buttons .active{background:linear-gradient(to right,#d946ef,#7c3aed);color:#fff;box-shadow:0 4px 6px #0000001a}nav .nav-buttons .inactive{color:#4b5563;background-color:#e5d9ff}nav .nav-buttons button:hover{background-color:#c6c4cb}@media (max-width: 768px){.nav-container{justify-content:space-between;gap:15px}nav .nav-buttons{justify-content:center}}main{padding-top:96px;max-width:1200px;margin:0 auto;width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}section{padding:32px 0}.presentation-section{text-align:justify;display:flex;flex-direction:column;align-items:center;background:#fffc;border-radius:20px;opacity:.9;width:90%;margin:0 auto}.presentation-section .intro-text{margin-bottom:32px;padding:8px 24px;background:linear-gradient(to right,#d946ef,#7c3aed);color:#fff;font-size:clamp(1rem,1.3vw,2rem);font-weight:500;border-radius:9999px;box-shadow:0 4px 6px #0000001a}.presentation-section p{font-size:1.125rem;color:#4b5563;max-width:768px;margin:0 auto;padding:0 16px}.projects-section{display:flex;flex-direction:column;align-items:center}.projects-section .projects-header{text-align:center;margin-bottom:20px;max-width:768px}.projects-section h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:24px;background:linear-gradient(to right,#d946ef,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.projects-section p{font-size:1.125rem;color:#4b5563;padding:0 16px}.projects-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%;padding:0 16px}.project-card-wrapper{transition:transform .3s,scale .3s}.project-card-wrapper:hover{transform:translateY(-8px);scale:1.02}