@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500&family=Patua+One&family=Shrikhand&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{min-height:100vh}body{font-family:'Fredoka', sans-serif;font-weight:300;background-color:#f8f9fa;font-size:1.2em;color:rgba(33,37,41,0.88);display:flex;min-height:100vh;position:relative;flex-direction:column;overflow-x:hidden}.geometric-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.geometric-bg .shape{position:absolute;border-radius:50%;opacity:0.15}.geometric-bg .shape-1{width:400px;height:400px;background-color:#5E3A98;top:-100px;right:-150px}.geometric-bg .shape-2{width:300px;height:300px;background-color:#FF9671;bottom:10%;left:-100px}.geometric-bg .shape-3{width:200px;height:200px;background-color:#FFC75F;top:40%;right:10%}.geometric-bg .circle{position:absolute;border-radius:50%;border:2px solid #5E3A98;opacity:0.2}.geometric-bg .circle-1{width:100px;height:100px;top:20%;left:5%}.geometric-bg .circle-2{width:50px;height:50px;bottom:30%;right:15%}.geometric-bg .line{position:absolute;background-color:#5E3A98;opacity:0.1}.geometric-bg .line-1{height:3px;width:150px;top:15%;left:20%;transform:rotate(45deg)}.geometric-bg .line-2{height:200px;width:3px;bottom:10%;right:25%}.page{max-width:1000px;padding:1em;margin:0 auto;position:relative;z-index:1;flex:1}.content{width:100%}header{background-color:rgba(255,255,255,0.95);box-shadow:0 2px 20px rgba(94,58,152,0.15);position:sticky;top:0;z-index:100;width:100%}header nav{max-width:1000px;margin:0 auto;padding:1.2rem 2rem}header nav ul{list-style:none;display:flex;align-items:center}header nav ul li{display:inline-block;padding:0 1rem;position:relative}header nav ul li:first-child{font-family:'Shrikhand', cursive;color:#5E3A98;font-size:1.5rem;margin-right:1rem;padding-left:0}header nav ul li a{text-decoration:none;color:rgba(33,37,41,0.88);position:relative;padding:0.5rem 0}header nav ul li a::after{content:'';position:absolute;width:0;height:2px;background-color:#FF9671;bottom:0;left:0;transition:width 0.3s}header nav ul li a:hover{color:#FF9671}header nav ul li a:hover::after{width:100%}header nav ul li.active a{color:#5E3A98;font-weight:500}header nav ul li.active a::after{width:100%;background-color:#5E3A98}h1{color:#5E3A98;font-family:'Shrikhand', cursive;font-size:3.5em;font-weight:400;line-height:1.1;margin-bottom:1.5rem;position:relative}h1::after{content:'';position:absolute;width:80px;height:8px;background-color:#FF9671;bottom:-15px;left:5px}h2{font-size:2.33333em;margin-top:25px;color:#5E3A98;font-weight:500}h3{font-size:1em;margin-top:25px;color:rgba(255,199,95,0.88);font-weight:500}a,a:visited{color:#FF9671;text-decoration:none;position:relative;transition:color 0.3s}a:hover,a:visited:hover{color:#ff703e}a[target="_blank"]:after{font-family:'FontAwesome';content:" \f08e"}p{margin-top:12.5px;line-height:1.6}.highlight{color:#5E3A98;font-weight:500;position:relative}.highlight::after{content:'';position:absolute;width:100%;height:8px;background-color:rgba(94,58,152,0.2);bottom:0;left:0;z-index:-1}.accent{color:#FF9671;font-weight:500;position:relative}.accent::after{content:'';position:absolute;width:100%;height:8px;background-color:rgba(255,150,113,0.2);bottom:0;left:0;z-index:-1}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:6rem 0 3rem}@media only screen and (max-width: 768px){.home-hero{grid-template-columns:1fr}.home-hero .bio{order:-1;margin-bottom:2rem}}.hero-text h1{font-size:4.5rem}.hero-text .role{font-size:1.5rem;font-weight:500;color:rgba(33,37,41,0.88);margin-bottom:1.5rem}.pronunciation{font-style:italic;margin-top:37.5px;font-size:.66667em;position:relative;display:inline-block;color:rgba(33,37,41,0.88)}.pronunciation::before{content:'🔊';margin-right:8px}.bio{width:100%;border-radius:10px;position:relative}.bio-container{position:relative}.bio-container img{width:100%;border-radius:10px;box-shadow:0 20px 40px rgba(94,58,152,0.2);position:relative;z-index:2}.bio-container::before{content:'';position:absolute;width:100%;height:100%;background-color:#5E3A98;border-radius:10px;top:20px;left:20px;z-index:1}.bio-container::after{content:'';position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;border:3px solid #FFC75F;border-radius:10px;z-index:1}.current-role{background:linear-gradient(135deg, rgba(94,58,152,0.08) 0%, rgba(255,150,113,0.08) 100%);border-radius:10px;padding:2rem;margin-top:2rem;position:relative;overflow:hidden}.current-role::before{content:'';position:absolute;width:5px;height:70%;background-color:#5E3A98;left:0;top:15%}.current-role a{position:relative;font-weight:500}.current-role a::after{content:'';position:absolute;width:100%;height:2px;background-color:#FF9671;bottom:-2px;left:0;transform:scaleX(0);transform-origin:left;transition:transform 0.3s}.current-role a:hover::after{transform:scaleX(1)}.project{margin-top:25px;position:relative}.project h1{font-size:3.5em}.project p{margin-top:12.5px}.project img{width:100%;border-radius:10px;margin:25px 0;box-shadow:0 5px 15px rgba(0,0,0,0.1)}a.project{all:unset;cursor:pointer}.project.card h3{margin-top:0}.project.index,.blog-post.index{padding:1.5rem;margin-top:2rem;border-radius:10px;background-color:white;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s, box-shadow 0.3s}.project.index:hover,.blog-post.index:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.project.index h6,.blog-post.index h6{margin-top:0;display:flex;justify-content:space-between;align-items:center}.blog-post .meta{color:rgba(33,37,41,0.6);font-size:0.9em;margin-bottom:1rem;font-style:italic}.blog-post h1{margin-bottom:1rem}.blog-post h2{margin-top:2rem;margin-bottom:1rem}.blog-post h3{margin-top:1.5rem;margin-bottom:0.5rem}.blog-post p{margin-bottom:1rem;line-height:1.7}.blog-post ul,.blog-post ol{margin-bottom:1rem;padding-left:2rem}.blog-post ul li,.blog-post ol li{margin-bottom:0.5rem}.blog-post blockquote{border-left:4px solid #FF9671;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:rgba(33,37,41,0.8)}.blog-post code{background-color:rgba(94,58,152,0.1);padding:0.2rem 0.4rem;border-radius:3px;font-family:'Courier New', monospace;font-size:0.9em}.blog-post pre{background-color:rgba(94,58,152,0.05);padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0}.blog-post pre code{background:none;padding:0}.pagination{text-align:center;margin:3rem 0;padding:1rem}.pagination a{color:#FF9671;text-decoration:none;padding:0.5rem 1rem;margin:0 0.5rem;border:2px solid #FF9671;border-radius:5px;transition:all 0.3s}.pagination a:hover{background-color:#FF9671;color:white}.pagination .disabled{color:rgba(33,37,41,0.4);padding:0.5rem 1rem;margin:0 0.5rem;border:2px solid rgba(33,37,41,0.2);border-radius:5px}footer{background-color:#5E3A98;color:white;padding:3rem 0;margin-top:5rem;position:relative;overflow:hidden;margin-top:auto}footer .container{max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}footer .footer-shape{position:absolute;background-color:rgba(255,255,255,0.05);border-radius:50%}footer .footer-shape-1{width:200px;height:200px;top:-100px;left:10%}footer .footer-shape-2{width:150px;height:150px;bottom:-50px;right:15%}footer .footer-content{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 768px){footer .footer-content{flex-direction:column;gap:2rem;text-align:center}}footer .footer-links{display:flex;gap:1.5rem}footer .footer-links a{color:white;position:relative;padding:0.3rem 0}footer .footer-links a::after{content:'';position:absolute;width:0;height:2px;background-color:#FFC75F;bottom:0;left:0;transition:width 0.3s}footer .footer-links a:hover::after{width:100%}@media only screen{body{flex-direction:column}.page{min-width:unset}header{padding:0;min-height:unset;margin:0 auto}header nav ul li{padding:0 0.5em}}@media only screen and (max-width: 768px){h1{font-size:2.45em}.hero-text h1{font-size:3.5rem}}@media only screen and (max-width: 576px){.hero-text h1{font-size:3rem}header nav ul{flex-wrap:wrap}}.toc-container{margin-bottom:2rem;background:rgba(94,58,152,0.03);padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #FF9671}.toc{list-style:decimal inside;margin-left:0;padding-left:1.2em}.toc li{margin-bottom:0.3em;font-size:1em;color:rgba(33,37,41,0.88)}.toc ol{margin-left:1.5em;padding-left:0.5em;margin-top:0.3em}.toc a{color:#FF9671;text-decoration:none;transition:color 0.2s}.toc a:hover{color:#ff703e}