.header{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(145deg,#1a1a1a,#242424);box-shadow:0 4px 30px #0000001a;color:#fff;display:flex;gap:60px;justify-content:center;overflow:hidden;padding:40px;position:relative}.header-links-intro{animation:fadeInLeft .8s ease-out;display:flex;flex-direction:column;gap:20px}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.header-links{display:flex;gap:20px;margin-top:20px}.header-links a{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#fff;display:flex;font-size:20px;height:30px;justify-content:center;padding:15px;text-decoration:none;transition:all .3s ease;width:30px}.header-links a:hover{background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.header-intro h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6e8efb,#a777e3);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.header-intro p{color:#a777e3;font-size:1.5rem;font-weight:500;margin:0;text-align:left}.header-profile-pic{align-items:center;animation:profilePicFloat 6s ease-in-out infinite;background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:50%;box-shadow:0 8px 32px #1f26874d;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:300px}.header-profile-pic img{animation:fadeIn .8s ease-out forwards;border-radius:50%;height:100%;object-fit:cover;opacity:0;width:100%}.header-profile-pic:hover{box-shadow:0 12px 40px #1f268766;transform:scale(1.02)}.header-profile-pic a{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff26;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;position:absolute;transition:all .3s ease;width:60px;z-index:1}.header-profile-pic a:hover{background:#ffffff40;box-shadow:0 8px 25px #0000004d;transform:translateY(-5px) scale(1.1)}@media (max-width:768px){.header{flex-direction:column;gap:20px;padding:30px 20px;text-align:center}.header-profile-pic{height:250px;width:250px}.header-intro h1{font-size:2rem}.header-intro p{font-size:1rem}.header-links{justify-content:center;margin-top:15px}.header-links a{height:25px;padding:12px;width:25px}}.modal-overlay{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:60px;position:fixed;right:0;top:0;transition:background-color .4s ease,opacity .4s ease;z-index:1000}.modal-overlay.visible{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;opacity:1}.modal-overlay.closing{background-color:#0000;opacity:0;transition:background-color .3s ease,opacity .3s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 15px 40px #00000080;color:#333;max-height:90vh;max-width:800px;opacity:0;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;width:90%}.modal-content.visible{opacity:1;transform:scale(1)}.modal-content.closing{opacity:0;transform:scale(.9)}.modal-image-banner{animation:zoomIn .5s cubic-bezier(.34,1.56,.64,1);background-position:50%;background-size:cover;border-radius:12px 12px 0 0;height:auto;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-image-banner:before{background:linear-gradient(0deg,#000000b3 0,#0003);border-radius:12px 12px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;opacity:.8;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px;z-index:10}.modal-close:hover{background:#000c;transform:rotate(90deg)}.modal-info{animation:fadeIn .6s ease-in-out .2s forwards;opacity:0;padding:30px}.modal-info h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 20px}.modal-description p{color:#2a2a2a;font-size:1rem;line-height:1.6;margin-bottom:25px;text-align:left}.modal-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.modal-technologies .tech-tag{align-items:center;background-color:#f1f8ff;border:1px solid #c8e1ff;border-radius:20px;color:#0366d6;display:inline-flex;font-size:.85rem;font-weight:500;gap:5px;padding:5px 10px;transition:background-color .2s ease;white-space:nowrap}.modal-technologies .tech-tag:hover{background-color:#dbedff}.modal-technologies .tech-tag.frontend{background-color:#f1f8ff;border:1px solid #c8e1ff;color:#0366d6}.modal-technologies .tech-tag.backend{background-color:#f2fcf5;border:1px solid #c9ecd4;color:#2ea44f}.modal-technologies .tech-tag.language{background-color:#fff8f2;border:1px solid #fadfc5;color:#e36209}.modal-technologies .tech-tag.tool{background-color:#f6f1fa;border:1px solid #e9d8f5;color:#7a1fa2}.modal-links{display:flex;gap:15px;margin-top:25px}.demo-link,.github-link{align-items:center;border-radius:30px;box-shadow:0 2px 6px #00000026;display:inline-flex;font-weight:500;gap:10px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.demo-link{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.demo-link:hover,.github-link:hover{box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.modal-enhanced-content{border-top:1px solid #0000001a;margin-top:30px;padding-top:20px}@media (max-width:768px){.modal-content{width:95%}.modal-image-banner{height:360px}.modal-info{padding:20px}.modal-info h2{font-size:1.5rem}.modal-links{flex-direction:column}}.projects-section h2{animation:fadeIn 1s both;margin-bottom:1rem;text-align:center}.projects-section h3{animation:gradientShift 8s infinite alternate;background:linear-gradient(135deg,#6e8efb,#a777e3);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2rem;margin:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.projects-grid{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin:0 auto;max-width:1400px;opacity:0;transition:opacity .5s ease}.projects-grid.animated{opacity:1}.projects-grid .card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;flex:0 0 auto;height:450px;margin:0;perspective:1000px;width:300px}.projects-grid .card:hover{z-index:5}.projects-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(auto-fill,minmax(450px,auto));margin:0 auto;max-width:1200px;padding:20px}@media (max-width:1200px){.projects-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-container{grid-template-columns:1fr}}.skills-container{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.skill-tag{align-items:center;border-radius:20px;box-shadow:0 1px 2px #0000000d;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:5px 10px;white-space:nowrap}.skill-tag.frontend{background-color:#e3f2fd;color:#1565c0}.skill-tag.backend{background-color:#e8f5e9;color:#2e7d32}.skill-tag.language{background-color:#fff3e0;color:#e65100}.skill-tag.tool{background-color:#f3e5f5;color:#7b1fa2}.skill-tag.main-language{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;font-weight:700}.github-link,.live-link{border-radius:20px;padding:8px 16px}.github-link{background:#24292e;color:#fff}@media (max-width:1300px){.projects-grid{gap:25px}}@media (max-width:768px){.projects-grid{gap:20px}}@media (max-width:480px){.projects-grid{gap:15px}}.professional-experience{padding:40px 0}.professional-experience h3{background:linear-gradient(135deg,#6e8efb,#a777e3);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2rem;margin-bottom:2rem;position:relative;text-align:center}.timeline-container{margin:0 auto;max-width:1000px;padding:100px 0;position:relative}.timeline-track{position:relative}.timeline-line{background:linear-gradient(180deg,#6e8efb66,#a777e366);border-radius:4px;bottom:0;left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}.timeline-indicator{background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:50%;box-shadow:0 0 0 4px #ffffff26,0 0 0 8px #6e8efb1a;height:24px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.timeline-entry{margin-bottom:100px;opacity:.7;position:relative;transform:translateY(20px);transition:all .5s ease}.timeline-entry.active{opacity:1;transform:translateY(0)}.timeline-entry:nth-child(odd) .timeline-content{margin-left:calc(50% + 30px);margin-right:10%}.timeline-entry:nth-child(2n) .timeline-content{margin-left:10%;margin-right:calc(50% + 30px);text-align:right}.timeline-entry:nth-child(2n) .timeline-highlights,.timeline-entry:nth-child(2n) .timeline-skills{justify-content:flex-end}.timeline-dot{background-color:#fff;border:3px solid #a777e3;border-radius:50%;height:16px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:16px;z-index:2}.timeline-entry.active .timeline-dot{background-color:#6e8efb;border-color:#fff;box-shadow:0 0 0 4px #6e8efb66}.timeline-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#333;max-height:300px;overflow-y:auto;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:2}.timeline-entry.active .timeline-content{box-shadow:0 8px 25px #00000026;transform:scale(1.03)}.timeline-date{background:linear-gradient(135deg,#6e8efb20,#a777e320);border-radius:20px;color:#6e8efb;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:15px;padding:5px 15px}.timeline-title{color:#333;font-size:1.3rem;margin:0 0 8px}.timeline-company{font-weight:400;opacity:.8}.timeline-location{align-items:center;color:#666;display:flex;font-size:.8rem;gap:5px;margin-bottom:10px}.timeline-entry:nth-child(2n) .timeline-location{justify-content:flex-end}.timeline-skills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.timeline-skills .skill-tag{background-color:#f3f4f6;border-radius:15px;color:#4b5563;font-size:.75rem;padding:3px 8px}.timeline-highlights{margin:10px 0 5px;padding-left:15px}.timeline-entry:nth-child(2n) .timeline-highlights{padding-left:0;padding-right:20px;text-align:right}.timeline-highlights li{font-size:.85rem;margin-bottom:6px;position:relative}.timeline-highlights li:before{color:#a777e3;content:"•";font-weight:700;left:-15px;position:absolute}.timeline-entry:nth-child(2n) .timeline-highlights li:before{left:auto;right:-15px}@media (max-width:768px){.timeline-indicator,.timeline-line{left:30px}.timeline-entry:nth-child(2n) .timeline-content,.timeline-entry:nth-child(odd) .timeline-content{margin-left:60px;margin-right:20px;text-align:left}.timeline-dot{left:30px}.timeline-entry:nth-child(2n) .timeline-highlights,.timeline-entry:nth-child(2n) .timeline-location,.timeline-entry:nth-child(2n) .timeline-skills{justify-content:flex-start}.timeline-entry:nth-child(2n) .timeline-highlights{padding-left:20px;padding-right:0;text-align:left}.timeline-entry:nth-child(2n) .timeline-highlights li:before{left:-15px;right:auto}}.timeline-entry{animation:fadeInUp .6s forwards;animation-play-state:paused}.timeline-entry.active{animation-play-state:running}.App{animation:fadeIn .8s ease-in-out;background-color:#181818;min-height:100vh;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main{margin:20px auto;max-width:1280px;padding:0 20px}body{background-color:#121212}.App-header{align-items:center;animation:slideDown .8s cubic-bezier(.25,.46,.45,.94);display:flex;justify-content:space-between;padding:0 20px;position:relative;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.App-header h1{font-size:2rem;margin:0}.social-links{display:flex;gap:15px}.social-links a{border-radius:4px;color:#fff;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s ease}.tabber{display:flex;gap:15px;justify-content:center;margin:20px 0 40px}.tabber button{background:#ffffff0d;border:none;border-radius:30px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.tabber button.active{background:linear-gradient(135deg,#6e8efb,#a777e3);box-shadow:0 4px 8px #0000004d}.tabber button:hover:not(.active){background:#ffffff1a;transform:translateY(-2px)}.floating-name{animation:float 6s ease-in-out infinite}@media (max-width:768px){.App-header{flex-direction:column}.floating-name{font-size:2rem}.tabber{flex-direction:column;width:100%}}html{scroll-behavior:smooth}.App main{min-height:100vh}.timeline-entry.active .timeline-content{border-left:4px solid #6e8efb;border-right:4px solid #a777e3}.project-card{animation:fadeInUp .6s both;animation-delay:0s;animation-delay:calc(var(--i, 0)*.1s);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e23cc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #00000040;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{box-shadow:0 10px 20px #6e8efb33,0 6px 6px #a777e31a;transform:translateY(-5px)}.project-image-container{height:180px;overflow:visible;padding:15px;position:relative;z-index:2}.project-image{border-radius:15px;box-shadow:0 8px 15px #0000004d;height:100%;margin:0;object-fit:cover;padding:0;transition:all .5s ease;width:100%}.project-card:hover .project-image{transform:scale(1.03)}.project-overlay{background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:.5}.card-title{color:#fff;font-size:1rem;font-weight:600;height:auto;line-height:1.2;margin-bottom:6px;text-align:left}.card-content{background-color:#1e1e23;border-radius:15px;color:#ccc;line-height:1.5;margin-top:10px;min-height:180px;overflow:hidden;padding:20px 15px;position:relative;z-index:1}.card-content,.project-content{display:flex;flex-direction:column;flex-grow:1;text-align:left}.project-content{padding:1rem}.project-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;text-align:left}.project-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;flex-shrink:0;font-size:.75rem;line-height:1.4;margin-bottom:.8rem;overflow:hidden;text-align:left;text-overflow:ellipsis}.content-wrapper{display:flex;flex-direction:column;height:100%}.project-technologies{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-start}.tech-tag{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:20px;box-shadow:0 1px 2px #0000001a;color:#ddd;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;max-height:none;overflow:visible;padding:5px 10px;white-space:nowrap}.tech-tag.frontend{background-color:#1565c033;color:#90caf9}.tech-tag.backend{background-color:#2e7d3233;color:#a5d6a7}.tech-tag.language{background-color:#e6510033;color:#ffe0b2}.tech-tag.tool{background-color:#7b1fa233;color:#e1bee7}.project-links{align-items:center;bottom:10px;display:flex;gap:.5rem;position:absolute;right:10px;z-index:5}.github-link,.live-link{align-items:center;border-radius:25px;display:inline-flex;font-size:.9rem;gap:5px;height:25px;overflow:hidden;padding:8px 14px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.project-links a.github-link{background-color:#171717;border:1px solid #ffffff80;color:#fff}.project-links a.github-link:hover{background-color:#fff;box-shadow:inset 0 0 0 2px #171717;color:#000}.project-links a.demo-link:hover{box-shadow:0 0 10px #6e8efbcc,0 0 20px #a777e399}.project-links a:hover{box-shadow:0 6px 10px #00000040,0 3px 3px #00000038}@keyframes borderGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.link-text{display:none}body{background-color:#181818;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.c0fe2dc3.css.map*/