@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:var(--light-color);min-height:100vh;overflow-x:hidden}header{padding:20px 0;position:fixed;width:100%;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a3ccc;border-bottom:1px solid rgba(255,255,255,.1)}.hero{padding:160px 0 100px;position:relative}.hero-content{display:flex;align-items:center;justify-content:space-between}.hero-text{flex:1;padding-right:50px;animation:fadeIn 1s ease-out}.hero-text h1{font-size:3.5rem;margin-bottom:20px;line-height:1.2}.hero-text h1 span{color:var(--primary-color)}.hero-text p{font-size:1.1rem;margin-bottom:30px;line-height:1.6;color:#ccc}.cta-buttons{display:flex;gap:20px}.btn{padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:10px}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 10px 20px #6c63ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px #6c63ff66}.btn-secondary{border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:#6c63ff1a}.hero-visual{flex:1;position:relative;perspective:1000px}.resume-content{margin-top:35px}.cube-container{width:300px;height:300px;position:relative;margin:0 auto;transform-style:preserve-3d;animation:rotate 20s infinite linear}.cube-face{position:absolute;width:100%;height:100%;background:#6c63ff1a;border:2px solid rgba(108,99,255,.5);display:flex;align-items:center;justify-content:center;font-size:40px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #6c63ff33}.cube-face img{max-width:80%;border-radius:10px}.cube-face:nth-child(1){transform:translateZ(150px)}.cube-face:nth-child(2){transform:rotateY(180deg) translateZ(150px)}.cube-face:nth-child(3){transform:rotateY(90deg) translateZ(150px)}.cube-face:nth-child(4){transform:rotateY(-90deg) translateZ(150px)}.cube-face:nth-child(5){transform:rotateX(90deg) translateZ(150px)}.cube-face:nth-child(6){transform:rotateX(-90deg) translateZ(150px)}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@media (max-width: 992px){.hero-content{flex-direction:column;text-align:center}.hero-text{padding-right:0;margin-bottom:50px}.cta-buttons{justify-content:center}.nav-links{display:none}}@media (min-width: 990px){.resume-content{margin-top:50px}}.about-section{padding:160px 0 100px;position:relative}.about-content{display:flex;align-items:center;justify-content:space-between;gap:50px}.about-text{flex:1}.about-text h3{font-size:1.8rem;margin-bottom:20px;color:var(--primary-color)}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:25px;color:#ccc}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.stat-item{background:#ffffff0d;padding:20px;border-radius:10px;text-align:center;transition:transform .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stat-item:hover{transform:translateY(-5px);background:#6c63ff1a}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px}.stat-text{font-size:1rem;color:#ccc}.about-visual{flex:1;perspective:1000px}.flip-card{width:350px;height:450px;margin:0 auto;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;box-shadow:0 15px 35px #00000080}.flip-card-front{background:linear-gradient(145deg,#2c2d4f,#24243e);border:2px solid rgba(108,99,255,.2)}.flip-card-back{background:linear-gradient(145deg,#6c63ff,#4ecdc4);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center}.profile-img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid var(--primary-color);margin-bottom:25px;box-shadow:0 10px 25px #6c63ff4d}.flip-card-front h3{font-size:1.8rem;margin-bottom:10px}.flip-card-front p{color:#ccc;margin-bottom:20px}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--light-color);text-decoration:none;transition:all .3s}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.flip-card-back h3{font-size:1.8rem;margin-bottom:20px}.flip-card-back p{line-height:1.6;margin-bottom:25px}.skill-bars{width:100%}.skill{margin-bottom:15px;text-align:left}.skill-name{font-size:.9rem;margin-bottom:8px;display:flex;justify-content:space-between}.skill-bar{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden}.skill-level{height:100%;background:var(--light-color);border-radius:10px;position:relative}@media (max-width: 992px){.about-content{flex-direction:column;text-align:center}.about-text{margin-bottom:50px}.about-stats{grid-template-columns:1fr}.nav-links{display:none}}.contact-section{padding:160px 0 100px;position:relative}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-card{background:#ffffff0d;padding:30px;border-radius:15px;transition:transform .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.contact-card:hover{transform:translateY(-5px);background:#6c63ff1a}.contact-card h3{font-size:1.5rem;margin-bottom:20px;color:var(--primary-color);display:flex;align-items:center;gap:10px}.contact-card h3 i{font-size:1.8rem}.contact-card p{line-height:1.6;margin-bottom:15px;color:#ccc}.contact-details{display:flex;flex-direction:column;gap:15px}.contact-detail{display:flex;align-items:center;gap:15px}.contact-detail i{width:40px;height:40px;background:#6c63ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary-color);transition:all .3s}.contact-detail:hover i{background:var(--primary-color);color:#fff;transform:scale(1.1)}.contact-detail span{color:#ccc}.contact-form{background:#ffffff0d;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--light-color);font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6c63ff33}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 20px #6c63ff4d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 15px 25px #6c63ff66}.resume-section{padding:80px 0;position:relative}.resume-content{display:grid;grid-template-columns:1fr 1fr;gap:50px}.resume-card{background:#ffffff0d;padding:30px;border-radius:15px;transition:transform .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.resume-card:hover{transform:translateY(-5px);background:#6c63ff1a}.resume-card h3{font-size:1.5rem;margin-bottom:25px;color:var(--primary-color);display:flex;align-items:center;gap:10px}.resume-card h3 i{font-size:1.8rem}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:0;top:8px;width:2px;height:calc(100% - 8px);background:var(--primary-color)}.timeline-item{position:relative;margin-bottom:25px}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;left:-34px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--primary-color)}.timeline-date{font-size:.9rem;color:var(--primary-color);margin-bottom:5px;font-weight:500}.timeline-title{font-size:1.2rem;margin-bottom:8px}.timeline-text{color:#ccc;line-height:1.6}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.skill-item{background:#ffffff08;padding:12px 15px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:all .3s}.skill-item:hover{background:#6c63ff1a;transform:translate(5px)}.skill-item i{color:var(--primary-color);font-size:1.2rem}.download-resume{text-align:center;margin-top:50px}@media (max-width: 992px){.contact-content,.resume-content,.skills-list{grid-template-columns:1fr}.nav-links{display:none}}body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:var(--light-color);min-height:100vh;overflow-x:hidden;padding:20px}header{padding:20px 0;position:fixed;width:100%;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a3ccc;border-bottom:1px solid rgba(255,255,255,.1)}nav{display:flex;justify-content:space-between;align-items:center}.projects-section{padding:160px 0 100px;position:relative}.section-title{text-align:center;margin-bottom:60px;position:relative}.section-title h2{font-size:2.5rem;display:inline-block;margin-bottom:20px;position:relative}.section-title h2:after{content:"";position:absolute;width:70px;height:3px;background:var(--primary-color);bottom:-10px;left:50%;transform:translate(-50%)}.projects-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:40px}.filter-btn{padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;border-radius:30px;cursor:pointer;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 5px 15px #6c63ff4d}.projects-grid{margin-bottom:35px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:#ffffff0d;border-radius:15px;overflow:hidden;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;perspective:1000px}.project-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 30px #0006;background:#6c63ff1a}.project-img{height:220px;overflow:hidden;position:relative}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-img img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#2a2a3ccc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:15px}.project-link{width:45px;height:45px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s}.project-link:hover{transform:scale(1.1);box-shadow:0 5px 15px #6c63ff66}.project-info{padding:25px}.project-category{font-size:.9rem;color:var(--primary-color);margin-bottom:10px;display:block}.project-title{font-size:1.4rem;margin-bottom:15px}.project-desc{color:#ccc;line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{padding:5px 12px;background:#6c63ff1a;border-radius:20px;font-size:.8rem;color:var(--primary-color)}.featured-project{margin:80px 0;position:relative;perspective:1000px}.featured-title{text-align:center;margin-bottom:50px;font-size:1.8rem;color:var(--primary-color)}.project-showcase{width:100%;height:400px;position:relative;transform-style:preserve-3d;transition:transform .5s}.showcase-item{position:absolute;width:300px;height:350px;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .5s,opacity .5s}.showcase-item:nth-child(1){transform:translate(-50%) rotateY(5deg) scale(.9);z-index:3;opacity:.7;left:25%}.showcase-item:nth-child(2){transform:translate(-50%) rotateY(0) scale(1);z-index:5;left:50%}.showcase-item:nth-child(3){transform:translate(-50%) rotateY(-5deg) scale(.9);z-index:3;opacity:.7;left:75%}.showcase-img{height:180px;overflow:hidden}.showcase-img img{width:100%;height:100%;object-fit:cover}.showcase-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.showcase-title{font-size:1.3rem;margin-bottom:10px}.showcase-desc{color:#ccc;font-size:.9rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.showcase-btn{padding:8px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:30px;cursor:pointer;align-self:flex-start;transition:all .3s}.showcase-btn:hover{box-shadow:0 5px 15px #6c63ff66;transform:translateY(-3px)}.showcase-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 20px;z-index:10}.nav-btn{width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.nav-btn:hover{background:var(--primary-color)}.floating-element{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));opacity:.5;filter:blur(50px);z-index:-1}.float-1{width:300px;height:300px;top:10%;left:5%;animation:float 8s ease-in-out infinite}.float-2{width:200px;height:200px;bottom:15%;right:10%;animation:float 10s ease-in-out infinite 1s}.float-3{width:150px;height:150px;top:50%;left:20%;animation:float 12s ease-in-out infinite 2s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-number{position:fixed;bottom:30px;right:30px;font-size:14px;color:#ffffff80}@media (max-width: 992px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.showcase-item{width:250px;height:320px}.nav-links{display:none}}@media (max-width: 768px){.project-showcase{height:800px}.showcase-item{width:80%;left:50%!important;margin-bottom:30px;position:relative;opacity:1!important;transform:translate(-50%) scale(1)!important}.showcase-nav{display:none}}:root{--primary-color: #6c63ff;--secondary-color: #ff6584;--dark-color: #2a2a3c;--light-color: #f8f8f8;--accent-color: #4ecdc4}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.header{padding:20px 0;position:fixed;width:100%;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a3ccc;border-bottom:1px solid rgba(255,255,255,.1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:var(--light-color);text-decoration:none;display:flex;align-items:center}.logo span{color:var(--primary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:40px}.nav-links a{color:var(--light-color);text-decoration:none;font-size:16px;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:var(--primary-color)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--primary-color);transition:width .3s}.nav-links a:hover:after{width:100%}.mobile-menu-icon{display:none;font-size:24px;color:var(--light-color);cursor:pointer;z-index:1001}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#2a2a3cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .5s ease;z-index:999}.mobile-menu.active{right:0}.mobile-menu ul{list-style:none;text-align:center}.mobile-menu li{margin:25px 0}.mobile-menu a{color:var(--light-color);text-decoration:none;font-size:20px;font-weight:500;transition:color .3s}.mobile-menu a:hover{color:var(--primary-color)}@media (max-width: 992px){.nav-links{display:none}.mobile-menu-icon{display:block}}