body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;color:#fff}section.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700;color:#fff}.hero h2{font-size:2rem}.hero .typed-text{color:#0ff;font-weight:700}.navbar{position:fixed;top:50%;left:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:999}.nav-item{width:50px;height:50px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .3s ease}.nav-item:hover{background:#fff}.nav-item.active{background:#0ff}.nav-item img{width:24px;height:24px}.tooltip{position:absolute;left:60px;top:50%;transform:translateY(-50%);background:#111;color:#fff;padding:5px 10px;border-radius:6px;opacity:0;white-space:nowrap;transition:opacity .3s;pointer-events:none}.nav-item:hover .tooltip{opacity:1}.app{display:flex}.section{min-height:100vh;padding:4rem;scroll-margin-top:20px}h1{font-size:2rem;margin-bottom:1rem}.about-section{min-height:100vh;padding:80px 20px;color:#fff;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;margin:20px}.about-section.visible.from-bottom,.about-section.visible.from-top{opacity:1;transform:translateY(0)}.about-section.from-top{transform:translateY(-60px)}.about-section:not(.visible).from-top{transform:translateY(-60px)}.about-section:not(.visible).from-bottom{transform:translateY(60px)}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;min-height:90vh}.about-image-section{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:40px;position:sticky;top:100px;height:fit-content;z-index:10}.resume{margin:20px}.profile-image-wrapper{position:relative;width:300px;height:400px;perspective:1000px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:20px;box-shadow:0 20px 40px #0ff3,inset 0 0 0 2px #00ffff4d;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:rotateY(15deg) translateZ(20px);filter:brightness(.7) contrast(1.1);position:relative;background:#00ffff1a}.profile-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,.1) 50%,transparent 70%);border-radius:20px;opacity:0;transition:opacity .3s ease}.profile-image:hover{transform:rotateY(0) rotateX(0) translateZ(0);filter:brightness(1) contrast(1);box-shadow:0 30px 60px #0ff6,inset 0 0 0 2px #0ff9}.profile-image:hover:before{opacity:1}.about-content{animation:fadeInRight 1.5s ease-out .3s both;align-self:start}.about-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#00ffff,transparent);border-radius:2px}.personal-details{margin-bottom:40px;padding:25px;background:#00ffff0d;border-radius:15px;border:1px solid rgba(0,255,255,.2)}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0;border-bottom:1px solid rgba(0,255,255,.1);transition:all .3s ease}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-item:hover{background:#ff6b6b0d;border-radius:8px;padding-left:10px;padding-right:10px}.label{font-weight:600;color:#0ff}.value{color:#fff;font-weight:400}.education-section,.exam-section,.skills-section-dark{margin-bottom:40px}.education-section h3,.exam-section h3,.skills-section-dark h3{font-size:1.8rem;margin-bottom:25px;color:#0ff;position:relative}.education-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.education-item:hover{background:#00ffff0d;border-color:#00ffff4d;transform:translateY(-2px)}.education-info h4{font-size:1.3rem;margin-bottom:8px;color:#fff}.education-info p{margin-bottom:5px;color:#fffc;font-size:.95rem}.cert-button{padding:12px 24px;background:transparent;color:#0ff;border:2px solid #00ffff;border-radius:8px;cursor:pointer;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease;min-width:140px}.cert-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;transition:left .5s ease}.cert-button:hover:before{left:100%}.cert-button:hover{background:#00ffff1a;box-shadow:0 0 20px #00ffff80;transform:scale(1.05)}.skills-section-dark p{font-size:1.1rem;line-height:1.8;color:#fff;padding:25px;background:#00ffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 25px #00ffff26;font-weight:500;position:relative}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto}.popup-content{position:relative;max-width:60%;max-height:70%;animation:popupSlideIn .5s cubic-bezier(.25,.46,.45,.94)}.popup-image{width:100%;height:auto;object-fit:contain;max-height:100%;border-radius:15px;box-shadow:0 0 0 3px #0ff,0 0 20px #0ffc,0 0 40px #0ff6;position:relative}.popup-image:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:4px solid transparent;background:linear-gradient(45deg,#0ff,#fff,#0ff,#fff);border-radius:15px;z-index:-1;animation:borderGlow 2s linear infinite}.close-button{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background:#0ff;color:#000;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 20px #0ffc}.close-button:hover{background:#fff;transform:rotate(90deg) scale(1.1)}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes borderGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.about-container{grid-template-columns:1fr;gap:40px;text-align:center}.about-image-section{padding-top:0;position:static}.profile-image-wrapper{width:250px;height:320px}.about-title{font-size:2.5rem}.education-item{flex-direction:column;gap:20px;text-align:left}.cert-button{width:100%}.popup-content{max-width:90%;max-height:80%}}.certificates-section{margin-bottom:40px}.certificates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:20px}.certificates-header h3{font-size:1.8rem;color:#0ff;position:relative;margin:0}.pagination-controls{display:flex;align-items:center;gap:15px}.nav-button{width:40px;height:40px;border:2px solid #00ffff;background:transparent;color:#0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;font-weight:700}.nav-button:hover{background:#00ffff1a;transform:scale(1.1);box-shadow:0 0 15px #0ff6}.nav-button:active{transform:scale(.95)}.page-indicators{display:flex;gap:8px;align-items:center}.page-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,255,255,.4);background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.page-dot:hover{border-color:#0ff;transform:scale(1.2)}.page-dot.active{background:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ff9}.page-dot.active:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid rgba(0,255,255,.3);border-radius:50%;animation:pulse 2s infinite}.certificates-content{min-height:200px;animation:fadeInContent .5s ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.certificates-header{flex-direction:column;text-align:center;gap:15px}.pagination-controls{justify-content:center}.nav-button{width:35px;height:35px;font-size:18px}.page-dot{width:10px;height:10px}}.projects-section{min-height:100vh;padding:80px 20px;color:#fff;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94)}.projects-section.visible.from-bottom,.projects-section.visible.from-top{opacity:1;transform:translateY(0)}.projects-section.from-top{transform:translateY(-60px)}.projects-section:not(.visible).from-top{transform:translateY(-60px)}.projects-section:not(.visible).from-bottom{transform:translateY(60px)}.projects-container{max-width:1400px;margin:0 auto}.projects-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.projects-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#00ffff,transparent);border-radius:2px}.projects-subtitle{text-align:center;font-size:1.2rem;color:#fffc;margin-bottom:60px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:20px 0}.project-tile{background:#ffffff05;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out forwards;position:relative}.project-tile:hover{transform:translateY(-15px) scale(1.02);border-color:#0ff6;box-shadow:0 20px 40px #0ff3,0 0 0 1px #00ffff1a}.project-image-wrapper{position:relative;height:250px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.project-tile:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0ffc,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-tile:hover .project-overlay{opacity:1}.project-overlay-content{text-align:center;color:#fff}.project-overlay-content h3{font-size:1.5rem;margin-bottom:10px;font-weight:600}.project-overlay-content p{font-size:.9rem;opacity:.9}.project-info{padding:25px}.project-info h4{font-size:1.3rem;margin-bottom:15px;color:#fff;font-weight:600}.project-tech-preview{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tech-tag-mini{background:#00ffff1a;color:#0ff;padding:4px 8px;border-radius:12px;font-size:.8rem;border:1px solid rgba(0,255,255,.3)}.tech-more{color:#fff9;font-size:.8rem;font-weight:500}.project-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.project-modal{position:relative;max-width:900px;width:90%;max-height:80vh;animation:modalSlideIn .6s cubic-bezier(.25,.46,.45,.94);perspective:1000px}.project-modal-content{display:grid;grid-template-columns:1fr 1fr;background:#000c;border-radius:20px;overflow:hidden;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 0 1px #00ffff1a,0 30px 60px #0ff3;transform:rotateY(-10deg) rotateX(5deg);transform-style:preserve-3d}.project-modal-image{position:relative;overflow:hidden}.project-modal-image img{width:100%;height:100%;object-fit:contain;filter:brightness(.9);background:transparent}.project-modal-info{padding:40px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#00ffff0d,#0000004d);transform:translateZ(20px)}.project-modal-info h3{font-size:2rem;margin-bottom:20px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.project-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;margin-bottom:30px}.project-technologies h4{color:#0ff;margin-bottom:15px;font-size:1.2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tech-tag{background:#00ffff1a;color:#0ff;padding:8px 16px;border-radius:20px;border:1px solid rgba(0,255,255,.3);font-size:.9rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:#0ff3;transform:scale(1.05)}.project-buttons{display:flex;gap:20px}.project-btn{flex:1;padding:15px 25px;border:2px solid;border-radius:12px;text-decoration:none;text-align:center;font-weight:600;font-size:1rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.github-btn{background:transparent;color:#0ff;border-color:#0ff}.github-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:left .6s ease}.github-btn:hover:before{left:100%}.github-btn:hover{background:#00ffff1a;box-shadow:0 0 30px #0ff6;transform:translateY(-3px)}.live-btn{background:linear-gradient(135deg,#0ff,#fff);color:#000;border-color:transparent;font-weight:700}.live-btn:hover{background:linear-gradient(135deg,#fff,#0ff);box-shadow:0 0 30px #fff6;transform:translateY(-3px) scale(1.05)}.modal-close-btn{position:absolute;top:-15px;right:-15px;width:50px;height:50px;background:#0ff;color:#000;border:none;border-radius:50%;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 30px #0ffc;z-index:1001}.modal-close-btn:hover{background:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 40px #fffc}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px) rotateY(-20deg)}to{opacity:1;transform:scale(1) translateY(0) rotateY(-10deg) rotateX(5deg)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-tile{margin:0 10px}.projects-title{font-size:2.5rem}.project-modal-content{grid-template-columns:1fr;transform:none}.project-modal-info{transform:none}.project-buttons{flex-direction:column}.project-modal{width:95%;max-height:90vh}}.skills-section{min-height:100vh;padding:80px 20px;color:#fff;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills-section.visible.from-bottom,.skills-section.visible.from-top{opacity:1;transform:translateY(0)}.skills-section.from-top{transform:translateY(-60px)}.skills-section:not(.visible).from-top{transform:translateY(-60px)}.skills-section:not(.visible).from-bottom{transform:translateY(60px)}.skills-container{max-width:1200px;margin:0 auto;text-align:center}.skills-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.skills-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#00ffff,transparent);border-radius:2px}.skills-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:60px;font-weight:300}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:50px}.skill-category{background:#00ffff08;border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:30px 25px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:categorySlideIn .8s ease-out forwards}.skill-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);transition:left .8s ease}.skill-category:hover:before{left:100%}.skill-category:hover{background:#00ffff14;border-color:#0ff6;transform:translateY(-8px);box-shadow:0 20px 40px #00ffff26,inset 0 1px #ffffff1a}.category-title{font-size:1.5rem;font-weight:600;color:#0ff;margin-bottom:25px;position:relative;padding-bottom:10px}.category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);border-radius:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;justify-items:center}.skill-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;min-width:100px;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:scale(.8) translateY(20px);animation:skillItemSlideIn .6s ease-out forwards}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.skill-item:hover:before{left:100%}.skill-item:hover{background:#00ffff1a;border-color:#0ff6;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00ffff4d,inset 0 1px #fff3}.skill-item:active{transform:translateY(-2px) scale(1.02)}.skill-name{font-size:.9rem;font-weight:500;color:#fff;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes categorySlideIn{to{opacity:1;transform:translateY(0)}}@keyframes skillItemSlideIn{to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.skills-section{padding:60px 15px}.skills-title{font-size:2.5rem}.skills-subtitle{font-size:1.1rem;margin-bottom:40px}.skills-categories{grid-template-columns:1fr;gap:30px}.skill-category{padding:25px 20px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.skill-item{padding:10px 12px;min-width:90px}.skill-name{font-size:.85rem}.category-title{font-size:1.3rem;margin-bottom:20px}}@media (max-width: 480px){.skills-title{font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px}.skill-item{padding:8px 10px;min-width:75px}.skill-name{font-size:.8rem}}.contact-section{min-height:100vh;padding:80px 20px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact-container{max-width:800px;width:100%;text-align:center;position:relative;z-index:2}.contact-title{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#00ffff,transparent);border-radius:2px}.contact-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:50px;font-weight:300}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.contact-info{text-align:left}.contact-info h3{font-size:1.8rem;color:#0ff;margin-bottom:30px;position:relative}.contact-item{display:flex;align-items:center;margin-bottom:25px;padding:20px;background:#00ffff0d;border-radius:15px;border:1px solid rgba(0,255,255,.2);transition:all .3s ease;cursor:pointer}.contact-item:hover{background:#00ffff1a;border-color:#0ff6;transform:translate(10px)}.contact-icon{width:24px;height:24px;margin-right:15px}.contact-text{flex:1}.contact-label{font-size:.9rem;color:#ffffffb3;margin-bottom:5px}.contact-value{font-size:1.1rem;color:#fff;font-weight:500}.contact-value a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-value a:hover{color:#0ff}.contact-form{text-align:left}.contact-form h3{font-size:1.8rem;color:#0ff;margin-bottom:30px}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500}.form-input,.form-textarea{width:100%;padding:15px;background:#ffffff0d;border:1px solid rgba(0,255,255,.3);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;background:#00ffff1a;border-color:#0ff9;box-shadow:0 0 20px #00ffff4d}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-textarea{min-height:120px}.submit-btn{width:100%;padding:15px;background:transparent;color:#0ff;border:2px solid #00ffff;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:left .5s ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{background:#00ffff1a;box-shadow:0 0 30px #00ffff80;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.social-links{margin-top:50px;display:flex;justify-content:center;gap:20px}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:50%;color:#0ff;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link:hover{background:#0ff3;border-color:#0ff9;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px #0ff6}.social-icon{width:24px;height:24px;position:relative;z-index:1}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1) 0%,transparent 50%);z-index:1}@media (max-width: 768px){.contact-section{padding:60px 15px}.contact-title{font-size:2.5rem}.contact-content{grid-template-columns:1fr;gap:40px}.contact-info,.contact-form{text-align:center}.contact-item{justify-content:center}.contact-item:hover{transform:translateY(-2px)}.social-links{margin-top:40px}}@media (max-width: 480px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-item{padding:15px}.social-links{gap:15px}.social-link{width:45px;height:45px}}body.light-theme{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fdfcfb,#fff,#f8f9fa);color:#2c3e50}.light-theme section.hero,section.hero.light-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;position:relative;z-index:1}.light-theme .hero h1,.light-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700;color:#2c3e50;text-shadow:0 2px 4px rgba(0,0,0,.1)}.light-theme .hero h2,.light-hero h2{font-size:2rem;color:#34495e}.light-theme .hero .typed-text,.light-hero .typed-text,.light-typed-text{background:linear-gradient(45deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:none}.light-theme .navbar{position:fixed;top:50%;left:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:999}.light-theme .nav-item{width:50px;height:50px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,107,.2);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b6b1a}.light-theme .nav-item:hover{background:#ff6b6b1a;border-color:#ff6b6b;transform:scale(1.1);box-shadow:0 8px 25px #ff6b6b33}.light-theme .nav-item.active{background:linear-gradient(135deg,#ff6b6b,#ffb347);border-color:#ff6b6b;transform:scale(1.05);box-shadow:0 8px 25px #ff6b6b4d}.light-theme .nav-item.active img{filter:brightness(0) invert(1)}.light-theme .nav-item img{width:24px;height:24px;transition:filter .3s ease;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.light-theme .nav-item:hover img:not(.active img){filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.light-theme .tooltip{position:absolute;left:60px;top:50%;transform:translateY(-50%);background:#ab803fe6;color:#fff;padding:8px 12px;border-radius:8px;opacity:0;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,107,107,.2)}.light-theme .nav-item:hover .tooltip{opacity:1;transform:translateY(-50%) translate(5px)}.app{display:flex;min-height:100vh}.sections{margin-left:100px;flex:1;scroll-behavior:smooth}.section{min-height:100vh;padding:4rem;scroll-margin-top:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;margin:1rem;box-shadow:0 8px 32px #ff6b6b1a;border:1px solid rgba(255,255,255,.2)}h1{font-size:2rem;margin-bottom:1rem;color:#2c3e50;font-weight:600}.theme-toggle{position:fixed;top:20px;right:20px;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark-theme .theme-toggle{background:#ffffff1a;color:#0ff;border:2px solid rgba(0,255,255,.3);box-shadow:0 4px 15px #0ff3}.dark-theme .theme-toggle:hover{background:#00ffff1a;border-color:#0ff;transform:scale(1.05);box-shadow:0 8px 25px #00ffff4d}.light-theme .theme-toggle{background:#ffffffe6;color:#ff6b6b;border:2px solid rgba(255,107,107,.3);box-shadow:0 4px 15px #ff6b6b33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light-theme .theme-toggle:hover{background:#ff6b6b1a;border-color:#ff6b6b;transform:scale(1.05);box-shadow:0 8px 25px #ff6b6b4d}.toggle-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.toggle-text{font-size:.65rem;opacity:.9}@media (max-width: 768px){.theme-toggle{width:50px;height:50px;top:15px;right:15px}.toggle-text{font-size:.6rem}}.about-section-light{min-height:100vh;padding:80px 20px;color:#2c3e50;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;margin:20px}.about-section-light.visible.from-bottom,.about-section-light.visible.from-top{opacity:1;transform:translateY(0)}.about-section-light.from-top{transform:translateY(-60px)}.about-section-light:not(.visible).from-top{transform:translateY(-60px)}.about-section-light:not(.visible).from-bottom{transform:translateY(60px)}.about-container-light{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start;min-height:90vh}.about-image-section-light{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:40px;position:sticky;top:100px;height:fit-content;z-index:10}.profile-image-wrapper-light{position:relative;width:300px;height:400px;perspective:1000px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-image-light{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:20px;box-shadow:0 20px 40px #ff6b6b26,inset 0 0 0 2px #ff6b6b33;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:rotateY(-15deg) translateZ(20px);filter:brightness(1) contrast(1) saturate(1);position:relative;background:linear-gradient(135deg,#ff6b6b0d,#ffb3470d)}.profile-image-light:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,107,107,.08) 50%,transparent 70%);border-radius:20px;opacity:0;transition:opacity .3s ease}.profile-image-light:hover{transform:rotateY(0) rotateX(0) translateZ(0);filter:brightness(1.05) contrast(1.02) saturate(1.05);box-shadow:0 30px 60px #ff6b6b40,inset 0 0 0 3px #ff6b6b66}.profile-image-light:hover:before{opacity:1}.about-content-light{animation:fadeInLeft 1.5s ease-out .3s both;align-self:start}.about-title-light{font-size:3rem;font-weight:700;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:0 2px 4px rgba(255,107,107,.1)}.about-title-light:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffb347);border-radius:2px;box-shadow:0 2px 8px #ff6b6b4d}.personal-details-light{margin-bottom:40px;padding:25px;background:#fff9;border-radius:18px;border:2px solid rgba(255,107,107,.1);box-shadow:0 8px 32px #ff6b6b14}.detail-item-light{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px 0;border-bottom:1px solid rgba(255,107,107,.15);transition:all .3s ease}.detail-item-light:last-child{border-bottom:none;margin-bottom:0}.detail-item-light:hover{background:#ff6b6b0d;border-radius:8px;padding-left:10px;padding-right:10px}.label-light{font-weight:600;color:#ff6b6b;font-size:1.05rem}.value-light{color:#2c3e50;font-weight:500;font-size:1.05rem}.education-section-light,.exam-section-light,.skills-section-light1{margin-bottom:40px}.education-section-light h3,.exam-section-light h3,.skills-section-light1 h3{font-size:1.8rem;margin-bottom:25px;color:#ff6b6b;position:relative;font-weight:600}.education-item-light{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:2px solid rgba(255,107,107,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #ff6b6b0f;position:relative;overflow:hidden}.education-item-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.03),transparent);transition:left .6s ease}.education-item-light:hover{background:#ffffffd9;border-color:#ff6b6b40;transform:translateY(-5px);box-shadow:0 15px 35px #ff6b6b1f}.education-item-light:hover:before{left:100%}.education-info-light h4{font-size:1.3rem;margin-bottom:10px;color:#2c3e50;font-weight:600}.education-info-light p{margin-bottom:6px;color:#34495e;font-size:.95rem;font-weight:500}.cert-button-light{padding:14px 28px;background:linear-gradient(135deg,#ff6b6b1a,#ffb3471a);color:#ff6b6b;border:2px solid #ff6b6b;border-radius:12px;cursor:pointer;font-weight:600;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.95rem}.cert-button-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.2),transparent);transition:left .5s ease}.cert-button-light:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,107,107,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;border-radius:50%}.cert-button-light:hover:before{left:100%}.cert-button-light:hover:after{width:200px;height:200px}.cert-button-light:hover{background:linear-gradient(135deg,#ff6b6b26,#ffb34726);box-shadow:0 8px 25px #ff6b6b33;transform:scale(1.05) translateY(-2px);border-color:#ffb347;color:#e74c3c}.skills-section-light1 p{font-size:1.1rem;line-height:1.8;color:#2c3e50;padding:25px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 25px #ff6b6b14;font-weight:500;position:relative}.popup-overlay-light{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInLight .4s ease;overflow-y:auto}.popup-content-light{position:relative;max-width:60%;max-height:70%;animation:popupSlideInLight .6s cubic-bezier(.25,.46,.45,.94)}.popup-image-light{width:100%;height:auto;object-fit:contain;max-height:100%;border-radius:20px;box-shadow:0 0 0 4px #ff6b6b4d,0 20px 60px #ff6b6b33,0 40px 80px #ff6b6b1a;position:relative;overflow:hidden}.popup-image-light:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:4px solid transparent;background:linear-gradient(45deg,#ff6b6b,#ffb347,#ff6b6b,#ffb347);border-radius:25px;z-index:-1;animation:lightBorderGlow 3s linear infinite}.close-button-light{position:absolute;top:-20px;right:-20px;width:45px;height:45px;background:linear-gradient(135deg,#ff6b6b,#ffb347);color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #ff6b6b4d}.close-button-light:hover{background:linear-gradient(135deg,#e74c3c,#f39c12);transform:rotate(90deg) scale(1.1);box-shadow:0 12px 35px #ff6b6b66}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes popupSlideInLight{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lightBorderGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.about-container-light{grid-template-columns:1fr;gap:40px;text-align:center}.about-image-section-light{padding-top:0;position:static}.profile-image-wrapper-light{width:250px;height:320px}.about-title-light{font-size:2.5rem}.education-item-light{flex-direction:column;gap:20px;text-align:left}.cert-button-light{width:100%}.popup-content-light{max-width:90%;max-height:80%}}.certificates-section-light{margin-bottom:40px}.certificates-header-light{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:20px}.certificates-header-light h3{font-size:1.8rem;color:#ff6b6b;position:relative;margin:0;font-weight:600}.pagination-controls-light{display:flex;align-items:center;gap:15px}.nav-button-light{width:40px;height:40px;border:2px solid #ff6b6b;background:#fffc;color:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ff6b6b1a}.nav-button-light:hover{background:linear-gradient(135deg,#ff6b6b1a,#ffb3471a);transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b40;border-color:#ffb347;color:#e74c3c}.nav-button-light:active{transform:scale(.95)}.page-indicators-light{display:flex;gap:8px;align-items:center}.page-dot-light{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,107,107,.4);background:#fff9;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.page-dot-light:hover{border-color:#ff6b6b;transform:scale(1.2);background:#ff6b6b1a}.page-dot-light.active{background:linear-gradient(135deg,#ff6b6b,#ffb347);border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b66}.page-dot-light.active:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid rgba(255,107,107,.3);border-radius:50%;animation:pulseLight 2s infinite}.certificates-content-light{min-height:200px;animation:fadeInContentLight .5s ease-in-out}@keyframes pulseLight{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeInContentLight{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-button-light:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,107,107,.1),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease}.nav-button-light:hover:before{opacity:1}@media (max-width: 768px){.certificates-header-light{flex-direction:column;text-align:center;gap:15px}.pagination-controls-light{justify-content:center}.nav-button-light{width:35px;height:35px;font-size:18px}.page-dot-light{width:10px;height:10px}}.projects-section-light{min-height:100vh;padding:80px 20px;color:#2c3e50;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);border-radius:25px;margin:20px}.projects-section-light.visible.from-bottom,.projects-section-light.visible.from-top{opacity:1;transform:translateY(0)}.projects-section-light.from-top{transform:translateY(-60px)}.projects-section-light:not(.visible).from-top{transform:translateY(-60px)}.projects-section-light:not(.visible).from-bottom{transform:translateY(60px)}.projects-container-light{max-width:1400px;margin:0 auto}.projects-title-light{font-size:3rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:0 2px 4px rgba(255,107,107,.1)}.projects-title-light:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#ff6b6b,#ffb347,transparent);border-radius:2px;box-shadow:0 2px 8px #ff6b6b4d}.projects-subtitle-light{text-align:center;font-size:1.2rem;color:#34495e;margin-bottom:60px;font-weight:500}.projects-grid-light{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:20px 0}.project-tile-light{border-radius:20px;overflow:hidden;border:2px solid rgba(255,107,107,.1);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(30px);animation:slideInUpLight .8s ease-out forwards;position:relative;box-shadow:0 8px 25px #ff6b6b14}.project-tile-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.05),transparent);transition:left .6s ease;z-index:1}.project-tile-light:hover:before{left:100%}.project-tile-light:hover{transform:translateY(-15px) scale(1.02);border-color:#ff6b6b4d;box-shadow:0 20px 40px #ff6b6b26,0 0 0 1px #ff6b6b33;background:#ffffffd9}.project-image-wrapper-light{position:relative;height:250px;overflow:hidden;background:#ff6b6b05}.project-image-light{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;filter:brightness(.95) contrast(1.05)}.project-tile-light:hover .project-image-light{transform:scale(1.05);filter:brightness(1) contrast(1.1)}.project-overlay-light{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6be6,#ffb347cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-tile-light:hover .project-overlay-light{opacity:1}.project-overlay-content-light{text-align:center;color:#fff;z-index:2}.project-overlay-content-light h3{font-size:1.5rem;margin-bottom:10px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-overlay-content-light p{font-size:.9rem;opacity:.95;font-weight:500}.project-info-light{padding:25px;position:relative;z-index:2}.project-info-light h4{font-size:1.3rem;margin-bottom:15px;color:#2c3e50;font-weight:600}.project-tech-preview-light{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tech-tag-mini-light{background:#ff6b6b1a;color:#ff6b6b;padding:6px 12px;border-radius:15px;font-size:.8rem;border:1px solid rgba(255,107,107,.2);font-weight:500;transition:all .3s ease}.tech-tag-mini-light:hover{background:#ff6b6b26;transform:scale(1.05)}.tech-more-light{color:#7f8c8d;font-size:.8rem;font-weight:500}.project-modal-overlay-light{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInLight .3s ease}.project-modal-light{position:relative;max-width:900px;width:90%;max-height:80vh;animation:modalSlideInLight .6s cubic-bezier(.25,.46,.45,.94);perspective:1000px}.project-modal-content-light{display:grid;grid-template-columns:1fr 1fr;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;border:2px solid rgba(255,107,107,.2);box-shadow:0 0 0 1px #ff6b6b1a,0 30px 60px #ff6b6b26;transform:rotateY(10deg) rotateX(-5deg);transform-style:preserve-3d}.project-modal-image-light{position:relative;overflow:hidden;background:transparent}.project-modal-image-light img{width:100%;height:100%;object-fit:contain;filter:brightness(.95) contrast(1.05)}.project-modal-info-light{padding:40px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ff6b6b0d,#ffb34708);transform:translateZ(20px);color:#2c3e50}.project-modal-info-light h3{font-size:2rem;margin-bottom:20px;background:linear-gradient(135deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.project-description-light{font-size:1.1rem;line-height:1.6;color:#34495e;margin-bottom:30px;font-weight:500}.project-technologies-light h4{color:#ff6b6b;margin-bottom:15px;font-size:1.2rem;font-weight:600}.tech-tags-light{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tech-tag-light{background:#ff6b6b1a;color:#ff6b6b;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,107,107,.2);font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.tech-tag-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.2),transparent);transition:left .5s ease}.tech-tag-light:hover:before{left:100%}.tech-tag-light:hover{background:#ff6b6b26;transform:scale(1.05);border-color:#ff6b6b4d}.project-buttons-light{display:flex;gap:20px}.project-btn-light{flex:1;padding:15px 25px;border:2px solid;border-radius:12px;text-decoration:none;text-align:center;font-weight:600;font-size:1rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.github-btn-light{background:transparent;color:#ff6b6b;border-color:#ff6b6b}.github-btn-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.2),transparent);transition:left .6s ease}.github-btn-light:hover:before{left:100%}.github-btn-light:hover{background:#ff6b6b1a;box-shadow:0 8px 25px #ff6b6b33;transform:translateY(-3px);border-color:#ffb347;color:#e74c3c}.live-btn-light{background:linear-gradient(135deg,#ff6b6b,#ffb347);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 4px 15px #ff6b6b4d}.live-btn-light:hover{background:linear-gradient(135deg,#ffb347,#ff6b6b);box-shadow:0 8px 30px #ff6b6b66;transform:translateY(-3px) scale(1.05)}.modal-close-btn-light{position:absolute;top:-15px;right:-15px;width:50px;height:50px;background:linear-gradient(135deg,#ff6b6b,#ffb347);color:#fff;border:none;border-radius:50%;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 25px #ff6b6b4d;z-index:1001}.modal-close-btn-light:hover{background:linear-gradient(135deg,#e74c3c,#f39c12);transform:rotate(90deg) scale(1.1);box-shadow:0 12px 35px #ff6b6b66}@keyframes slideInUpLight{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLight{0%{opacity:0}to{opacity:1}}@keyframes modalSlideInLight{0%{opacity:0;transform:scale(.8) translateY(30px) rotateY(20deg)}to{opacity:1;transform:scale(1) translateY(0) rotateY(10deg) rotateX(-5deg)}}@media (max-width: 768px){.projects-grid-light{grid-template-columns:1fr;gap:20px}.project-tile-light{margin:0 10px}.projects-title-light{font-size:2.5rem}.project-modal-content-light{grid-template-columns:1fr;transform:none}.project-modal-info-light{transform:none}.project-buttons-light{flex-direction:column}.project-modal-light{width:95%;max-height:90vh}}.skills-section-light{min-height:100vh;padding:80px 20px;color:#2c3e50;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;margin:20px}.skills-section-light.visible.from-bottom,.skills-section-light.visible.from-top{opacity:1;transform:translateY(0)}.skills-section-light.from-top{transform:translateY(-60px)}.skills-section-light:not(.visible).from-top{transform:translateY(-60px)}.skills-section-light:not(.visible).from-bottom{transform:translateY(60px)}.skills-container-light{max-width:1200px;margin:0 auto;text-align:center}.skills-title-light{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:0 2px 4px rgba(255,107,107,.1)}.skills-title-light:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffb347);border-radius:2px;box-shadow:0 2px 8px #ff6b6b4d}.skills-subtitle-light{font-size:1.2rem;color:#2c3e50cc;margin-bottom:60px;font-weight:500}.skills-categories-light{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:50px}.skill-category-light{background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,107,107,.1);border-radius:20px;padding:30px 25px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:categorySlideInLight .8s ease-out forwards;box-shadow:0 8px 25px #ff6b6b0f}.skill-category-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff6b6b,#ffb347,transparent);transition:left .8s ease}.skill-category-light:hover:before{left:100%}.skill-category-light:hover{background:#ffffffd9;border-color:#ff6b6b40;transform:translateY(-8px);box-shadow:0 15px 35px #ff6b6b1f,inset 0 1px #ffffff4d}.category-title-light{font-size:1.5rem;font-weight:600;color:#ff6b6b;margin-bottom:25px;position:relative;padding-bottom:10px}.category-title-light:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#ff6b6b,#ffb347,transparent);border-radius:1px}.skills-grid-light{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;justify-items:center}.skill-item-light{background:#ff6b6b0d;border:1px solid rgba(255,107,107,.15);border-radius:12px;padding:12px 16px;min-width:100px;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:scale(.8) translateY(20px);animation:skillItemSlideInLight .6s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skill-item-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transition:left .5s ease}.skill-item-light:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,107,107,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;border-radius:50%}.skill-item-light:hover:before{left:100%}.skill-item-light:hover:after{width:120px;height:120px}.skill-item-light:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #ff6b6b33,inset 0 1px #fff6}.skill-item-light:active{transform:translateY(-2px) scale(1.02)}.skill-name-light{font-size:.9rem;font-weight:500;color:#2c3e50;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes categorySlideInLight{to{opacity:1;transform:translateY(0)}}@keyframes skillItemSlideInLight{to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.skills-section-light{padding:60px 15px;margin:10px}.skills-title-light{font-size:2.5rem}.skills-subtitle-light{font-size:1.1rem;margin-bottom:40px}.skills-categories-light{grid-template-columns:1fr;gap:30px}.skill-category-light{padding:25px 20px}.skills-grid-light{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.skill-item-light{padding:10px 12px;min-width:90px}.skill-name-light{font-size:.85rem}.category-title-light{font-size:1.3rem;margin-bottom:20px}}@media (max-width: 480px){.skills-title-light{font-size:2rem}.skills-grid-light{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px}.skill-item-light{padding:8px 10px;min-width:75px}.skill-name-light{font-size:.8rem}}.contact-section-light{min-height:100vh;padding:80px 20px;color:#2c3e50;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:0;transform:translateY(60px);transition:all 1.5s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;margin:20px}.contact-section-light.visible{opacity:1;transform:translateY(0)}.contact-container-light{max-width:800px;width:100%;text-align:center;position:relative;z-index:2}.contact-title-light{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#ff6b6b,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;text-shadow:0 2px 4px rgba(255,107,107,.1)}.contact-title-light:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffb347);border-radius:2px;box-shadow:0 2px 8px #ff6b6b4d}.contact-subtitle-light{font-size:1.2rem;color:#2c3e50cc;margin-bottom:50px;font-weight:500}.contact-content-light{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.contact-info-light{text-align:left;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,107,107,.1);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #ff6b6b0f;position:relative;overflow:hidden}.contact-info-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff6b6b,#ffb347,transparent);transition:left .8s ease}.contact-info-light:hover:before{left:100%}.contact-info-light:hover{background:#ffffffd9;border-color:#ff6b6b40;transform:translateY(-5px);box-shadow:0 15px 35px #ff6b6b1f,inset 0 1px #ffffff4d}.contact-info-light h3{font-size:1.5rem;color:#ff6b6b;margin-bottom:25px;font-weight:600;position:relative;padding-bottom:10px}.contact-info-light h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#ff6b6b,#ffb347);border-radius:1px}.contact-item-light{display:flex;align-items:center;margin-bottom:20px;padding:15px;background:#ff6b6b0d;border:1px solid rgba(255,107,107,.15);border-radius:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-item-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transition:left .5s ease}.contact-item-light:hover:before{left:100%}.contact-item-light:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;transform:translate(8px);box-shadow:0 8px 25px #ff6b6b26,inset 0 1px #fff6}.contact-icon-light{width:24px;height:24px;margin-right:15px;filter:sepia(100%) saturate(200%) hue-rotate(320deg) brightness(1.2)}.contact-text-light{flex:1}.contact-label-light{font-size:.9rem;color:#2c3e50b3;margin-bottom:5px;font-weight:500}.contact-value-light{font-size:1rem;color:#2c3e50;font-weight:600}.contact-value-light a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-value-light a:hover{color:#ff6b6b}.contact-form-light{text-align:left;background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,107,107,.1);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px #ff6b6b0f;position:relative;overflow:hidden}.contact-form-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff6b6b,#ffb347,transparent);transition:left .8s ease}.contact-form-light:hover:before{left:100%}.contact-form-light:hover{background:#ffffffd9;border-color:#ff6b6b40;transform:translateY(-5px);box-shadow:0 15px 35px #ff6b6b1f,inset 0 1px #ffffff4d}.contact-form-light h3{font-size:1.5rem;color:#ff6b6b;margin-bottom:25px;font-weight:600;position:relative;padding-bottom:10px}.contact-form-light h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#ff6b6b,#ffb347);border-radius:1px}.form-group-light{margin-bottom:20px}.form-label-light{display:block;margin-bottom:8px;color:#2c3e50e6;font-weight:500;font-size:.95rem}.form-input-light,.form-textarea-light{width:100%;padding:12px 15px;background:#fffc;border:1px solid rgba(255,107,107,.2);border-radius:10px;color:#2c3e50;font-size:.95rem;transition:all .3s ease;resize:vertical;font-family:inherit}.form-input-light:focus,.form-textarea-light:focus{outline:none;background:#fffffff2;border-color:#ff6b6b80;box-shadow:0 0 20px #ff6b6b26,inset 0 1px #fffc;transform:translateY(-2px)}.form-input-light::placeholder,.form-textarea-light::placeholder{color:#2c3e5080}.form-textarea-light{min-height:120px}.submit-btn-light{width:100%;padding:15px;background:transparent;color:#ff6b6b;border:2px solid #ff6b6b;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.submit-btn-light:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transition:left .5s ease}.submit-btn-light:hover:before{left:100%}.submit-btn-light:hover{background:#ff6b6b1a;box-shadow:0 8px 25px #ff6b6b40,inset 0 1px #fff6;transform:translateY(-3px);border-color:#ff6b6bb3}.submit-btn-light:active{transform:translateY(-1px)}.submit-btn-light:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-status-light{margin-top:15px;padding:12px;border-radius:8px;font-weight:500;text-align:center}.form-status-light.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.form-status-light.error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.social-links-light{margin-top:50px;display:flex;justify-content:center;gap:20px}.social-link-light{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ff6b6b0d;border:1px solid rgba(255,107,107,.2);border-radius:50%;color:#ff6b6b;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-link-light:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,107,107,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;border-radius:50%}.social-link-light:hover:before{width:60px;height:60px}.social-link-light:hover{background:#ff6b6b1a;border-color:#ff6b6b66;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px #ff6b6b33,inset 0 1px #ffffff4d}.social-icon-light{width:24px;height:24px;position:relative;z-index:1;filter:sepia(100%) saturate(200%) hue-rotate(320deg) brightness(1.1)}.contact-section-light:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,107,107,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,179,71,.06) 0%,transparent 50%);z-index:1}@keyframes contactSlideInLight{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-section-light{padding:60px 15px;margin:10px}.contact-title-light{font-size:2.5rem}.contact-content-light{grid-template-columns:1fr;gap:30px}.contact-info-light,.contact-form-light{text-align:center;padding:25px}.contact-item-light{justify-content:center;padding:12px}.contact-item-light:hover{transform:translateY(-2px)}.social-links-light{margin-top:40px;gap:15px}}@media (max-width: 480px){.contact-title-light{font-size:2rem}.contact-subtitle-light{font-size:1rem;margin-bottom:40px}.contact-info-light,.contact-form-light{padding:20px}.contact-item-light{padding:10px;margin-bottom:15px}.form-group-light{margin-bottom:15px}.social-link-light{width:45px;height:45px}.social-icon-light{width:20px;height:20px}}