:root{--bg-dark: #0a0c10;--bg-card: #151921;--accent-lime: #d4ff3f;--accent-blue: #00d2ff;--text-gray: #94a3b8}body{background-image:url(/wallpaper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:sans-serif;animation:slideZoom 50s linear infinite}@keyframes slideZoom{0%{background-position:0% 0%;background-size:120%}50%{background-position:100% 0%;background-size:130%}to{background-position:0% 0%;background-size:120%}}.glow-gradient{background:radial-gradient(circle at center,#1e293b,#0a0c10)}.gradient-text{background:linear-gradient(90deg,#fff,var(--accent-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent}body:has(.skills-section){overflow:hidden!important}#root:has(.skills-section){overflow:hidden!important}.skills-section{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;overflow:hidden;padding:2rem;box-sizing:border-box}.skills-showcase-container{position:relative;width:90%;max-width:900px;height:40vh;background:linear-gradient(135deg,#38bdf81a,#7f5cff1a,#ff4ecd1a);border:2px solid rgba(56,189,248,.3);border-radius:30px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 60px #38bdf833,inset 0 0 60px #38bdf80d;animation:borderGlow 3s ease-in-out infinite}.skills-title{font-size:3.5rem;margin-bottom:0;margin-top:-1rem;background:linear-gradient(270deg,#00eaff,#7f5cff,#ff4ecd);background-size:600% 600%;animation:gradientMove 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:4px;z-index:10;text-transform:uppercase}.skills-subtitle{margin-top:6rem;color:#fff9;font-size:1rem;font-weight:500;letter-spacing:1px;animation:pulse 2s ease-in-out infinite}.skills-box{position:relative;width:200px;height:200px;transform-style:preserve-3d;perspective:1000px;margin-top:4rem;flex:1;display:flex;align-items:center;justify-content:center}.card-3d{position:absolute;width:100%;height:100%;transform-style:preserve-3d;animation:rotate 20s linear infinite}.carousel-item{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:center;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 36deg)) translateZ(250px);background:#38bdf833;border:2px solid rgba(56,189,248,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backface-visibility:visible}.carousel-item:before{content:"";position:absolute;width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.3;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.carousel-item:hover{background:#38bdf866;border-color:#38bdf8cc;transform:rotateY(calc(var(--i) * 36deg)) translateZ(270px);box-shadow:0 0 30px #38bdf880}.carousel-item[data-skill=react]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg)}.carousel-item[data-skill=angular]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg)}.carousel-item[data-skill=javascript]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg)}.carousel-item[data-skill=python]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg)}.carousel-item[data-skill=sql]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg)}.carousel-item[data-skill=cpp]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg)}.carousel-item[data-skill=reactnative]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg)}.carousel-item[data-skill=php]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-original.svg)}.carousel-item[data-skill=nodejs]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg)}.carousel-item[data-skill=figma]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/figma/figma-original.svg)}.popup-descriptions{text-decoration:underline}.skill-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.skill-popup-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;max-width:500px;width:90%;position:relative;animation:popupSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 20px 60px #00000080}.popup-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.popup-icon{width:80px;height:80px;margin:0 auto 1.5rem;background-size:contain;background-repeat:no-repeat;background-position:center;animation:iconFloat 3s ease-in-out infinite}.popup-icon[data-skill=react]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg)}.popup-icon[data-skill=angular]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg)}.popup-icon[data-skill=javascript]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg)}.popup-icon[data-skill=python]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg)}.popup-icon[data-skill=sql]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg)}.popup-icon[data-skill=cpp]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg)}.popup-icon[data-skill=reactnative]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg)}.popup-icon[data-skill=php]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-original.svg)}.popup-icon[data-skill=nodejs]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg)}.popup-icon[data-skill=figma]{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/figma/figma-original.svg)}.popup-title{font-size:2rem;font-weight:900;text-align:center;margin-bottom:.5rem;background:linear-gradient(270deg,#00eaff,#7f5cff,#ff4ecd);background-size:600% 600%;animation:gradientMove 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-category{display:block;text-align:center;color:#38bdf8;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.popup-description{text-align:center;line-height:1.8;color:#fffc;font-size:1rem;margin:0}@keyframes rotate{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(360deg)}}@keyframes borderGlow{0%,to{box-shadow:0 0 60px #38bdf833,inset 0 0 60px #38bdf80d}50%{box-shadow:0 0 80px #7f5cff4d,inset 0 0 80px #7f5cff14}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes popupSlideIn{0%{transform:scale(.8) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.skills-showcase-container{width:95%;height:85vh;padding:2rem 1.5rem}.skills-title{font-size:2.5rem;letter-spacing:2px}.skills-subtitle{font-size:.9rem;margin-top:2rem}.skills-box{width:150px;height:150px;margin-top:3rem}.carousel-item{font-size:.9rem;transform:rotateY(calc(var(--i) * 36deg)) translateZ(180px)}.carousel-item:hover{transform:rotateY(calc(var(--i) * 36deg)) translateZ(200px)}.skill-popup-card{padding:2rem}.popup-title{font-size:1.5rem}}:root{--primary-color: #38bdf8;--secondary-color: #8b5cf6;--background-color: #0a0c12;--text-color: #e0e7ff}.submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:transparent;text-transform:uppercase;border:.1vw solid rgb(50,50,50);box-shadow:0 0 .5vw #000,0 0 .5vw .1vw transparent,0 0 2vw -.5vw #000,0 0 2vw -.5vw #000,0 -1vw 1vw -1vw transparent inset;padding:.4vw .55vw;width:8vw;height:2vw;border-radius:.2vw;cursor:pointer;text-shadow:.05vw 0 0 white;font-size:.8vw;position:relative;overflow:hidden;top:0;left:0;background:#000c;font-family:arial;letter-spacing:.2vw;-webkit-transition:.5s;transition:.5s}.submit:after{content:"Contact";width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:transparent;text-shadow:1.8vw 1.8vw 1.2vw white;text-transform:uppercase;font-size:.8vw;letter-spacing:5.2vw;-webkit-transition:.5s;transition:.5s}.submit:hover:after,.submit:focus:after{letter-spacing:.28vw;text-shadow:.08vw 0vw 0 var(--secondary-color)}.submit:before{content:"Contact";width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:transparent;text-shadow:1.8vw -2vw 1.2vw var(--secondary-color);text-transform:uppercase;font-size:.8vw;letter-spacing:5.2vw;-webkit-transition:.8s;transition:.8s}.submit:hover:before,.submit:focus:before{letter-spacing:.28vw;text-shadow:.08vw 0vw .08vw var(--secondary-color)}.submit:hover,.submit:focus{box-shadow:0 0 2vw #000,0 0 1.2vw .1vw #000,4vw 0 2vw -.5vw var(--primary-color),-4vw 0 2vw -.5vw var(--primary-color),0 -1vw 1vw -1vw var(--primary-color) inset;-webkit-transform:scale(1.15,1.15);transform:scale(1.15);background:#0003;font-size:1.25vw;letter-spacing:1.28vw;padding:.4vw 1vw;text-shadow:0 0 2vw white;border-bottom:.1vw solid rgb(255,0,105)}.box{width:140px;height:auto;float:left;transition:.5s linear;position:relative;display:block;overflow:hidden;padding:15px;text-align:center;margin:0 5px;background:transparent;text-transform:uppercase;font-weight:900;color:#fff}.box:before{position:absolute;content:"";left:0;bottom:0;height:4px;width:100%;border-bottom:4px solid transparent;border-left:4px solid transparent;box-sizing:border-box;transform:translate(100%)}.box:after{position:absolute;content:"";top:0;left:0;width:100%;height:4px;border-top:4px solid transparent;border-right:4px solid transparent;box-sizing:border-box;transform:translate(-100%)}.box:hover{box-shadow:0 5px 15px #0389a780}.box:hover:before{border-color:#d9f99d;height:100%;transform:translate(0);transition:.3s transform linear,.3s height linear .3s}.box:hover:after{border-color:#262626;height:100%;transform:translate(0);transition:.3s transform linear,.3s height linear .5s}button{color:#000;text-decoration:none;cursor:pointer;outline:none;border:none;background:transparent}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-card{background-color:#1a1a1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:2rem;width:90%;max-width:500px;box-shadow:inset 0 0 20px #ffffff1a,0 0 30px #00000080;animation:slideIn .3s ease-out}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{color:#fff;font-size:1.5rem;margin:0;font-weight:700}.close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#fff;font-size:.9rem;letter-spacing:.5px;font-weight:500}.form-input,.form-textarea{padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:#fff6;background-color:#ffffff14}.form-textarea{resize:vertical;font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.submit-btn-form{margin-top:1rem;width:100%}html,body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}#root{max-width:100%;width:100vw;height:100vh;margin:0 auto;padding:0;text-align:center;overflow:hidden}.main-root{max-width:100%;width:100vw;height:100vh;margin:0 auto;background-image:url(/assets/wallpaper2-BJ1tVHxw.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body:has(.about-container){overflow:auto!important}#root:has(.about-container){overflow:auto!important}.about-container{display:flex;gap:2rem;padding:2rem 5%;height:100vh;max-height:100vh;background-color:#000;color:#fff;box-sizing:border-box;overflow:hidden}.about-left-section{flex:1;display:flex;flex-direction:column;min-height:0}.about-gif-box{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;height:100%;display:flex;flex-direction:column;min-height:0}.about-gif-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:8px;min-height:0}.about-gif{width:100%;height:100%;object-fit:cover}.about-right-section{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-height:0;padding-right:.5rem;overflow-y:auto!important;overflow-x:hidden}.about-right-section::-webkit-scrollbar{width:6px}.about-right-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.about-right-section::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:10px}.about-right-section::-webkit-scrollbar-thumb:hover{background:#38bdf880}.about-me-box,.about-languages-box,.about-courses-box{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;flex-shrink:0}.about-section-title{font-size:1.3rem;font-weight:900;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase;margin-top:0;background:linear-gradient(270deg,#00eaff,#7f5cff,#ff4ecd);background-size:600% 600%;animation:gradientMove 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-sub-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;margin-top:0}.about-text{line-height:1.6;margin-bottom:1rem;color:#fffc;font-size:.95rem;text-align:justify}.about-skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.about-skill-tag{background:#38bdf833;border:1px solid rgba(56,189,248,.4);padding:.5rem 1rem .5rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s ease;position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.about-skill-tag:before{content:"";width:0;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform:rotate(-180deg) scale(0)}.about-skill-tag:hover:before{width:20px;opacity:1;transform:rotate(0) scale(1)}.about-skill-tag:hover{background:#38bdf84d;border-color:#38bdf899;transform:translateY(-2px);padding-left:1rem}.about-skill-tag[data-skill=javascript]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg)}.about-skill-tag[data-skill=typescript]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg)}.about-skill-tag[data-skill=python]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg)}.about-skill-tag[data-skill=java]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg)}.about-skill-tag[data-skill=html]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg)}.about-skill-tag[data-skill=sql]:before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg)}.about-course-list{list-style:none;padding:0;margin:0}.about-course-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fffc;transition:all .3s ease;font-size:.9rem}.about-course-item:last-child{border-bottom:none}.about-course-item:hover{color:#38bdf8;padding-left:.5rem}@media(max-width:968px){.about-container{flex-direction:column}.about-left-section{min-height:300px;max-height:40vh}}@media(max-width:768px){.about-container{padding:1.5rem 3%}.about-section-title{font-size:1.1rem}.about-sub-title{font-size:1rem}.about-gif-box,.about-me-box,.about-languages-box,.about-courses-box{padding:1.25rem}}.hero-container{width:100%;height:100vh;max-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding:20px 0;background-image:linear-gradient(#0a0c12b3,#0a0c12b3),url(/wallpaper.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.overlay-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.main-title{font-weight:900;color:#fff;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin:0}.sub-title{font-size:1.1rem;color:#cbd5e1;margin:10px 0 20px;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.hero-dialogue-wrapper{width:90%;max-width:650px;margin:0 auto;max-height:25vh}.expertise-container{display:flex;justify-content:center;margin-top:20px}.glass-card{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);width:300px;text-align:left}.vn-box{display:flex;align-items:center;width:100%;max-width:800px;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.3);border-radius:15px;padding:20px;cursor:pointer;gap:20px;margin:20px auto;transition:transform .2s ease}.vn-box:hover{transform:translateY(-2px);border-color:#38bdf8}.vn-character-container{flex-shrink:0;width:80px;height:80px;background:#ffffff0d;border-radius:50%;overflow:hidden;border:2px solid #38bdf8}.vn-character{width:100%;height:100%;object-fit:cover}.vn-text-container{flex-grow:1;text-align:left;display:flex;flex-direction:column}.vn-nametag{font-weight:700;color:#38bdf8;font-size:.9rem;margin-bottom:5px;letter-spacing:1px}.vn-text{font-size:1rem;line-height:1.5;color:#fff;margin:0;min-height:3em}.vn-arrow{align-self:flex-end;font-size:.8rem;color:#38bdf8;opacity:.5}.vn-arrow.finished{opacity:1;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.cursor-blink{animation:blink .8s infinite;margin-left:4px;color:#38bdf8}@keyframes blink{50%{opacity:0}}body:has(.projects-section){overflow:auto!important}#root:has(.projects-section){overflow:auto!important}.projects-section{min-height:100vh;background-color:#000;color:#fff;padding:4rem 5%;box-sizing:border-box}.projects-container{max-width:1400px;margin:0 auto}.projects-header{text-align:center;margin-bottom:3rem}.projects-main-title{font-size:4rem;font-weight:900;letter-spacing:4px;margin-bottom:1rem;margin-top:0;background:linear-gradient(270deg,#00eaff,#7f5cff,#ff4ecd);background-size:600% 600%;animation:gradientMove 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.projects-subtitle{font-size:1.1rem;color:#fff9;font-weight:400;margin:0;letter-spacing:1px}.projects-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.filter-btn:hover{background:#38bdf833;border-color:#38bdf866;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:#38bdf84d;border-color:#38bdf899;color:#fff;box-shadow:0 0 20px #38bdf84d}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{position:relative;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease}.project-card:hover{transform:translateY(-10px);border-color:#38bdf866;box-shadow:0 20px 40px #38bdf833}.project-card.featured{border:2px solid rgba(255,215,0,.4)}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2;box-shadow:0 4px 15px #ffd7004d}.project-image{position:relative;width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#38bdf8cc,#7f5cffcc);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-details{color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.project-content{padding:1.5rem}.project-category{display:inline-block;color:#38bdf8;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.project-title{font-size:1.5rem;font-weight:700;margin:.5rem 0;color:#fff}.project-description{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:1rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#38bdf833;border:1px solid rgba(56,189,248,.4);padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;color:#fff}.project-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;box-sizing:border-box;animation:fadeIn .3s ease;overflow-y:auto}.project-popup-card{background:#ffffff0d;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:900px;width:100%;position:relative;animation:popupSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 30px 80px #0009;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.popup-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;z-index:10}.popup-close:hover{background:#fff3;transform:rotate(90deg)}.popup-image{width:100%;height:400px;overflow:hidden;flex-shrink:0}.popup-image img{width:100%;height:100%;object-fit:cover}.popup-content{padding:2.5rem;overflow-y:auto}.popup-category{display:inline-block;color:#38bdf8;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem}.popup-title{font-size:2.5rem;font-weight:900;margin:.5rem 0 1rem;background:linear-gradient(270deg,#00eaff,#7f5cff,#ff4ecd);background-size:600% 600%;animation:gradientMove 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-description{color:#fffc;font-size:1rem;line-height:1.8;margin-bottom:2rem}.popup-technologies h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#fff}.popup-tech-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.popup-tech-tag{background:#38bdf833;border:1px solid rgba(56,189,248,.4);padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.popup-actions{display:flex;gap:1rem;margin-top:2rem}.popup-btn{flex:1;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.live-btn{background:linear-gradient(135deg,#00eaff,#7f5cff);color:#fff;border:none}.live-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #38bdf866}.github-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.github-btn:hover{background:#fff3;transform:translateY(-3px)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{transform:scale(.9) translateY(-30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.projects-section{padding:3rem 3%}.projects-main-title{font-size:2.5rem;letter-spacing:2px}.projects-subtitle{font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.popup-image{height:250px}.popup-content{padding:1.5rem}.popup-title{font-size:1.8rem}.popup-actions{flex-direction:column}.filter-btn{font-size:.8rem;padding:.6rem 1.2rem}}