*{margin:0;padding:0;box-sizing:border-box}:root{font-family:mainFont,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:300;color-scheme:dark;color:#ffffffe6;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}a{font-weight:400;color:#00d4ff;text-decoration:inherit}a:hover{color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@font-face{font-family:mainFont;src:url(/assets/Jersey10-Regular-TweM8XCq.ttf) format("truetype");font-weight:400;font-style:normal}.Typewriter{font-family:mainFont;font-size:5.1rem;background:linear-gradient(120deg,#00d4ff,#fff,#00d4ff);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 8s infinite;text-align:left;font-weight:300;line-height:1.2}@media (max-width: 768px){.Typewriter{font-size:3rem}}@media (max-width: 480px){.Typewriter{font-size:2.2rem}}@media (max-width: 360px){.Typewriter{font-size:1.8rem}}.Projects,.experience,.footer{gap:0;margin:0;width:100%}.Projects,.experience{margin-bottom:4rem}#root{max-width:1000px;margin:0 auto;padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:4rem}@media (max-width: 768px){#root{padding:1.5rem 1rem 1rem;gap:2.5rem}}@media (max-width: 480px){#root{padding:1rem .75rem .75rem;gap:2rem}}@media (max-width: 360px){#root{padding:.75rem .5rem .5rem;gap:1.5rem}}h1{font-family:mainFont;font-size:4rem;background:linear-gradient(120deg,#00d4ff,#fff,#00d4ff);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 8s infinite;text-align:left;margin:0 0 2rem;line-height:1.1;font-weight:300}@media (max-width: 768px){h1{font-size:2.5rem;margin:0 0 1.5rem}}@media (max-width: 480px){h1{font-size:2rem;margin:0 0 1rem}}@media (max-width: 360px){h1{font-size:1.8rem;margin:0 0 .75rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}body{min-height:100vh;background:#0a0a0f;overflow-x:hidden;font-family:mainFont,system-ui,sans-serif}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 50%,rgba(0,255,136,.03) 100%);z-index:-1}.stars{width:1px;height:1px;position:fixed;background:#fffc;z-index:-3;box-shadow:2vw 5vh 3px 1px #ffffffe6,10vw 8vh 2px 1px #fffc,15vw 15vh 3px 1px #ffffffe6,22vw 22vh 2px 1px #ffffffb3,28vw 12vh 3px 1px #ffffffe6,32vw 32vh 2px 1px #fffc,38vw 18vh 3px 1px #ffffffe6,42vw 35vh 2px 1px #ffffffb3,48vw 25vh 3px 1px #ffffffe6,53vw 42vh 2px 1px #fffc,58vw 15vh 3px 1px #ffffffe6,63vw 38vh 2px 1px #ffffffb3,68vw 28vh 3px 1px #ffffffe6,73vw 45vh 2px 1px #fffc,78vw 32vh 3px 1px #ffffffe6,83vw 48vh 2px 1px #ffffffb3,88vw 20vh 3px 1px #ffffffe6,93vw 52vh 2px 1px #fffc,98vw 35vh 3px 1px #ffffffe6,5vw 60vh 2px 1px #fffc,12vw 65vh 3px 1px #ffffffe6,18vw 72vh 2px 1px #ffffffb3,25vw 78vh 3px 1px #ffffffe6,30vw 85vh 2px 1px #fffc,35vw 68vh 3px 1px #ffffffe6,40vw 82vh 2px 1px #ffffffb3,45vw 92vh 3px 1px #ffffffe6,50vw 75vh 2px 1px #fffc,55vw 88vh 3px 1px #ffffffe6,60vw 95vh 2px 1px #ffffffb3,65vw 72vh 3px 1px #ffffffe6,70vw 85vh 2px 1px #fffc,75vw 78vh 3px 1px #ffffffe6,80vw 92vh 2px 1px #ffffffb3,85vw 82vh 3px 1px #ffffffe6,90vw 88vh 2px 1px #fffc,95vw 75vh 3px 1px #ffffffe6,7vw 10vh 1px #c8c8ffb3,17vw 25vh 1px #ffc8c8b3,27vw 40vh 1px #c8ffc8b3,37vw 55vh 1px #ffffc8b3,47vw 70vh 1px #ffc8ffb3,57vw 85vh 1px #c8ffffb3,67vw 30vh 1px #fff9,77vw 50vh 1px #c8c8ffb3,87vw 65vh 1px #ffc8c8b3,97vw 80vh 1px #c8ffc8b3;animation:twinkle 12s infinite linear}.shooting-star{position:fixed;width:80px;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.8),transparent);animation:shoot 4s infinite ease-in;z-index:-3}.shooting-star:nth-child(1){top:20%;left:-100px;animation-delay:0s}.shooting-star:nth-child(2){top:35%;left:-100px;animation-delay:2s;background:linear-gradient(90deg,rgba(0,255,136,.8),transparent)}.shooting-star:nth-child(3){top:60%;left:-100px;animation-delay:4s;background:linear-gradient(90deg,rgba(138,43,226,.8),transparent)}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.3}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(25deg);opacity:1}to{transform:translate(120vw) translateY(50vh) rotate(25deg);opacity:0}}.body{position:relative;z-index:1;min-height:100vh}.intro{margin-top:120px;margin-bottom:2rem}@media (max-width: 768px){.intro{margin-top:100px;margin-bottom:1.5rem}}@media (max-width: 480px){.intro{margin-top:80px;margin-bottom:1rem}}.section-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);margin:3rem 0}.navbar{display:flex;align-items:center;justify-content:center;padding:.8rem 2rem;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:auto;min-width:500px;height:60px;background:#14141ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;border-radius:50px;z-index:1000;transition:all .3s ease}@media (max-width: 768px){.navbar{min-width:90%;max-width:95%;padding:.6rem 1rem;height:50px;top:1rem}}@media (max-width: 480px){.navbar{min-width:95%;padding:.5rem .75rem;height:45px;top:.75rem}}@media (max-width: 360px){.navbar{min-width:98%;padding:.4rem .5rem;height:40px;top:.5rem}}.navbar:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 12px 40px #00d4ff26;border-color:#00d4ff4d;transition:all .3s ease}.navbar-links{display:flex;align-items:center;justify-content:center;gap:2.5rem}.navBarText{color:#e0e0e0;text-decoration:none;transition:all .3s ease;font-size:18px;font-weight:400;font-family:mainFont,system-ui,sans-serif;padding:.5rem 1rem;margin-top:30px;margin-left:15px;margin-right:15px;border-radius:25px;position:relative;overflow:hidden}@media (max-width: 768px){.navBarText{font-size:16px;padding:.4rem .8rem;margin-top:25px;margin-left:10px;margin-right:10px}}@media (max-width: 480px){.navBarText{font-size:14px;padding:.3rem .6rem;margin-top:20px;margin-left:8px;margin-right:8px}}@media (max-width: 360px){.navBarText{font-size:12px;padding:.25rem .4rem;margin-top:15px;margin-left:6px;margin-right:6px}}.navBarText:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s ease}.navBarText:hover:before{left:100%}.navBarText:hover{color:#00d4ff;transform:translateY(-1px);text-shadow:0 0 10px rgba(0,212,255,.3);transition:all .3s ease}.experience{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.experience h2{font-family:mainFont;font-size:3.5rem;background:linear-gradient(120deg,#0f8,#fff,#0f8);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 8s infinite;text-align:left;margin:0 0 2rem;font-weight:300}@media (max-width: 768px){.experience h2{font-size:2.5rem;margin:0 0 1.5rem}}@media (max-width: 480px){.experience h2{font-size:2rem;margin:0 0 1rem}}.collapsible{width:100%;margin-bottom:1.5rem;border-radius:12px;background:#14141e66;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.collapsible:hover{border-color:#00ff884d;box-shadow:0 4px 20px #00ff881a;transform:translateY(-2px)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;color:#e0e0e0;padding:1.5rem;font-family:mainFont,system-ui,sans-serif;font-size:1.1rem}@media (max-width: 768px){.collapsible-header{padding:1rem;font-size:1rem}}@media (max-width: 480px){.collapsible-header{padding:.8rem;font-size:.9rem;flex-direction:column;align-items:flex-start;gap:.5rem}}.collapsible button{background:none;color:#0f8;font-family:mainFont;font-size:1.5rem;font-weight:700;padding:.5rem;border:none;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#00ff881a}.content-parent{height:0px;overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1)}.content{padding:0 1.5rem 1.5rem;font-family:mainFont,system-ui,sans-serif;color:silver;line-height:1.7;font-size:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:0;background:#0003}@media (max-width: 768px){.content{padding:0 1rem 1rem;font-size:1.2rem}}@media (max-width: 480px){.content{padding:0 .8rem .8rem;font-size:1rem;line-height:1.6}}.toggle-button{transition:all .3s ease}.toggle-button:hover{color:#fff;background:#0f83;transform:scale(1.1);box-shadow:0 0 15px #00ff884d}.project-link{color:#0f8;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease;padding:.2rem .4rem;border-radius:4px;position:relative;vertical-align:-.25rem;font-size:1.5rem}.project-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#0f8,#00d4ff);transition:width .3s ease}.project-link:hover:after{width:100%}.project-link:hover{color:#fff;background:#00ff881a;transform:translateY(-1px);text-shadow:0 0 8px rgba(0,255,136,.3)}.text{font-size:1.5rem}.Projects{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0;overflow:visible;width:100%}.Projects h2{font-family:mainFont;font-size:3.5rem;background:linear-gradient(120deg,#8a2be2,#fff,#8a2be2);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 8s infinite;text-align:left;margin:0 0 2rem;font-weight:300}@media (max-width: 768px){.Projects h2{font-size:2.5rem;margin:0 0 1.5rem}}@media (max-width: 480px){.Projects h2{font-size:2rem;margin:0 0 1rem}}.collapsible-header{display:flex;justify-content:space-between;align-items:center;font-family:mainFont,system-ui,sans-serif;font-size:1.1rem;padding:1.5rem;color:#e0e0e0}.project-linkp{color:#8a2be2;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease;padding:.2rem .4rem;border-radius:4px;position:relative;vertical-align:-.3rem;font-size:1.5rem}.project-linkp:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#8a2be2,#00d4ff);transition:width .3s ease}.project-linkp:hover:after{width:100%}.project-linkp:hover{color:#fff;background:#8a2be21a;transform:translateY(-1px);text-shadow:0 0 8px rgba(138,43,226,.3);transition:all .3s ease}.Projects .collapsible{width:100%;margin-bottom:1.5rem;border-radius:12px;background:#14141e66;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.Projects .collapsible:hover{border-color:#8a2be24d;box-shadow:0 4px 20px #8a2be21a;transform:translateY(-2px)}.Projects .toggle-button{background:#8a2be21a;color:#8a2be2}.Projects .toggle-button:hover{background:#8a2be233;box-shadow:0 0 15px #8a2be24d}.footer{display:flex;flex-direction:column;margin-top:auto;color:#f5f5f5;text-align:center;padding:1rem;font-family:mainFont;border-top:1px solid #F5F5F5;width:100%;min-height:100%}.aboutMe-intro{font-size:1.7rem}@media (max-width: 768px){.aboutMe-intro{font-size:1.4rem}}@media (max-width: 480px){.aboutMe-intro{font-size:1.2rem;line-height:1.6}}.university-link{color:#00d4ff;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;padding:.2rem .4rem;border-radius:4px}.university-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#00d4ff,#0f8);transition:width .3s ease}.university-link:hover:after{width:100%}.university-link:hover{color:#fff;background:#00d4ff1a;transform:translateY(-1px);text-shadow:0 0 8px rgba(0,212,255,.3);transition:all .3s ease}.contact-section{width:100%;text-align:center;padding:2rem 0}.contact-section h1{font-family:mainFont;font-size:3.5rem;background:linear-gradient(120deg,#00d4ff,#fff,#00d4ff);background-size:200% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 8s infinite;text-align:center;margin:0 0 2rem;font-weight:300}@media (max-width: 768px){.contact-section h1{font-size:2.5rem;margin:0 0 1.5rem}}@media (max-width: 480px){.contact-section h1{font-size:2rem;margin:0 0 1rem}}.contact-intro{font-size:1.2rem;color:silver;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;font-family:mainFont,system-ui,sans-serif}@media (max-width: 768px){.contact-intro{font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}}@media (max-width: 480px){.contact-intro{font-size:1rem;margin-bottom:1.5rem;padding:0 .5rem}}.contact-list{list-style-type:none;padding:0;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.contact-list{gap:1.5rem;padding:0 1rem}}@media (max-width: 480px){.contact-list{gap:1rem;padding:0 .5rem;flex-direction:column;align-items:center}}.contact-list li{margin:0;font-family:mainFont,system-ui,sans-serif}.contact{color:#e0e0e0;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#14141e66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-size:1rem;min-width:150px;justify-content:center}@media (max-width: 768px){.contact{padding:.8rem 1.5rem;font-size:.9rem;min-width:130px}}@media (max-width: 480px){.contact{padding:.7rem 1.2rem;font-size:.85rem;min-width:120px;width:100%;max-width:200px}}.contact:hover{color:#fff;border-color:#00d4ff80;background:#00d4ff1a;transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff33;text-shadow:0 0 10px rgba(0,212,255,.3)}.contact[href^="mailto:"]{border-color:#00d4ff33}.contact[href^="mailto:"]:hover{border-color:#00d4ff80;background:#00d4ff1a;box-shadow:0 8px 25px #00d4ff33}.contact[href*=linkedin]{border-color:#0077b533}.contact[href*=linkedin]:hover{border-color:#0077b580;background:#0077b51a;box-shadow:0 8px 25px #0077b533}.contact[href*=github]{border-color:#8a2be233}.contact[href*=github]:hover{border-color:#8a2be280;background:#8a2be21a;box-shadow:0 8px 25px #8a2be233}