.portfolio-container{background:#0A0A0A;color:white;padding:5vw;min-height:100vh;text-align:center;font-family:Poppins,sans-serif}.title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:10px;background:linear-gradient(90deg,#82eaff,#00e0ff,#8affff);-webkit-background-clip:text;color:transparent}.subtitle{font-size:clamp(1.1rem,2.3vw,1.3rem);opacity:.85;max-width:700px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:30px;color:whitesmoke}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));width:auto;grid-gap:25px;gap:25px;justify-content:center;margin-top:20px;padding:25px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card{background:linear-gradient(145deg,#181818,#0F0F0F);border:1px solid #00caff;color:#CFCFCF;padding:25px;border-radius:15px;cursor:pointer;transition:all .35s ease;max-width:350px;margin:auto;box-shadow:0 0 8px rgba(0,255,255,.1)}.project-card h3{color:#00D0FF;font-size:1.3rem;font-weight:700}.project-card:hover{transform:translateY(-7px) scale(1.03);box-shadow:0 0 20px rgba(0,225,255,.4);border-color:#00caff}.project-card p{text-decoration:none;color:white;font-weight:700}.project-card a{color:darkgoldenrod}.project-card a:hover{text-decoration:underline;color:darkgoldenrod}.project-image{width:100%;border-radius:10px;object-fit:cover;height:auto;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.tech-stack{color:wheat;font-size:1rem;margin-top:8px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,5,5,.95);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.expanded-card{background:#111;padding:35px;border-radius:18px;max-width:90%;text-align:center;animation:fadeIn .5s ease-in-out;position:relative;border:1px solid rgba(0,225,255,.25);box-shadow:0 0 25px rgba(0,225,255,.3)}.expanded-card a{background:linear-gradient(135deg,#00E5FF,#7A5CFF);color:black;text-decoration:none;padding:12px 20px;border-radius:15px;display:inline-block;font-weight:700;transition:all .25s ease}.expanded-card a:hover{transform:scale(1.1);border-radius:12px;filter:brightness(1.2)}.expanded-image{width:100%;max-width:600px;height:auto;border-radius:10px;margin:20px auto;transition:all .4s ease-in-out;border:1px solid rgba(255,255,255,.15)}.expanded-image:hover{transform:scale(1.05);box-shadow:0 0 18px rgba(0,225,255,.2)}.close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;color:#fff;font-size:1.7rem;cursor:pointer;transition:transform .3s ease}.close-btn:hover{transform:scale(1.25);color:#00E5FF}@keyframes fadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.portfolio-container{padding:10px}.title{font-size:2rem}.subtitle{font-size:1rem}.project-grid{padding:0 10px;grid-template-columns:1fr}.expanded-card{padding:20px;max-width:90%;margin-right:30px}}