:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html{scroll-behavior:smooth}.hero{text-align:center;color:#fff;background:linear-gradient(#4c0b7e 0%,#a855f7 60%,#b063f8 80%);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:0 10%;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;margin-top:100px;justify-content:center!important;align-items:center!important}.hero-title{text-align:center;text-shadow:0 0 10px #ffffff26;margin-bottom:1rem;font-family:Poppins,Inter,sans-serif;font-size:3.2rem;font-weight:600;line-height:1.3}.highlight{color:#d8b4fe;text-shadow:0 0 8px #d8b4fe80}.hero-subtitle{color:#f5eaff;margin-top:.5rem;font-size:2rem;font-weight:400}.hero-desc{text-align:center;color:#e9d5ff;text-shadow:0 0 8px #0003;max-width:500px;margin-top:1.5rem;margin-left:auto;margin-right:auto;font-size:1.5rem;font-weight:700;line-height:2}.hero-buttons{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:2rem;margin-left:25rem;display:flex;position:absolute;bottom:250px;transform:translate(-50%)}.btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff6;border-radius:1.2rem;padding:.7rem 1.6rem;font-size:.95rem;font-weight:500;transition:all .3s}.btn:hover{background:#ffffff40}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animated-role{vertical-align:middle;color:#d8b4fe;align-items:center;font-weight:600;display:inline-flex;position:relative}.typed-text{white-space:nowrap;padding-left:5px;display:inline-block;overflow:hidden}.hero-subtitle{color:#fff;margin-top:1rem;font-size:1.5rem}.animated-role{color:#c084fc;font-weight:700}.typed-text{border-right:2px solid #c084fc;padding-right:4px;animation:.7s infinite blink}@keyframes blink{50%{opacity:0}}@media (max-width:768px){.hero{background-color:#54308d;min-height:auto;padding:50px 5%;background-image:none!important}.hero-illustration{display:none}.hero-content{top:initial;left:initial;width:100%;max-width:none;margin-top:0;position:static;transform:none}.hero-buttons{bottom:initial;left:initial;flex-direction:column;gap:.75rem;width:70%;margin:1.5rem auto 0;position:static;transform:none}button{text-align:center;width:100%}.hero-title{margin-right:0;font-size:2rem}.hero-subtitle{margin-right:0;font-size:1.2rem}.hero-desc{max-width:90%;margin:1rem auto;font-size:1rem;line-height:1.5}}.work{color:#fff;text-align:center;scroll-behavior:smooth;background:linear-gradient(#b063f8 0%,#a855f7 40%,#670faa 80%);min-height:80vh;padding:4rem 8%;transition:background .5s;position:relative;overflow:hidden}.section-title{text-shadow:0 0 20px #fff3;margin-bottom:3rem;font-size:3rem;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:2rem;display:grid}.project-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;filter:brightness(.9);background:linear-gradient(#bd8aec 0%,#a855f7 20%,#670faa 70%);border-radius:1.5rem;height:400px;padding:2rem;transition:all .7s;transform:translateY(50px)}.project-card.show{opacity:1;transform:translateY(0)}.project-card:hover{filter:brightness(1.1);border-color:#fff6;transform:translateY(-10px);box-shadow:0 10px 30px #9600ff80}.project-card h3{color:#e9d5ff;margin-bottom:.8rem;font-size:1.3rem}.project-card p{color:#dcd6f7;margin-bottom:1rem;font-size:1rem}.project-card a{color:#c084fc;font-weight:500;text-decoration:none;transition:color .3s;position:absolute;bottom:1rem;left:1rem}.project-card a:hover{color:#fff}@media (max-width:900px){.hero{text-align:center;flex-direction:column;min-height:80vh}.hero-left{max-width:100%}.hero-right{margin-top:2rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2.5rem}}.skills-section{text-align:center;background-color:#670faa;padding:5rem 8%}.skills-title{color:#fff;margin-bottom:2rem;font-size:2rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:2rem;display:grid}.skill-item{justify-content:center;align-items:center;animation:3s ease-in-out infinite float;display:flex}.skill-item img{filter:brightness();width:80px;height:80px;transition:transform .3s,filter .3s}.skill-item img:hover{filter:brightness(1.5);transform:scale(1.2)}.experience-edu-section{color:#fff;background:linear-gradient(135deg,#670faa,#440d69,#3a0a5f);flex-direction:column;justify-content:center;padding:100px 8%;display:flex;position:relative}.experience-header{justify-content:flex-end;margin-bottom:80px;display:flex}.section-title-right{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#fff,#ffb6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-right:5%;font-size:3rem;font-weight:800}.experience-grid.aligned-left{flex-direction:column;align-items:flex-start;gap:40px;margin-left:5%;display:flex}.exp-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffff14;border:2px solid #fff3;border-radius:20px;width:40%;height:60%;padding:40px 35px;transition:all .3s;box-shadow:0 10px 40px #0006}.exp-card:hover{background:#00000059;border-color:#ffffff26;transition:all .3s;transform:translateY(-10px)scale(1.03);box-shadow:0 0 25px #0009}.exp-card h3{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:700}.exp-card .sub{color:#ffb6ff;margin-bottom:18px;font-size:2rem;font-weight:600}.exp-card p{color:#f2f2f2;font-size:1rem;line-height:1.6}@media (max-width:900px){.section-title-right{text-align:center;margin-right:0;font-size:2.2rem}.experience-header{justify-content:center}.experience-grid.aligned-left{align-items:center}.exp-card{width:90%}}.contact{text-align:center;background:linear-gradient(145deg,#272331 0%,#1c0a49 50%,#130836 100%);flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem;display:flex}.contact-heading{color:#dad6e6;margin-bottom:4rem;font-size:3rem;font-weight:800}.contact-content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4rem;width:100%;max-width:1200px;display:flex}.hanging-card{text-align:left;transform-origin:top;background:#fffc;border:1px solid #f0ebffb3;border-radius:20px;width:300px;min-height:350px;padding:2rem 2.5rem;position:relative;box-shadow:0 10px 40px #50329633}.pin-icon{color:#c2185b;font-size:2rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.contact-form{background:#15031d23;border-radius:20px;flex-direction:column;gap:1.8rem;width:420px;min-height:350px;padding:3rem 2.5rem;display:flex;box-shadow:0 10px 40px #50329640}.contact-form input,.contact-form textarea{color:#3b2670;background:0 0;border:none;border-bottom:2px solid #8668d0;padding:1rem;font-size:1.05rem;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#5b3dc4;outline:none}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5b3dc4,#b38bfc);border:none;border-radius:10px;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 20px #5b3dc44d}.send-btn:hover{background:linear-gradient(90deg,#b38bfc,#5b3dc4);transform:scale(1.05)}@media (max-width:768px){.contact-content{flex-direction:column;align-items:center}.hanging-card,.contact-form{width:90%}}.hero-nav{gap:30px;display:flex;position:absolute;top:30px;right:60px}.hero-nav button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:500}.hero-nav button:hover{opacity:.7}.hero-subtitle{justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:22px;display:flex}.typed-text{text-align:left;vertical-align:middle;min-width:220px;display:inline-block}.typed-text:after{content:"|";margin-left:4px;animation:1s infinite blink}