*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}.doodle-portfolio{--bg-color: #f9f9f9;--text-color: #333333;--primary-color: #6c63ff;--secondary-color: #ff6584;--accent-color: #36d1dc;--card-bg: #ffffff;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .1);--doodle-border: clamp(2px, .3vw, 3px) solid var(--border-color);--doodle-radius: clamp(15px, 2vw, 20px) clamp(5px, 1vw, 5px) clamp(15px, 2vw, 20px) clamp(5px, 1vw, 5px);--doodle-shadow: clamp(4px, .8vw, 8px) clamp(4px, .8vw, 8px) 0px var(--shadow-color);--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, 1rem);--space-md: clamp(1rem, 2vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2.5rem);--space-xl: clamp(2rem, 4vw, 3.5rem);--space-2xl: clamp(3rem, 6vw, 5rem);--transition-speed: .4s;font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden;position:relative;min-height:100vh}.doodle-portfolio.dark-mode{--bg-color: #121212;--text-color: #f0f0f0;--primary-color: #8a84ff;--secondary-color: #ff7b9c;--accent-color: #5ce1e6;--card-bg: #1e1e1e;--border-color: #f0f0f0;--shadow-color: rgba(255, 255, 255, .1)}.doodle-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.05}.doodle-line{position:absolute;background-color:var(--border-color)}html,body{max-width:100%;overflow-x:hidden}.container{max-width:min(1200px,100vw);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}header{padding:var(--space-sm) 0;border-bottom:var(--doodle-border);margin-bottom:var(--space-xl);position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo actions" "nav nav";align-items:center;gap:1rem}.logo{grid-area:logo;font-family:Indie Flower,cursive;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--primary-color);text-shadow:clamp(2px,.5vw,3px) clamp(2px,.5vw,3px) 0 var(--shadow-color);position:relative;display:inline-block;line-height:1.2}.logo:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:clamp(3px,.5vw,4px);background-color:var(--secondary-color);border-radius:2px}.header-actions{grid-area:actions}.nav-content{grid-area:nav;display:flex;align-items:center;justify-content:space-evenly;margin:var(--space-sm) 0 0 0;gap:10px}@media(min-width:768px){header{grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav actions"}.nav-content{justify-content:center}}.theme-toggle,.menu-toggle,.nav-link{background:transparent;border:var(--doodle-border);border-radius:var(--doodle-radius);padding:clamp(.5rem,1.5vw,.75rem) clamp(.5rem,2.5vw,1rem);font-family:Poppins,sans-serif;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;cursor:pointer;color:var(--text-color);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);transition:all var(--transition-speed);display:flex;align-items:center;gap:clamp(.25rem,1vw,.625rem);white-space:nowrap}.theme-toggle,.menu-toggle,.nav-link:hover{transform:translateY(-3px);box-shadow:clamp(6px,1.5vw,12px) clamp(6px,1.5vw,12px) 0 var(--shadow-color)}.theme-toggle i{font-size:clamp(1rem,1.5vw,1.2rem)}.hero{display:flex;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--space-2xl);padding:clamp(1.5rem,4vw,2rem);border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);position:relative;overflow:hidden;flex-direction:column}@media(min-width:768px){.hero{flex-direction:row}}.hero:before{content:"";position:absolute;top:-50px;right:-50px;width:min(200px,30vw);height:min(200px,30vw);border-radius:50%;background-color:var(--primary-color);opacity:.1;z-index:0}.hero-content{flex:1;z-index:1;width:100%}.hero-image{flex:1;z-index:1;width:100%;max-width:min(400px,90vw);margin:0 auto}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(.75rem,2vw,1rem);line-height:1.2;font-weight:700;text-wrap:balance}.hero h1 span{color:var(--primary-color);position:relative;display:inline-block}.hero h1 span:after{content:"";position:absolute;bottom:clamp(3px,.5vw,5px);left:0;width:100%;height:clamp(6px,1vw,8px);background-color:var(--secondary-color);opacity:.4;z-index:-1}.hero p{font-size:clamp(1rem,1.5vw,1.2rem);margin-bottom:clamp(1.25rem,2.5vw,1.5rem);max-width:min(600px,90vw);text-wrap:balance;text-align:left}.doodle-avatar{width:100%;max-width:min(400px,80vw);height:auto;aspect-ratio:1;border:var(--doodle-border);border-radius:var(--doodle-radius);box-shadow:var(--doodle-shadow);background-color:var(--bg-color);opacity:.9;position:relative;overflow:hidden;margin:0 auto}.doodle-avatar img{width:100%;height:100%}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:clamp(1.5rem,4vw,2.5rem);text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%);width:100%;padding:0 var(--space-md)}.section-title:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:clamp(60px,20vw,100px);height:clamp(3px,.5vw,4px);background-color:var(--accent-color);border-radius:2px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(1.25rem,3vw,2rem);margin-bottom:var(--space-2xl)}.portfolio-card{border:var(--doodle-border);border-radius:var(--doodle-radius);padding:clamp(1.25rem,3vw,1.5rem);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);transition:all var(--transition-speed);position:relative;overflow:hidden;cursor:pointer}.portfolio-card:hover{box-shadow:clamp(8px,2vw,15px) clamp(8px,2vw,15px) 0 var(--shadow-color)}.portfolio-card:before{content:"";position:absolute;top:-10px;right:-10px;width:clamp(30px,6vw,50px);height:clamp(30px,6vw,50px);background-color:var(--secondary-color);opacity:.2;border-radius:50%}.image-wrapper{position:relative;width:100%}.image-wrapper img{width:100%;display:block;height:auto;margin-bottom:clamp(.75rem,2vw,1rem);border:2px solid var(--text-color);border-radius:10px}.image-link{position:absolute;top:8%;right:6%;width:40px;height:40px;border-radius:10px;background:var(--text-color);color:var(--bg-color);display:flex;align-items:center;justify-content:center}.portfolio-card h3{font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:clamp(.75rem,2vw,1rem);color:var(--primary-color)}.portfolio-card p{font-size:clamp(.875rem,1.5vw,1rem);line-height:1.5}.skills-container{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);justify-content:center;margin-bottom:var(--space-2xl)}.skill-item{padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;transition:all .3s;position:relative;cursor:pointer;white-space:nowrap}@media(max-width:480px){.skill-item{white-space:normal;text-align:center;padding:var(--space-sm) var(--space-md)}}.skill-item:hover{background-color:var(--primary-color);color:#fff;transform:rotate(5deg)}.skill-item:after{content:"+";position:absolute;top:-10px;right:-10px;font-size:clamp(1rem,1.5vw,1.8rem);opacity:0;transition:opacity .3s;color:var(--border-color)}.skill-item:hover:after{opacity:1}.contact-section{padding:clamp(1.5rem,4vw,3rem);border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);margin-bottom:var(--space-2xl);text-align:center}.contact-section p{font-size:clamp(1rem,1.5vw,1.2rem);margin-bottom:0;max-width:min(800px,90vw);margin-left:auto;margin-right:auto}.social-links{display:flex;justify-content:center;gap:clamp(.75rem,2vw,1.25rem);margin-top:clamp(1.5rem,4vw,2rem);flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--card-bg);color:var(--text-color);text-decoration:none;box-shadow:var(--doodle-shadow);transition:all var(--transition-speed);flex-shrink:0}.social-link:hover{transform:translateY(-5px) rotate(5deg);box-shadow:clamp(5px,1.5vw,10px) clamp(5px,1.5vw,10px) 0 var(--shadow-color);background-color:var(--primary-color);color:#fff}.cta-button{display:inline-block;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);background-color:var(--primary-color);color:#fff;text-decoration:none;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;border:var(--doodle-border);border-radius:var(--doodle-radius);box-shadow:var(--doodle-shadow);transition:all var(--transition-speed);margin-top:var(--space-sm);cursor:pointer;text-align:center}.cta-button:hover{transform:translateY(-5px);box-shadow:clamp(6px,1.5vw,12px) clamp(6px,1.5vw,12px) 0 var(--shadow-color);background-color:var(--secondary-color)}footer{padding:var(--space-lg) 0;text-align:center;border-top:var(--doodle-border);margin-top:var(--space-xl);font-size:clamp(.75rem,1.5vw,.875rem);color:var(--text-color);opacity:.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 5s ease-in-out infinite}@media(max-width:480px){.header-content{text-align:center}.hero{padding:var(--space-md);text-align:center}.portfolio-grid{grid-template-columns:1fr}.contact-section{padding:var(--space-md)}}@media(min-width:481px)and (max-width:767px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:768px)and (max-width:1023px){.hero{flex-direction:row;text-align:left}.hero-content{text-align:left}}@media(min-width:1024px){.container{padding:0 var(--space-lg)}.hero{flex-direction:row;text-align:left;padding:var(--space-xl)}.hero-content{text-align:left}.hero h1{text-align:center}}@media(hover:none)and (pointer:coarse){.theme-toggle,.cta-button,.portfolio-card,.skill-item,.social-link{min-height:20px;min-width:20px}.social-link{width:50px;height:50px}}.work{margin-bottom:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-2xl)}.github-section,.articles-section,.blog-posts-section,.leetcode-section{border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--card-bg);box-shadow:var(--doodle-shadow);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);position:relative;overflow:hidden}:is(.github-section,.articles-section,.blog-posts-section,.leetcode-section) a{background:var(--primary-color);color:var(--text-color);text-decoration:none;width:150px;padding:5px;border:var(--doodle-border);border-radius:5px;font-size:1.2rem}.github-section:before,.leetcode-section:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background-color:var(--primary-color);opacity:.08}.github-repos-title,.github-languages-title,.articles-title,.blog-posts-title,.leetcode-title{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;color:var(--primary-color);text-align:center;position:relative}.github-repos-title:after,.articles-title:after,.blog-posts-title:after,.leetcode-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--accent-color);margin:var(--space-xs) auto 0;border-radius:2px}.github-section{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-gap:var(--space-xs);grid-template-areas:"lang repo"}.github-section>*{max-width:100%;min-width:0}.github-repos-box{display:flex;flex-direction:column;gap:var(--space-sm);grid-area:repo}.github-repo-item{display:flex;flex-direction:column;gap:var(--space-sm);align-items:start;padding:var(--space-sm) var(--space-md);border:var(--doodle-border);border-radius:10px;background-color:var(--bg-color);box-shadow:var(--doodle-shadow);transition:transform var(--transition-speed)}.github-repo-item:hover{transform:translateY(-4px)}.repo-name{font-weight:600;font-size:.95rem}.repo-starfork{display:flex;align-items:center;justify-content:space-evenly}.repo-stars,.repo-forks{font-size:.8rem;opacity:.85}.github-languages-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;grid-area:lang;max-width:400px;padding:var(--space-xl);border:var(--doodle-border);border-radius:var(--doodle-radius);background-color:var(--bg-color);box-shadow:var(--doodle-shadow);align-self:center;justify-self:center;overflow:scroll}.article-item,.blog-post-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:var(--doodle-border);border-radius:10px;background-color:var(--bg-color);box-shadow:var(--doodle-shadow);transition:transform var(--transition-speed)}.article-item:hover,.blog-post-item:hover{transform:translate(6px)}.article-title,.blog-post-title{font-size:.95rem;font-weight:600;line-height:1.4}.medium-logo,.devto-logo{color:var(--text-color)}.leetcode-summary{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"textA graph" "textB graph";gap:var(--space-md);text-align:center;width:100%}.leetcode-summary>*{max-width:100%;min-width:0}.leetcode-summary p:nth-child(1){grid-area:textA}.leetcode-summary p,.leetcode-graphbox{font-size:.9rem;border:var(--doodle-border);border-radius:10px;background-color:var(--bg-color);box-shadow:var(--doodle-shadow);transition:transform var(--transition-speed);display:flex;align-items:center;justify-content:center}.leetcode-summary p:nth-child(2){grid-area:textB}.leetcode-summary strong{color:var(--secondary-color);font-size:1.1rem}.leetcode-graphbox{margin:0 auto;max-width:400px;max-height:400px;grid-area:graph;width:100%;overflow:scroll}.leetcode-graphbox>*{max-width:100%;min-width:0}@media(max-width:640px){.github-section{grid-template-columns:1fr;grid-gap:var(--space-xs);grid-template-areas:"repo" "lang"}.github-section>*{max-width:100%}.github-repo-item{grid-template-columns:1fr;text-align:center}.repo-stars,.repo-forks{justify-self:center}.article-item,.blog-post-item{flex-direction:column;align-items:flex-start}.leetcode-summary{grid-template-columns:1fr;grid-template-areas:"textA" "textB" "graph"}}.favorites{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;min-width:100vw;padding:var(--space-lg);transition:background-color var(--transition-speed),color var(--transition-speed);position:fixed;z-index:100;top:0;left:0}.favorites-header{margin-bottom:var(--space-md);display:flex}.favorites-header h1{font-size:clamp(2rem,4vw,2.6rem);font-weight:600}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:var(--space-sm)}.favorite-card{background:var(--card-bg);border:var(--doodle-border);border-radius:var(--doodle-radius);box-shadow:var(--doodle-shadow);padding:10px;transition:transform var(--transition-speed);position:relative}.favorite-card h3{margin-bottom:var(--space-sm);display:flex;align-items:center;color:var(--text-color)}.favorite-card p{color:var(--secondary-color)}.favorite-card a{position:absolute;bottom:10px;right:10px;color:var(--accent-color)}.favorite-card:hover{transform:translateY(-6px) rotate(-.2deg)}.menu-enter-active[data-v-b9aa7dba],.menu-leave-active[data-v-b9aa7dba]{transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:top;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.menu-enter-active[data-v-b9aa7dba]{transition-timing-function:cubic-bezier(.34,1.56,.64,1);transition-duration:.3s}.menu-leave-active[data-v-b9aa7dba]{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.menu-enter-from[data-v-b9aa7dba]{transform:translateY(-12px);opacity:0}.menu-leave-to[data-v-b9aa7dba]{transform:translateY(-8px);opacity:0}.menu-enter-to[data-v-b9aa7dba],.menu-leave-from[data-v-b9aa7dba]{transform:translateY(0);opacity:1}header[data-v-4bc90c2d]{line-height:1.5;max-height:100vh}.logo[data-v-4bc90c2d]{display:block;margin:0 auto 2rem}nav[data-v-4bc90c2d]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-4bc90c2d]{color:var(--color-text)}nav a.router-link-exact-active[data-v-4bc90c2d]:hover{background-color:transparent}nav a[data-v-4bc90c2d]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-4bc90c2d]:first-of-type{border:0}@media(min-width:1024px){header[data-v-4bc90c2d]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-4bc90c2d]{margin:0 2rem 0 0}header .wrapper[data-v-4bc90c2d]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-4bc90c2d]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}