:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;-webkit-user-select:none;user-select:none;min-width:320px;touch-action:pan-x pan-y;min-height:100vh;cursor:url(cursor.png),auto;overflow-x:hidden;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{box-sizing:inherit}a{color:var(--text-secondary);text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s ease}a:hover{color:var(--accent-primary)}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{background:linear-gradient(to right,var(--accent-primary),var(--accent-tertiary));color:#fff;padding:12px 32px;border-radius:9999px;font-weight:600;font-size:1.125rem;border:none;cursor:url(cursor.png),pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px var(--shadow-color)}button:hover{background:linear-gradient(to right,var(--accent-secondary),var(--accent-primary));transform:scale(1.05);box-shadow:0 8px 25px var(--shadow-color)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}#root{width:100%;margin:0 auto;padding:2rem;text-align:center}*{box-sizing:border-box}html{scroll-behavior:smooth}:root[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--accent-primary: #efa3c5;--accent-secondary: #efa3c5;--accent-tertiary: #90186e;--text-primary: rgba(255, 255, 255, .719);--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3)}:root[data-theme=light]{--bg-primary: #f8fafcde;--bg-secondary: #e2e8f0;--bg-tertiary: #cbd5e1;--accent-primary: #efa3c5;--accent-secondary: #efa3c5;--accent-tertiary: #90186e;--text-primary: rgba(15, 23, 42, .9);--text-secondary: rgba(15, 23, 42, .7);--border-color: rgba(15, 23, 42, .1);--glass-bg: rgba(255, 255, 255, .7);--shadow-color: rgba(0, 0, 0, .1)}.App{position:relative;min-height:100vh;transition:all .3s ease}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);background-image:radial-gradient(circle at 20% 80%,var(--accent-primary)15 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-secondary)15 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-tertiary)10 0%,transparent 50%)}.pattern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,transparent 40%,var(--border-color) 40%,var(--border-color) 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--border-color) 40%,var(--border-color) 60%,transparent 60%);background-size:60px 60px;opacity:.03}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:100px 100px;opacity:.05}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary)20,var(--accent-secondary)20);filter:blur(1px)}.shape-1{width:300px;height:300px;top:10%;left:10%;animation:float 20s infinite ease-in-out}.shape-2{width:200px;height:200px;top:60%;right:10%;animation:float 25s infinite ease-in-out reverse}.shape-3{width:150px;height:150px;bottom:20%;left:20%;animation:float 30s infinite ease-in-out;animation-delay:-10s}.shape-4{width:100px;height:100px;top:30%;right:30%;animation:float 15s infinite ease-in-out;animation-delay:-5s}.shape-5{width:250px;height:250px;bottom:10%;right:20%;animation:float 35s infinite ease-in-out reverse;animation-delay:-15s}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--shadow-color)}.theme-toggle:hover{transform:scale(1.1);background:var(--accent-primary)20;box-shadow:0 12px 40px var(--shadow-color)}.section{display:flex;justify-content:center;align-items:center;position:relative;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.light-theme .gradient-bg{background-image:radial-gradient(circle at 20% 80%,var(--accent-primary)08 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-secondary)08 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-tertiary)05 0%,transparent 50%)}.light-theme .shape{background:linear-gradient(135deg,var(--accent-primary)10,var(--accent-secondary)10)}@media (max-width: 768px){.theme-toggle{top:15px;right:15px;width:45px;height:45px;font-size:1rem}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5{transform:scale(.7)}}@media (max-width: 480px){.theme-toggle{top:10px;right:10px;width:40px;height:40px;font-size:.9rem}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5{transform:scale(.5)}}.about-me-container{display:flex;justify-content:space-between;align-items:center;height:90vh;flex-wrap:wrap;width:100%;max-width:1200px;margin:50px auto;gap:40px}.description{opacity:0;transform:translate(-100%);transition:opacity .8s ease,transform .8s ease;flex:2;min-width:250px}@keyframes pulse2{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.title-container{display:flex;align-items:center;justify-content:center;gap:10px}.description.animate{opacity:1;transform:translate(0)}.image-container{opacity:0;transform:translate(100%);transition:opacity .8s ease,transform .8s ease;flex:.8;min-width:250px}.image-container.animate{opacity:1;transform:translate(0)}.about-me-container .description p{font-size:23px;text-align:center}h2{font-size:40px}.about-me-container .description h2{margin-bottom:-5px;margin-left:0}.border-wrapper{width:100%;max-width:450px;max-height:450px;height:auto;border-radius:100px;padding:4px}.about-me-image{width:100%;height:100%;border-radius:50%;transition:transform .3s ease;border:2px solid #EFA3C5}body{font-family:Roboto,sans-serif}.description .education p{font-size:20px;color:#c62e9b}.description .education p a{text-decoration:underline;font-style:italic;color:#c62e9b}.description .education p a:hover{color:#efa3c5}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.description{margin-right:0;text-align:center}.border-wrapper{margin-top:20px;width:90%;max-width:350px;max-height:350px}.about-me-container .description p{font-size:20px}}@media (max-width: 768px){.border-wrapper{margin-top:20px;max-width:280px;max-height:280px}.about-me-container .description p{text-align:center;font-size:18px;padding:0 15px}}@media (max-width: 480px){.about-me-container{flex-direction:column;align-items:center;padding:10px}.border-wrapper{border-radius:105px;margin-top:20px;width:90%;max-width:250px;height:225px}.about-me-container .description p{text-align:center;margin:10px 20px;font-size:16px}.about-me-container .description h2{font-size:24px}}.contact-container{width:90%;margin:50px auto;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.contact-container.animate{opacity:1;transform:translateY(0)}.contact-heading{font-size:2rem;font-weight:700;margin-bottom:50px}.contact-info{display:flex;align-items:center;justify-content:center;gap:20px}.contact-pair{display:flex;align-items:center;width:100%;gap:10px;flex-direction:column}.contact-item{display:flex;text-align:left;gap:10px;font-size:18px;color:#777;transition:transform .3s ease-in-out;flex:1}.contact-item:hover{color:#efa3c5}.contact-item img{width:25px;height:25px}.contact-item a{text-decoration:none;color:inherit;font-weight:500}.contact-item a:hover{color:#efa3c5}@media (max-width: 1200px){.contact-heading{font-size:1.8rem;margin-bottom:40px}.contact-item{font-size:16px}}@media (max-width: 768px){.contact-container{width:95%;margin:30px auto;padding:15px}.contact-heading{font-size:1.5rem;margin-bottom:30px}.contact-info{flex-direction:column;gap:15px}.contact-item{font-size:14px}}@media (max-width: 480px){.contact-container{width:100%;margin:20px auto;padding:10px}.contact-heading{font-size:1.2rem;margin-bottom:20px}.contact-info{gap:10px}.contact-item{font-size:12px}.contact-item img{width:20px;height:20px}}.experience-container{margin:0 auto;padding:2rem 0;position:relative;width:70%;opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.experience-container.animate{opacity:1;transform:translateY(0)}.experience-container:before{content:"";position:absolute;left:20px;top:0;width:3px;height:100%;background:#efa3c5}.experience-item{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:1.5rem;padding-left:50px;margin-bottom:2rem;border-radius:8px;box-shadow:0 4px 6px #90186e;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(30px);transition:opacity .6s ease-in-out .3s,transform 1.5s ease-in-out .3s}.experience-item.fade-in{opacity:1;transform:translateY(0)}.experience-item.fade-out{opacity:0;transform:translateY(30px)}.experience-item:before{content:"";position:absolute;left:10px;top:20px;width:14px;height:14px;background:#efa3c5;border:3px solid #90186e;border-radius:50%;box-shadow:0 0 4px #90186e}.experience-item:hover{box-shadow:0 6px 12px #90186e}.experience-header{display:flex;justify-content:space-between;width:100%;align-items:flex-start}.experience-header .company{font-size:1.2rem;color:#e0c8d3}.experience-item h3{margin-top:0;margin-bottom:.5rem;font-size:1.8rem;color:#ccc}.duration{text-align:right;font-size:1rem;font-weight:700;color:#777}.experience-item p{margin:.25rem 0;font-size:1rem;color:#ccc}.heading{font-weight:700;color:#ccc;text-align:left;margin-bottom:2rem}.experience-item ul{margin:.75rem 0;color:#ccc}.experience-item ul li{margin-bottom:.5rem;line-height:1.6}.experience-footer{display:flex;justify-content:flex-end;width:100%;margin-top:10px}.experience-item a{color:#efa3c5;text-decoration:none;font-weight:500;transition:color .3s ease}.experience-item a:hover{color:#d87fa0}.experience-item a:after{content:"";display:block;width:0;height:1px;background:#d87fa0;transition:width .3s ease}.experience-item a:hover:after{width:100%}@media (max-width: 1200px){.experience-container{width:80%}.experience-item{padding-left:40px}.experience-item:before{left:8px;top:18px;width:12px;height:12px}.experience-item h3{font-size:1.6rem}.experience-header .company{font-size:1.1rem}.duration,.experience-item p{font-size:.9rem}.experience-item ul li{font-size:.9rem;text-align:left}}@media (max-width: 768px){.experience-container{width:90%;padding:1.5rem 0}.experience-item{padding-left:30px;padding:1.2rem;padding-left:40px}.experience-item:before{left:6px;top:16px;width:10px;height:10px}.experience-item h3{font-size:1.4rem}.experience-header .company{font-size:1rem}.duration,.experience-item p,.experience-item ul li{font-size:.85rem}.heading{font-size:1.6rem}}@media (max-width: 480px){.experience-container{width:95%;padding:1rem 0}.experience-item{padding-left:20px;padding:1rem;padding-left:30px}.experience-item:before{left:4px;top:14px;width:8px;height:8px}.experience-item h3{font-size:1.2rem}.experience-header .company{font-size:.9rem}.duration,.experience-item p,.experience-item ul li{font-size:.8rem}.heading{font-size:1.4rem}.experience-item a{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.parent-container{display:flex;justify-content:center;align-items:center;position:relative}.matrix{display:grid;grid-template-rows:repeat(7,100px);opacity:0;transition:opacity .6s ease;max-width:100%;max-height:100%}.matrix.fade-in{opacity:1;animation:fadeIn .2s ease forwards}.line{width:150px;height:100px;border-left:.8px solid rgba(255,255,255,.2);border-top:.8px solid rgba(255,255,255,.2);animation:fadeIn .3s ease forwards;opacity:0;animation-delay:calc(var(--index) * .01s)}.line:nth-child(n){border-right:.8px solid rgba(255,255,255,.2)}.line:nth-child(n+1){border-bottom:.8px solid rgba(255,255,255,.2)}.special-cell{border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;flex-wrap:wrap;font-weight:700;text-align:center;animation:fadeIn .5s ease forwards;opacity:0;transform:scale(.9);animation-delay:.6s}.line:nth-child(n){--index: calc(var(--index) + 1)}button a:hover,.special-cell button:hover{color:#242424}.sparkle-container{display:flex;justify-content:flex-start;align-items:flex-start;height:100vh}.sparkle-container2{display:flex;justify-content:flex-end;align-items:flex-end;height:100vh}.sparkle-icon{width:50px}@keyframes pulse1{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse2{0%,to{transform:scale(1)}50%{transform:scale(.7)}}.sparkle-icon1{animation:pulse1 1.2s infinite}.sparkle-icon2{animation:pulse2 1.2s infinite}@media (max-width: 1200px){.special-cell{font-size:1.7rem}.sparkle-icon{width:45px}}@media (max-width: 768px){.special-cell{font-size:1.5rem}.sparkle-icon{width:40px}}@media (max-width: 480px){.special-cell{font-size:1.3rem}.sparkle-icon{width:30px}.sparkle-icon1{margin-left:40px}.sparkle-icon2{margin-right:200px}}.navbar{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:1rem 2rem;position:sticky;width:100%;top:0;z-index:1000}.logo-container{position:absolute;left:0;flex-shrink:0}.logo{left:0;width:50px;height:auto}.navbar-list{list-style:none;display:flex;justify-content:center;margin:0;padding:10px;border-radius:50px;background:linear-gradient(to right,#90186e,#efa3c5)}.navbar-list li{margin:0 1.5rem}.navbar-list a{color:#ffffffb3;text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s ease}.navbar-list a:hover{color:#fff;text-decoration:none}.home-icon{color:#ffffffb3;font-size:1.5rem}.home-icon:hover{color:#fff}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-list li{margin:.5rem 10px}.navbar-list{transform:translate(0)}.navbar-list a{font-size:1rem}.logo{width:40px}}@media (max-width: 480px){.navbar{padding:.5rem}.logo{display:none}.navbar-list{transform:translate(0)}.navbar-list a{font-size:.9rem}.home-icon{font-size:1.2rem}.navbar-list li:last-child{display:none}}.projects-container{width:100%;text-align:center;padding:4rem 2rem;opacity:0;transform:translateY(45px);transition:opacity .8s ease-out,transform .8s ease-out}.projects-container.animate{opacity:1;transform:translateY(0)}.heading{font-size:2rem;font-weight:700}.projects-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2rem}.project-card{text-align:left;width:80%;padding:1.5rem;border-radius:12px;box-shadow:2px 2px 10px #90186e;transition:transform .3s ease-in-out;opacity:0;transform:scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.projects-container.animate .project-card{opacity:1;transform:scale(1)}.star-image{width:30px;height:30px;animation:pulse2 1.8s infinite}.project-title{margin-top:1.5rem;font-weight:700}.project-subtitle{font-weight:lighter;margin-top:-5px}.project-description{font-size:.9rem;color:#bec1dd;margin:.8rem 0}.project-icons{display:flex;gap:.5rem;margin:1rem 0}.icon{width:50px;border-radius:50%;padding:5px;border:1px solid #efa3c5}.project-link{display:inline-block;position:relative;color:#efa3c5;font-size:1rem;text-decoration:none;font-weight:700}.project-link-container{display:flex;justify-content:flex-end;width:100%}.project-link:after{content:"";display:block;position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#d87fa0;transition:width .3s ease}.project-link:hover:after{width:100%}@media (max-width: 1200px){.projects-container{padding:3rem 1.5rem}.heading{font-size:1.8rem}.project-card{width:70%}.project-title{font-size:1.4rem}.project-subtitle{font-size:.9rem}.project-description{font-size:.85rem}.icon{width:45px}}@media (max-width: 768px){.projects-container{padding:2rem 1rem}.heading{font-size:1.6rem}.project-card{width:90%;padding:1.2rem}.project-title{font-size:1.3rem}.project-subtitle{font-size:.85rem}.project-description{font-size:.8rem}.icon{width:40px}}@media (max-width: 480px){.projects-container{padding:1.5rem .5rem}.heading{font-size:1.4rem}.project-card{width:100%;padding:1rem}.project-title{font-size:1.2rem}.project-subtitle{font-size:.8rem}.project-description{font-size:.75rem}.icon{width:35px}.project-link{font-size:.9rem}}.carousel-wrapper{position:relative;overflow:hidden;width:100%;margin:0 auto}.technologies-carousel{width:100%;overflow:hidden;color:#ccc;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.technologies-carousel.animate{opacity:1;transform:translateY(0)}.carousel-container{display:flex;align-items:center;max-width:90%;margin:0 auto}.carousel{display:flex;transition:transform .5s ease}.carousel-item{flex:0 0 auto;width:150px;margin:0 10px;text-align:center;opacity:.5}.carousel-item.active{opacity:1}.tech-image{width:100px;height:auto}.carousel-arrow{background:#00000080;border:1px solid;font-size:2rem;cursor:pointer;color:#ffffffb3;transition:background-color .3s ease,color .3s ease;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%}.carousel-arrow:hover{background-color:#000000b3;color:#c62e9b;border:1px solid #c62e9b}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.active{opacity:1}.technologies-carousel h3{font-size:2rem}.carousel-item:not(.active){opacity:.5}.carousel-arrow.active{background-color:#000000b3;color:#c62e9b;border:1px solid #c62e9b;transform:scale(.9);box-shadow:0 0 10px #00000080}@media (max-width: 1200px){.carousel-wrapper{max-width:1200px}}@media (max-width: 768px){.carousel-wrapper{max-width:768px}.technologies-carousel h3{font-size:1.7rem}.carousel-item{width:130px}.carousel-item p{font-size:25px}.carousel-arrow{font-size:18px;padding:4px;top:45%}}@media (max-width: 480px){.carousel-wrapper{max-width:470px}.technologies-carousel h3{font-size:1.5rem}.carousel-item{width:120px}.carousel-item img{width:90px}.carousel-item p{font-size:20px}.carousel-arrow{font-size:16px;padding:2px;top:40%}}