@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2"),url(/fonts/Satoshi-Regular.woff) format("woff"),url(/fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Satoshi,sans-serif;display:flex;justify-content:center;padding-top:3rem;min-height:100vh;transition:background-color .3s ease,color .3s ease}html.dark{--background-color: #1a1a1a;--text-color: white;--card-background: #2a2a2a;--card-shadow: 0 4px 8px rgba(0, 0, 0, .3);--primary-color: #61dafb;--primary-hover-color: #21a1f1;--button-text-color: white;--button-gradient-start: #4a4a4a;--button-gradient-end: #3a3a3a;--bento-shadow: 0 8px 16px rgba(0, 0, 0, .3)}html.light{--background-color: white;--text-color: black;--card-background: #f0f0f0;--card-shadow: 0 4px 8px rgba(0, 0, 0, .1);--primary-color: #61dafb;--primary-hover-color: #21a1f1;--button-text-color: white;--button-gradient-start: #61dafb;--button-gradient-end: #21a1f1;--bento-shadow: 0 8px 16px rgba(0, 0, 0, .1)}body{background-color:var(--background-color);color:var(--text-color)}#root{width:100%;height:100%}.app{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 20px}}.hero-section{position:relative;min-height:300px;--header-height-lg: 200px;--header-height-md: 150px;--header-height-sm: 100px;--profile-image-size-lg: 170px;--profile-image-size-md: 140px;--profile-image-size-sm: 120px;--current-header-height: var(--header-height-lg);--current-profile-image-size: var(--profile-image-size-lg)}.hero-section .profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2);z-index:1}.hero-section .name-display{position:absolute;left:calc(5vw + var(--current-profile-image-size) + 20px);top:calc(var(--current-header-height) + 20px);transform:none;z-index:10;width:auto}@media (max-width: 768px){.hero-section{min-height:250px;--current-header-height: var(--header-height-md);--current-profile-image-size: var(--profile-image-size-md)}.hero-section .profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2)}.hero-section .name-display{position:absolute;left:calc(5vw + var(--current-profile-image-size) + 20px);top:calc(var(--current-header-height) + 20px);width:auto}}@media (max-width: 480px){.hero-section{min-height:200px;--current-header-height: var(--header-height-sm);--current-profile-image-size: var(--profile-image-size-sm)}}.about{margin-top:80px}@media (min-width: 769px){.about{margin-top:60px}}.work-section-header{margin-top:4rem;margin-bottom:2rem;padding-left:220px}@media (max-width: 768px){.work-section-header{padding-left:50px!important}}@media (max-width: 480px){.work-section-header{padding-left:20px!important}}.work-heading{font-size:2rem;color:var(--text-color);margin-bottom:.5rem;opacity:1}@media (max-width: 768px){.work-heading{font-size:1.5rem}}.work-subheading{font-size:1.2rem;color:var(--text-color);opacity:.5}@media (max-width: 768px){.work-subheading{font-size:1rem}}.header{width:100%;height:200px;overflow:hidden}.header img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.header{height:150px}}@media (max-width: 480px){.header{height:100px}}.profile{position:absolute;left:5vw;top:calc(var(--current-header-height) - var(--current-profile-image-size) / 2);display:flex;flex-direction:column}.profile-image-container{width:var(--current-profile-image-size);height:var(--current-profile-image-size);border-radius:50%;overflow:hidden;border:5px solid #1a1a1a}.profile-image-container img{width:100%;height:100%;object-fit:cover}.profile.light-theme-border .profile-image-container{border-color:#fff}.profile h1{margin-top:1rem;font-size:2rem;white-space:nowrap}.floating-dock{display:flex;gap:.75rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-sizing:border-box;background-color:#fffc;padding:.5rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-shadow:0 0 20px #0003;max-width:90%}@media (max-width: 768px){.floating-dock{gap:.4rem}}@media (max-width: 480px){.floating-dock{gap:.2rem;padding:.25rem}}.floating-dock .icon-container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.floating-dock .icon-container .tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-size:.875rem;white-space:nowrap}.floating-dock .icon-container .icon{display:flex;align-items:center;justify-content:center;color:#333;transition:color .2s ease-in-out}.floating-dock .icon-container .icon:hover{color:#007bff}.floating-dock .email-icon{color:#333;transition:color .2s ease-in-out}.floating-dock .email-icon:hover{color:#007bff}.floating-dock .theme-toggle{cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.floating-dock .theme-toggle:hover{color:#007bff}.name-display{display:flex;flex-direction:column;justify-content:center}.name-display .greeting{font-family:Satoshi Regular,sans-serif;font-size:clamp(1rem,2vw,2.5rem);font-weight:400;margin-bottom:.5vw}.name-display .name{font-family:Satoshi Black,sans-serif;font-size:clamp(2rem,5vw,6rem);font-weight:900;margin:0;line-height:1}.name-display .subheading{font-family:Satoshi Regular,sans-serif;font-size:clamp(.7rem,1.2vw,1.5rem);font-weight:700;color:#000;margin-top:1vw;line-height:1.2}.dark .name-display .subheading{color:#a3a3a3;font-weight:400}.container-text-flip{position:relative;display:inline-block;border-radius:.5rem;padding:.2em .5em .3em .2em;text-align:center;font-size:inherit;font-weight:700;color:#000;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb);box-shadow:inset 0 -1px #d1d5db,inset 0 0 0 1px #d1d5db,0 4px 8px #d1d5db;margin-left:.2em}@media (max-width: 768px){.container-text-flip{font-size:2rem;padding-top:.4rem;padding-bottom:.6rem}}@media (max-width: 480px){.container-text-flip{font-size:1.5rem;padding-top:.3rem;padding-bottom:.5rem}}body.dark .container-text-flip{color:#fff;background:linear-gradient(to bottom,#374151,#1f2937);box-shadow:inset 0 -1px #10171e,inset 0 0 0 1px #cde3753d,0 4px 8px #00000052}.container-text-flip__text-wrapper,.container-text-flip__word-container{display:inline-block}.about-section{max-width:600px;margin-top:10vw;margin-left:auto;margin-right:auto;font-family:Satoshi Light,sans-serif;font-size:clamp(.9rem,1.5vw,1.6rem);line-height:1.6;text-align:left;color:var(--text-color)}.italic-satoshi{font-family:Satoshi Italic,sans-serif;font-style:italic}@media (max-width: 768px){.about-section{margin-top:100px;font-size:1.3rem}}.availability-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.availability-text{display:flex;align-items:center;font-size:1.2em;color:var(--text-color);margin-bottom:10px}.green-dot{height:10px;width:10px;background-color:#4caf50;border-radius:50%;display:inline-block;margin-right:8px}.connect-button{background:linear-gradient(45deg,var(--button-gradient-start),var(--button-gradient-end));color:var(--button-text-color);border:none;padding:12px 25px;border-radius:8px;text-decoration:none;font-size:1.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;display:inline-block}.connect-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(45deg,var(--button-gradient-end),var(--button-gradient-start))}.background-gradient-container{position:relative;padding:4px}.background-gradient-container.group:hover .background-gradient-animated-blur{opacity:1}.background-gradient-animated-blur,.background-gradient-animated{position:absolute;inset:0;border-radius:1.5rem;z-index:1;will-change:transform;background-image:radial-gradient(circle farthest-side at 0 100%,#00ccb1,transparent),radial-gradient(circle farthest-side at 100% 0,#7b61ff,transparent),radial-gradient(circle farthest-side at 100% 100%,#ffc414,transparent),radial-gradient(circle farthest-side at 0 0,#1ca0fb,#141316)}.background-gradient-animated-blur{opacity:.6;filter:blur(1rem);transition:opacity .5s ease-in-out}.background-gradient-content{position:relative;z-index:10}.work-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.work-grid{display:grid;grid-template-columns:1fr;gap:1rem;justify-items:center;width:100%}@media (min-width: 768px){.work-grid{grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:1rem}}.work-card-link{text-decoration:none;color:inherit;width:100%;max-width:26rem}.work-card-gradient-wrapper{border-radius:22px;width:100%;padding:1rem 0;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:flex-start;min-height:400px;transition:background-color .3s ease}.dark .work-card-gradient-wrapper{background-color:#18181b}@media (min-width: 640px){.work-card-gradient-wrapper{padding:2.5rem 0}}.work-content-wrapper{padding:0 1rem}.work-image{object-fit:cover;width:100%;height:auto}.work-title{font-size:1rem;color:#000;margin-top:1rem;margin-bottom:.5rem;transition:color .3s ease}.dark .work-title{color:#e5e5e5}@media (min-width: 640px){.work-title{font-size:1.25rem}}.work-description{font-size:.875rem;color:#525252;flex-grow:1;transition:color .3s ease}.dark .work-description{color:#a3a3a3}.work-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border-radius:9999px;background-color:#000;color:#fff;border:none;cursor:pointer;font-size:.875rem;transition:background-color .3s ease}.dark .work-button{background-color:#27272a}.work-button-price{background-color:#3f3f46;border-radius:9999px;font-size:.6rem;padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0;color:#fff}.show-more-button{margin-top:2rem;padding:.75rem 1.5rem;border-radius:9999px;background-color:#000;color:#fff;font-weight:700;cursor:pointer;border:none;transition:background-color .3s ease}.dark .show-more-button{background-color:#27272a}.experience-section{padding:20px;text-align:center;max-width:900px;margin:0 auto}.experience-heading{font-size:2.5rem;margin-bottom:3rem;color:var(--text-color)}.timeline{position:relative;padding:20px 0}.timeline:before{content:"";position:absolute;top:0;left:25px;width:2px;height:100%;background-color:#e0e0e0;transform:translate(-50%);z-index:0}.dark .timeline:before{background-color:#333}.timeline-item{display:flex;justify-content:flex-start;margin-bottom:40px;position:relative;z-index:1}.timeline-left{width:50px;height:50px;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:absolute;left:0;z-index:2}.logo-circle{width:50px;height:50px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0000001a;border:1px solid #eee}.dark .logo-circle{background-color:#222;border:1px solid #444}.logo-circle img{width:70%;height:70%;object-fit:contain;border-radius:50%}.logo-circle .logo-text{font-size:1.5rem;font-weight:700;color:#333}.dark .logo-circle .logo-text{color:#eee}.timeline-right{flex-grow:1;width:calc(100% - 70px);padding-left:70px;text-align:left}.experience-card{background-color:var(--card-background);border-radius:10px;padding:20px;box-shadow:var(--card-shadow);border:1px solid #eee;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.dark .experience-card{border:1px solid #444}.dates{font-size:.85rem;color:#777;margin-bottom:5px}.dark .dates{color:#bbb}.title{font-size:1.3rem;font-weight:700;margin-bottom:5px;color:var(--text-color)}.organization-location{font-size:.95rem;color:#555;margin-bottom:10px}.dark .organization-location{color:#ccc}.description{font-size:1rem;color:var(--text-color);margin-bottom:15px;line-height:1.5}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background-color:#333;color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;white-space:nowrap}.dark .tech-badge{background-color:#555}@media (max-width: 768px){.timeline:before{left:25px;transform:translate(-50%)}.timeline-item{flex-direction:row;justify-content:flex-start}.timeline-left{left:0}.timeline-right{width:calc(100% - 70px);padding-left:70px;text-align:left}}.skills-section{padding:40px 20px;background-color:var(--background-color-primary)}.skills-section .skills-title{text-align:center;font-size:2.5rem;margin-bottom:40px;color:var(--text-color-primary)}.skills-section .skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.skills-section .skill-category{background-color:var(--card-background-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.skills-section .category-title{font-size:1.5rem;color:var(--text-color-accent);margin-bottom:20px;border-bottom:2px solid var(--text-color-accent);padding-bottom:10px}.skills-section .skills-list{display:flex;flex-wrap:wrap;gap:10px}.skills-section .skill-item{background-color:var(--background-color-secondary);color:var(--text-color-secondary);padding:8px 12px;border-radius:5px;font-size:.9rem}.bento-grid-section{padding:20px;background-color:var(--background-color-secondary)}.bento-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(150px,auto);gap:20px;max-width:1200px;margin:0 auto}.bento-item{background-color:var(--card-background-color);border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a,0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-color-primary);overflow:hidden}.bento-item h3{margin-top:0;color:var(--text-color-accent)}.bento-item p{color:var(--text-color-secondary)}.bento-item--video-large{grid-column:span 2;grid-row:span 1;padding:0;min-height:250px}.bento-item--video-large .bento-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.bento-item--image{padding:0}.bento-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.bento-item:nth-child(1){grid-column:1/span 2;grid-row:1}.bento-item:nth-child(2){grid-column:3/span 1;grid-row:1}.bento-item:nth-child(3){grid-column:1/span 1;grid-row:2}.bento-item:nth-child(4){grid-column:2/span 2;grid-row:2}.bento-item:nth-child(5){grid-column:1/span 1;grid-row:3}.bento-item:nth-child(6){grid-column:2/span 1;grid-row:3}.bento-item:nth-child(7){grid-column:3/span 1;grid-row:3}.bento-item--square{aspect-ratio:1/1}@media (max-width: 768px){.bento-grid-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto)}.bento-item--video-large{grid-column:span 2;grid-row:unset}.bento-item:nth-child(1),.bento-item:nth-child(2),.bento-item:nth-child(3),.bento-item:nth-child(4),.bento-item:nth-child(5),.bento-item:nth-child(6),.bento-item:nth-child(7){grid-column:unset;grid-row:unset}}@media (max-width: 480px){.bento-grid-container{grid-template-columns:repeat(2,1fr)}.bento-item:nth-child(1){grid-column:span 2;grid-row:1}.bento-item:nth-child(2){grid-column:span 1;grid-row:2}.bento-item:nth-child(3){grid-column:span 1;grid-row:2}.bento-item:nth-child(4){grid-column:span 2;grid-row:3}.bento-item:nth-child(5){grid-column:span 1;grid-row:4}.bento-item:nth-child(6){grid-column:span 1;grid-row:4}.bento-item:nth-child(7){grid-column:span 2;grid-row:5}}.latest-work-section{text-align:center;margin-top:50px;margin-bottom:30px}.latest-work-section .latest-work-heading{font-size:2.5em;color:var(--text-color-primary);margin-bottom:10px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.latest-work-section .latest-work-heading{font-size:2em}}@media (max-width: 480px){.latest-work-section .latest-work-heading{font-size:1.5em}}.latest-work-section .latest-work-subheading{font-size:1.2em;color:var(--text-color-secondary)}.footer{padding:4rem 2rem;text-align:center}.footer.light{background-color:#fff;color:#333}.footer.light .footer-text,.footer.light .footer-copy,.footer.light .footer-email{color:#666}.footer.light .footer-bottom{border-top:1px solid #ccc}.footer.light .footer-socials a{color:#333}.footer.light .footer-socials a:hover{color:#007bff}.footer.dark{background-color:#1a1a1a;color:#fff}.footer.dark .footer-text,.footer.dark .footer-copy,.footer.dark .footer-email{color:#a0a0a0}.footer.dark .footer-bottom{border-top:1px solid #333}.footer.dark .footer-socials a{color:#fff}.footer.dark .footer-socials a:hover{color:#007bff}.footer .footer-container{max-width:800px;margin:0 auto}.footer .footer-top{margin-bottom:2rem}.footer .footer-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.footer .footer-text{font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.footer .footer-button{display:inline-block;background-color:#007bff;color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.footer .footer-button:hover{background-color:#0062cc}.footer .footer-bottom{border-top:1px solid;padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 768px){.footer .footer-bottom{flex-direction:row;justify-content:space-between}}.footer .footer-socials{display:flex;gap:1.5rem}.footer .footer-socials a{font-size:1.5rem;transition:color .3s ease}.footer .footer-email,.footer .footer-copy{font-size:.9rem}