*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}body{background:#0a0e1a;color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#007bff,#ff007f);border-radius:5px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#0a0e1af2;color:#fff;position:fixed;top:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #00d4ff33;animation:slideDown 1s ease}.logo{font-size:1.7rem;font-weight:600;color:#fff}.logo span{color:#00d4ff;text-shadow:0 0 10px #00d4ff}.nav-links{display:flex;gap:25px}.nav-links a{color:#d6d6d6;text-decoration:none;font-weight:500;position:relative;transition:.3s}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:linear-gradient(90deg,#ff007f,#007bff);transition:.4s}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#00d4ff}.cv-btn{background:linear-gradient(90deg,#ff007f,#007bff);border:none;color:#fff;padding:8px 18px;border-radius:25px;cursor:pointer;transition:.3s}.cv-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #00d4ff}.about{padding:100px 15%;text-align:center}.about h2{font-size:2.5rem;color:#00d4ff;margin-bottom:15px;position:relative;animation:fadeInUp 1s ease-in-out}.about h2:after{content:"";width:80px;height:3px;background:linear-gradient(90deg,#ff007f,#007bff);position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border-radius:2px}.about-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;margin-top:60px;animation:fadeIn 1.5s ease-in-out}.about-img{width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#007bff,#00d4ff);padding:5px;transition:transform .4s ease;box-shadow:0 0 20px #00d4ff4d}.about-img img{width:100%;height:100%;border-radius:50%;object-fit:cover}.about-img:hover{transform:scale(1.08);box-shadow:0 0 40px #00d4ff99}.about-text{max-width:500px;text-align:left}.about-text h3{font-size:1.8rem;color:#00d4ff;margin-bottom:15px}.about-text p{color:#d6d6d6;line-height:1.7;margin-bottom:25px}.about-text .btn{background:linear-gradient(90deg,#ff007f,#007bff);color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer;transition:.3s}.about-text .btn:hover{box-shadow:0 0 20px #00d4ff;transform:translateY(-3px)}.skills{padding:100px 15%;text-align:center;background:#0c1225}.skills h2{font-size:2.5rem;color:#00d4ff;margin-bottom:40px}.skill-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.skill-card{background:#ffffff0d;padding:15px 25px;border-radius:15px;border:1px solid rgba(0,212,255,.3);transition:.3s;cursor:pointer}.skill-card:hover{background:#00d4ff1a;transform:scale(1.08);box-shadow:0 0 20px #00d4ff66}.services{padding:100px 15%;text-align:center}.services h2{font-size:2.5rem;color:#00d4ff;margin-bottom:40px}.service-list{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.service-card{background:#ffffff0d;border:1px solid rgba(0,212,255,.3);padding:40px 25px;border-radius:15px;width:250px;transition:.3s;cursor:pointer}.service-card:hover{transform:translateY(-10px);box-shadow:0 0 25px #00d4ff80}.portfolio{padding:100px 15%;text-align:center;background:#0c1225}.portfolio h2{font-size:2.5rem;color:#00d4ff;margin-bottom:40px}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.project-card{background:#ffffff0d;border-radius:15px;overflow:hidden;transition:.4s;width:300px;border:1px solid rgba(0,212,255,.3)}.project-card img{width:100%;height:200px;object-fit:cover}.project-card h3{padding:15px 0}.project-card:hover{transform:scale(1.05);box-shadow:0 0 25px #00d4ff80}.contact{padding:100px 15%;text-align:center}.contact h2{font-size:2.5rem;color:#00d4ff;margin-bottom:40px}.contact form{display:flex;flex-direction:column;align-items:center;gap:20px}.contact input,.contact textarea{width:100%;max-width:500px;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#fff;outline:none;resize:none}.contact button{background:linear-gradient(90deg,#ff007f,#007bff);color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer;transition:.3s}.contact button:hover{box-shadow:0 0 20px #00d4ff;transform:translateY(-3px)}.footer{background:#0a0e1a;text-align:center;padding:25px;color:#ccc;font-size:.9rem;border-top:1px solid rgba(0,212,255,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(max-width:992px){.navbar{flex-direction:column;gap:10px;padding:15px}.about-content{flex-direction:column;text-align:center}.about-text{text-align:center}.service-list{flex-direction:column;align-items:center}.project-grid{flex-direction:column}.contact form{width:90%}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Poppins,sans-serif;background-color:#0a0a0f;color:#fff;scroll-behavior:smooth}section{min-height:100vh;padding:100px 10%;position:relative}.header{position:fixed;top:0;left:0;width:100%;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:15px 10%;z-index:1000}.logo{font-size:1.8rem;color:#f06;font-weight:700}nav ul{display:flex;gap:25px;list-style:none}nav li{cursor:pointer;transition:.3s}nav li:hover{color:#f06;text-shadow:0 0 10px #ff0066}.btn{margin-top:20px;padding:12px 30px;background:#f06;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:.3s ease}.btn:hover{box-shadow:0 0 15px #f06;transform:scale(1.05)}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home h2{font-size:2.8rem}.home h2 span{color:#f06;text-shadow:0 0 15px #ff0066}.subtitle{margin-top:10px;font-size:1.1rem;opacity:.8}.about-content{display:flex;align-items:center;gap:50px;margin-top:50px}.about-img{width:250px;border-radius:50%;border:3px solid #ff0066;box-shadow:0 0 25px #f06}.about-text h3{font-size:1.6rem;margin-bottom:15px}.about-text p{opacity:.9}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;margin-top:50px}.skill-card{background:#ffffff0d;border:1px solid rgba(255,0,102,.3);padding:30px;text-align:center;border-radius:15px;transition:.4s}.skill-card:hover{transform:translateY(-8px);box-shadow:0 0 15px #f06}.service-grid{display:flex;gap:25px;margin-top:50px;flex-wrap:wrap}.service-card{flex:1 1 250px;padding:30px;border:1px solid rgba(255,0,102,.3);border-radius:15px;background:#ffffff0d;transition:.4s}.service-card:hover{transform:translateY(-8px);box-shadow:0 0 15px #f06}.portfolio-grid{display:flex;flex-wrap:wrap;gap:25px;margin-top:50px}.portfolio-card{flex:1 1 280px;background:#ffffff0d;border:1px solid rgba(255,0,102,.3);border-radius:15px;overflow:hidden;transition:.4s;text-align:center}.portfolio-card img{width:100%;height:200px;object-fit:cover}.portfolio-card:hover{transform:scale(1.03);box-shadow:0 0 15px #f06}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto}.contact-form input,.contact-form textarea{padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,0,102,.3);border-radius:10px;color:#fff;outline:none}.footer{text-align:center;padding:30px 0;background:#0a0a0fcc;font-size:.9rem;color:#ccc;border-top:1px solid rgba(255,0,102,.3)}@media(max-width:768px){nav ul{display:none}section{padding:80px 5%}.scroll-indicator{right:15px}}.home{display:flex;align-items:center;justify-content:center;padding:100px 10%;min-height:100vh;background:linear-gradient(135deg,#0b001a,#190033);color:#fff;position:relative;overflow:hidden}.home-content{display:flex;align-items:center;justify-content:space-between;gap:60px;flex-wrap:wrap}.text-area{flex:1;max-width:600px}.home h2{font-size:2.8rem;line-height:1.2;margin-bottom:20px;color:#fff}.home h2 span{background:linear-gradient(90deg,#8a2be2,#d36fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.2rem;opacity:.85;margin-bottom:30px}.btn{background:linear-gradient(90deg,#8a2be2,#d36fff);border:none;padding:12px 28px;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:scale(1.05);box-shadow:0 0 20px #d36fff80}.terminal-area{flex:1;display:flex;justify-content:center;align-items:center}.terminal-img{width:450px;max-width:100%;filter:drop-shadow(0 0 20px rgba(138,43,226,.5));border-radius:20px;animation:glowPulse 4s infinite ease-in-out}@keyframes glowPulse{0%{box-shadow:0 0 10px #d36fff33}50%{box-shadow:0 0 30px #d36fff99}to{box-shadow:0 0 10px #d36fff33}}@media(max-width:900px){.home-content{flex-direction:column-reverse;text-align:center}.terminal-img{width:320px}.text-area{margin-top:30px}}.terminal-wrapper{flex:1;display:flex;justify-content:center;align-items:center;perspective:1000px}.terminal{width:460px;max-width:100%;background:#0d001f;border-radius:14px;box-shadow:0 0 40px #8a2be24d;transform:rotateY(-8deg);animation:floatUpDown 6s ease-in-out infinite}@keyframes floatUpDown{0%{transform:rotateY(-8deg) translateY(0)}50%{transform:rotateY(-8deg) translateY(-10px)}to{transform:rotateY(-8deg) translateY(0)}}.terminal-header{display:flex;align-items:center;background:#1a0033;border-top-left-radius:14px;border-top-right-radius:14px;padding:8px 12px;position:relative}.dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:#fff9;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{padding:20px;color:#e0d7ff;font-family:Courier New,monospace;font-size:1rem;min-height:180px;background:linear-gradient(135deg,#11002a,#190033);border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-shadow:inset 0 0 20px #8a2be233}.prompt{color:#8a2be2;margin-right:8px;font-weight:700}.line{margin:8px 0;opacity:.9}.typing{overflow:hidden;white-space:nowrap;border-right:3px solid #d36fff;width:0;animation:typing 3s steps(40,end) forwards,blink .8s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.fade-in{opacity:0;animation:fadeIn 2s ease forwards;animation-delay:3.2s}.fade-in.delay{animation-delay:4.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cursor{color:#d36fff;font-weight:700;display:inline-block;animation:cursorBlink .9s infinite;margin-top:8px}@keyframes cursorBlink{50%{opacity:0}}@media(max-width:900px){.terminal{width:320px;transform:none}}html{scroll-behavior:smooth}.btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:12px 30px;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .4s ease;box-shadow:0 0 20px #8a2be266}.btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #8a2be2b3}.typing-name{display:inline-block;overflow:hidden;border-right:3px solid #d36fff;animation:typingName 3.2s steps(30,end) forwards,blinkCursor .8s infinite;color:#d36fff;font-weight:500;text-shadow:0 0 15px rgba(211,111,255,.8)}@keyframes typingName{0%{width:0}to{width:100%}}.intro{font-size:2.2rem;font-weight:600;color:#fff;margin-bottom:10px}.intro{font-size:2.2rem;font-weight:400;color:#fff;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap}.typing-name{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid #d36fff;color:#d36fff;font-weight:500;margin-left:8px;text-shadow:0 0 15px rgba(211,111,255,.8);animation:typingLoop 8s steps(30,end) infinite,blinkCursor .8s infinite}@keyframes typingLoop{0%{width:0}40%{width:100%}60%{width:100%}to{width:0}}@keyframes blinkCursor{50%{border-color:transparent}}.projects{padding:80px 10%;text-align:center;background-color:#0f0f1a;color:#fff}.projects-title{font-size:2.5rem;margin-bottom:50px;position:relative}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.project-card{background:#1a1a2e;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px #0000004d;transition:transform .4s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 28px #2575fc4d}.project-image{width:100%;height:200px;object-fit:cover}.project-content{padding:20px}.project-content h3{margin-bottom:10px;font-size:1.4rem}.project-content p{font-size:1rem;color:#dcdcdc}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.modal{position:fixed;top:50%;left:50%;width:90%;max-width:600px;transform:translate(-50%,-50%);background:#1a1a2e;border-radius:15px;padding:25px;color:#fff;z-index:20;box-shadow:0 8px 24px #0006;text-align:center;font-size:large;animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-image{width:100%;border-radius:10px;margin-bottom:20px}.close-btn{position:absolute;top:15px;right:20px;background:none;color:#fff;font-size:1.5rem;border:none;cursor:pointer;transition:.3s ease}.close-btn:hover{color:#ff4b5c;transform:rotate(90deg)}.github-btn,.demo-btn{text-decoration:none;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block;margin:0 8px}.github-btn{background:#6a11cb;color:#fff}.github-btn:hover{background:#4e0aa7;transform:translate(-50%,);background:#1a1a2e;border-radius:15px;padding:25px;color:#fff;z-index:20;box-shadow:0 8px 24px #0006}.demo-btn{background:#2575fc;color:#fff}.demo-btn:hover{background:#125bdb;transform:translate(-50%,);background:#1a1a2e;border-radius:15px;padding:25px;color:#fff;z-index:20;box-shadow:0 8px 24px #0006}@media(max-width:992px){.projects-title{font-size:2rem}.project-content h3{font-size:1.2rem}.project-content p{font-size:.95rem}.modal{padding:20px;width:90%;max-width:500px}}@media(max-width:600px){.projects{padding:60px 6%}.projects-title{font-size:1.8rem;margin-bottom:30px}.project-grid{grid-template-columns:1fr;gap:25px}.project-card{width:100%}.project-image{height:180px}.project-content{padding:15px}.project-content h3{font-size:1.1rem}.project-content p{font-size:.9rem}.modal{top:50%;left:50%;width:95%;max-width:400px;padding:15px;transform:translate(-50%,-50%)}.modal-image{height:auto}.github-btn,.demo-btn{display:block;margin:10px auto;width:80%;font-size:.95rem}.close-btn{top:10px;right:15px}}@media(max-width:400px){.projects-title{font-size:1.6rem}.project-content p{font-size:.85rem}.modal{padding:10px;width:95%}.github-btn,.demo-btn{font-size:.9rem;padding:8px 15px}}.experience-section{background-color:#0f0f1a;color:#fff;padding:100px 10%;text-align:center;position:relative;overflow:hidden}.experience-title{font-size:2.5rem;margin-bottom:80px;position:relative}.timeline{position:relative;margin:0 auto;max-width:1000px;padding:20px 0}.timeline:before{content:"";position:absolute;left:50%;top:0;width:3px;height:100%;background:linear-gradient(180deg,#6a11cb,#2575fc);transform:translate(-50%);border-radius:2px;animation:glowLine 3s ease-in-out infinite alternate}@keyframes glowLine{0%{box-shadow:0 0 15px #6a11cb}to{box-shadow:0 0 25px #2575fc}}.timeline-item{position:relative;width:45%;background:#1a1a2e;border-radius:15px;padding:25px 30px;margin:50px 0;box-shadow:0 6px 20px #0006;transition:all .4s ease}.timeline-item.left{left:0;text-align:left}.timeline-item.right{left:55%;text-align:left}.timeline-dot{position:absolute;top:25px;left:100%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:50%;box-shadow:0 0 20px #2575fc99;z-index:2}.timeline-item.right .timeline-dot{left:0;transform:translate(-50%)}.timeline-item:hover{background:#202038;transform:scale(1.03);box-shadow:0 10px 30px #2575fc4d}.timeline-content h3{font-size:1.5rem;margin-bottom:5px;color:#fff}.timeline-content h4{font-size:1.2rem;color:#6a11cb;margin-bottom:8px}.timeline-period{display:inline-block;font-size:.95rem;color:#999;margin-bottom:12px}.timeline-content p{color:#ccc;font-size:1rem;line-height:1.6}@media(max-width:900px){.timeline:before{left:10px}.timeline-item{width:100%;left:0!important;text-align:left;padding-left:40px}.timeline-dot{left:10px!important}}.scroll-indicator{position:fixed;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:2000}.scroll-indicator .dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.scroll-indicator .dot:hover{background:#fff9;transform:scale(1.2)}.scroll-indicator .dot.active{background:#f06;box-shadow:0 0 12px #f06,0 0 25px #f06;transform:scale(1.3)}@media(max-width:768px){.scroll-indicator{right:15px}}