@font-face{font-family:Moon Walker Personal Use;src:url(../media/MoonWalkerPersonalUse.8b90d02d.woff2)format("woff2"),url(../media/MoonWalkerPersonalUse.d42adfe9.woff)format("woff"),url(../media/MoonWalkerPersonalUse.6b3fc03f.ttf)format("truetype");font-weight:400;font-style:normal}:root{--font-primary:"Hind",sans-serif;--font-family-heading:"Oswald",sans-serif;--logo-font:"Moon Walker Personal Use","Courier New",monospace;--font-size-small:14px;--font-size-content:16px;--font-size-paragraph:18px;--font-size-subheading:20px;--font-size-headingTwo:48px;--font-size-heading:64px;--logo-font-size:48px;--font-weight-bold:600;--line-height-default:1.6;--line-height-paragraph:40px;--color-black:#000;--color-white:#fff;--color-grey-light:#d4d4d4;--color-grey-dark:#888;--color-accent:gold;--color-accent-light:#ffeb3b;--color-border-translucent:rgba(255,255,255,.2);--color-background-translucent:rgba(255,255,255,.3);--text-color-light:var(--color-black);--text-color-dark:var(--color-white);--color-scroll-message:var(--color-grey-dark);--color-dot-inactive:#bbb;--color-dot-active:var(--color-grey-dark);--color-hover-accent:var(--color-accent);--color-border:rgba(255,255,255,.3);--background-light:linear-gradient(135deg,var(--color-white),#e9e8e8);--background-dark:linear-gradient(135deg,#121212,#2c2c2c);--background-light-translucent:var(--color-background-translucent);--background-dark-translucent:rgba(0,0,0,.3);--navbar-width:200px;--navbar-bg-light:rgba(0,0,0,.8);--navbar-bg-dark:var(--color-border-translucent);--navbar-text-light:var(--color-white);--navbar-text-dark:#e9e8e8;--cursor-default:url(../media/mouse.9fd50dc2.svg),auto;--cursor-hover:url(../media/mouseHover.ca3b184b.svg),auto;--transition:all .4s cubic-bezier(.4,0,.2,1);--opacity-default:.8;--box-shadow:0 4px 8px rgba(0,0,0,.1);--border-radius:8px;--border-radius-circle:50%;--line-width:1px;--spacing-xsmall:8px;--spacing-small:16px;--spacing-medium:24px;--spacing-large:32px;--spacing-xlarge:48px;--icon-size:20px;--height-full:100vh}@media (max-width:800px){:root{--font-size-heading:40px;--font-size-headingTwo:32px;--font-size-paragraph:var(--font-size-content);--logo-font-size:40px;--font-size-small:12px}}@media (max-width:500px){:root{--font-size-heading:32px;--font-size-headingTwo:24px;--font-size-subheading:16px;--font-size-paragraph:14px}}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-primary);line-height:var(--line-height-default);cursor:var(--cursor-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;margin:0;padding:0;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}main{width:100%}h1,h2,h3,h4,h5{font-family:var(--font-family-heading)}h1{font-size:var(--font-size-heading);margin-top:0;margin-bottom:var(--spacing-large)}h2{font-size:var(--font-size-headingTwo);margin-top:0;margin-bottom:var(--spacing-large)}@media (max-width:800px){h2{margin-bottom:var(--spacing-small)}}h3{font-size:var(--font-size-subheading)}p{font-size:var(--font-size-paragraph)}.App{flex-direction:column;justify-content:center;align-items:center;display:flex}.light-mode{background:var(--background-light);color:var(--text-color-light)}.dark-mode{background:var(--background-dark);color:var(--text-color-dark)}section{max-width:1344px;height:100vh;padding:0 var(--spacing-large);color:inherit;text-align:center;transition:var(--transition);flex-direction:column;align-items:center;margin:0 auto;display:flex}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}a:focus:not(:focus-visible){outline:none}button:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}textarea:focus:not(:focus-visible){outline:none}@media (max-width:800px){section{padding:0 var(--spacing-small)}}.mobile-warning{background-color:var(--color-hover-accent);color:var(--text-color-light);text-align:center;height:100vh;padding:var(--spacing-small);z-index:1000;position:fixed;top:0;left:0;right:0}.mobile-warning p{font-weight:700;font-size:var(--font-size-headingTwo)}
.section-top-20{position:relative;top:20vh}.section-top-15{position:relative;top:15vh}.section-top-10{position:relative;top:10vh}.section-top-9{position:relative;top:9vh}@media (max-width:800px){.section-top-20,.section-top-15{top:15vh}}@media (max-width:700px){.section-top-20,.section-top-15{top:14vh}}@media (max-height:850px){.section-top-15{top:10vh}}.glass-box{border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);box-shadow:var(--box-shadow);backdrop-filter:blur(10px);background:rgba(255,255,255,.15)}.light-mode .glass-box{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.1)}.hover-lift{transition:var(--transition);cursor:var(--cursor-hover);will-change:transform;transform:translateZ(0)}.hover-lift:hover{transform:translateY(-2px)}.hover-accent{transition:var(--transition);cursor:var(--cursor-hover)}.hover-accent:hover{color:var(--color-hover-accent)}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-border-translucent);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-hover-accent);border-radius:10px}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-hover-accent)var(--color-border-translucent)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-hover-accent);opacity:.8}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-24px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}.fade-in{animation:.3s ease-in fadeIn}.fade-in-scale{animation:.6s ease-out fadeInScale}.fade-in-up{animation:1.5s ease-out infinite fadeInUp}

.navbar{top:var(--spacing-xlarge);right:var(--spacing-xlarge);z-index:10;width:auto;height:fit-content;font-size:var(--font-size-small);text-align:right;position:fixed}@media (max-width:800px){.navbar{width:100%;top:auto;bottom:0;right:0;top:initial;border-radius:0;flex-direction:column;align-items:stretch;padding:0;display:flex}.primary-button{top:var(--spacing-small);right:var(--spacing-small);padding:var(--spacing-small)var(--spacing-medium)!important;position:fixed!important}}.light-mode .navbar ul{background-color:var(--navbar-bg-light);color:var(--navbar-text-light)}.dark-mode .navbar ul{background-color:var(--navbar-bg-dark);color:var(--navbar-text-dark)}.navbar ul{padding:0 var(--spacing-medium);border-radius:var(--border-radius);gap:var(--spacing-small);transition:var(--transition);margin:0;list-style:none;display:flex}@media (max-width:800px){.navbar ul{-ms-flex-pack:space-evenly;border-radius:0;justify-content:space-evenly}}.navbar li{padding:var(--spacing-small);cursor:var(--cursor-hover);opacity:.8;transition:none;position:relative}.navbar li a{cursor:var(--cursor-hover);color:inherit;text-decoration:none;display:block}.navbar li:hover{color:var(--color-hover-accent);opacity:1;transform:scale(1.05)}.navbar li:not(.active){filter:blur(.5px)}.navbar li.active{color:var(--color-hover-accent);filter:none;font-weight:700}.navbar li.active a{color:var(--color-hover-accent)}.navbar li.active:before{content:"❖";color:var(--color-hover-accent);font-weight:700;position:absolute;left:0}@media (max-width:800px){.navbar li.active:before{left:2px}}
.toggle-switch-container{gap:var(--spacing-medium);top:var(--spacing-xlarge);left:var(--spacing-xlarge);z-index:100;display:flex;position:fixed}@media (max-width:800px){.toggle-switch-container{top:var(--spacing-medium);left:var(--spacing-medium)}}.toggle-switch{width:70px;height:36px;display:inline-block;position:relative}@media (max-width:800px){.toggle-switch{width:66px;height:32px}}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:var(--cursor-hover);padding:0 var(--spacing-xsmall);transition:var(--transition);background:linear-gradient(135deg,gold,orange);border-radius:36px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:var(--color-white);border-radius:var(--border-radius-circle);width:28px;height:28px;transition:var(--transition);position:absolute;bottom:4px;left:4px;box-shadow:-3px 1px 15px rgba(0,0,0,.3)}@media (max-width:800px){.slider:before{width:24px;height:24px}}input:checked+.slider{box-shadow:-3px 1px 15px var(--color-accent);background:linear-gradient(135deg,#333,#1e1e1e)}input:checked+.slider:before{background-color:var(--color-accent-light);transform:translate(34px);box-shadow:0 0 8px rgba(255,235,59,.7)}.slider .icon-sun,.slider .icon-moon{font-size:var(--icon-size);opacity:0;transition:var(--transition);height:24px}.slider .icon-sun{color:var(--color-accent)}.slider .icon-moon{color:var(--color-accent-light)}input:checked+.slider .icon-sun,input:not(:checked)+.slider .icon-moon{opacity:1}.logo{font-family:var(--logo-font);font-size:var(--logo-font-size);line-height:130%}.line{height:var(--line-height-paragraph);width:var(--line-width);transition:var(--transition)}.light-mode .line{background-color:var(--color-black)}.dark-mode .line{background-color:var(--color-white)}
body.default-scroll{scroll-behavior:auto;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}body.custom-scroll{scroll-behavior:smooth;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:hidden}.page-transition{opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.page-transition.transitioning{opacity:0;transform:translateY(-25vh)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(25vh)}to{opacity:1;transform:translateY(0)}}.page-transition:not(.transitioning){animation:.6s cubic-bezier(.4,0,.2,1) fadeSlideIn}
.dropdown-container{cursor:var(--cursor-hover);display:inline-block;position:relative}.dropdown-menu{background-color:var(--color-white);box-shadow:var(--box-shadow);z-index:1;width:100%;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0}.dropdown-item{padding:var(--spacing-small);color:var(--text-color-light);transition:var(--transition);cursor:var(--cursor-hover);text-decoration:none;display:block}.dropdown-item:hover{background-color:var(--navbar-text-dark)}.primary-button{padding:var(--spacing-small)var(--spacing-large);font-size:var(--font-size-small);text-align:center;color:var(--text-color-dark);border-radius:var(--border-radius);transition:var(--transition);cursor:var(--cursor-hover);background:linear-gradient(135deg,#ffb300,#ff6f00);border:none;margin-top:12px;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.primary-button:hover{background:linear-gradient(135deg,#ff6f00,#ffb300);animation:.5s hoverAnimation;transform:scale(1.05)rotate(3deg)}.primary-button:active{animation:.5s activeAnimation;transform:scale(.98)rotate(-3deg)}.primary-button:focus{outline:none}@keyframes hoverAnimation{0%{background:linear-gradient(135deg,#ffb300,#ff6f00);transform:scale(1)rotate(0)}to{background:linear-gradient(135deg,#ff6f00,#ffb300);transform:scale(1.05)rotate(3deg)}}@keyframes activeAnimation{0%{background:linear-gradient(135deg,#ffb300,#ff6f00);transform:scale(1)rotate(0)}to{background:linear-gradient(135deg,#ff6f00,#ffb300);transform:scale(.98)rotate(-3deg)}}
.project-page{margin:var(--spacing-xlarge)auto 0 auto;width:auto;max-width:1344px;min-height:100vh;padding:0 var(--spacing-large);margin-bottom:var(--spacing-large);background:0 0!important}@media (max-width:800px){.project-page{padding:0 var(--spacing-small);margin:var(--spacing-medium)auto 0 auto}}.project-page section{height:-moz-fit-content;gap:var(--spacing-large);flex-direction:row;justify-content:space-between;align-items:flex-start;height:fit-content;padding:0}@media (max-width:800px){.project-page section{gap:var(--spacing-xsmall);flex-direction:column}:is(.project-page section) .overview{width:100%!important}:is(.project-page section) .technologies{width:100%!important}:is(.project-page section) .technologies{text-align:left!important}.technologies h2:nth-of-type(2),.technologies h2:nth-of-type(2)+*{display:none}}.project-page section .overview{text-align:left;width:70%}.project-page section .technologies{text-align:right}.project-page section p{font-size:var(--font-size-content)}.project-page h2,.project-page h3{font-size:var(--font-size-paragraph);margin:auto 0}.project-page h1{margin-top:var(--spacing-large)}.project-details{margin-top:var(--spacing-medium);flex-direction:column;align-items:flex-start;display:flex}.project-details img{border-radius:var(--border-radius);width:100%;height:auto;margin-bottom:var(--spacing-medium);box-shadow:var(--box-shadow)}@media (max-width:800px){.project-details img{margin-bottom:var(--spacing-small);margin-top:var(--spacing-small)}}.dark-mode .project-details img{border:1px solid rgba(255,255,255,.2)}.back-button{padding:var(--spacing-small)var(--spacing-medium);border-radius:var(--border-radius);font-size:var(--font-size-small);cursor:var(--cursor-hover);transition:var(--transition);color:var(--color-grey-light);border:none}.light-mode .back-button{background-color:var(--navbar-bg-light)}.dark-mode .back-button{background-color:var(--color-border-translucent)}.back-button:hover{background-color:var(--color-hover-accent);color:var(--text-color-light)}.back-button:focus{outline:none}.back-button .back-button-text{margin-left:var(--spacing-xsmall)}.image-preview-list{gap:var(--spacing-small);margin-top:var(--spacing-small);flex-wrap:wrap;justify-content:flex-start;display:flex}@media (max-width:800px){.image-preview-list{margin-top:var(--spacing-xsmall)}.image-preview-list img{margin-top:0;margin-bottom:0}}.image-preview{object-fit:cover;cursor:var(--cursor-hover);transition:var(--transition);padding:4px;border-radius:0!important;width:80px!important;height:60px!important}.light-mode .image-preview{border:2px solid var(--background-dark-translucent)!important}.dark-mode .image-preview{border:2px solid var(--background-light-translucent)!important}.image-preview.active{transform:scale(1.1);border-color:var(--color-hover-accent)!important}.image-preview:hover{transform:scale(1.05)}@media (max-width:800px){.image-preview-list{gap:var(--spacing-xsmall)}.image-preview{width:50px!important;height:35px!important}.image-preview.active{transform:scale(1.02)}}
.hero-section{position:relative;top:15vh}@media (max-width:800px){.hero-section{top:15vh}}.author-image-container{border-radius:var(--border-radius-circle)}.author-image{object-fit:cover;border-radius:var(--border-radius-circle);border:var(--spacing-xsmall)solid var(--color-accent);width:200px;height:200px}.expertise-tags{margin-top:var(--spacing-large);gap:var(--spacing-small);flex-direction:column;max-width:900px;margin-left:auto;margin-right:auto;display:flex}.tag-category{gap:var(--spacing-xsmall);flex-wrap:wrap;justify-content:center;display:flex}.tag{padding:var(--spacing-xsmall)var(--spacing-medium);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);transition:var(--transition);white-space:nowrap;cursor:var(--cursor-hover);border:2px solid transparent;border-radius:20px}.tag-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-black);box-shadow:0 4px 12px rgba(255,215,0,.3)}.tag-primary:hover{cursor:var(--cursor-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,215,0,.4)}.tag-tech{border:2px solid var(--color-border-translucent);color:inherit;backdrop-filter:blur(10px);background:rgba(255,255,255,.15)}.tag-tech:hover{border-color:var(--color-accent);cursor:var(--cursor-hover);background:rgba(255,255,255,.25);transform:translateY(-2px)}.tag-ai{color:inherit;backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(138,43,226,.3),rgba(75,0,130,.3));border:2px solid rgba(138,43,226,.5)}.tag-ai:hover{cursor:var(--cursor-hover);background:linear-gradient(135deg,rgba(138,43,226,.4),rgba(75,0,130,.4));border-color:rgba(138,43,226,.8);transform:translateY(-2px)}.tag-soft{color:inherit;backdrop-filter:blur(10px);background:rgba(100,200,255,.2);border:2px solid rgba(100,200,255,.4)}.tag-soft:hover{cursor:var(--cursor-hover);background:rgba(100,200,255,.3);border-color:rgba(100,200,255,.6);transform:translateY(-2px)}.tag-management{color:inherit;backdrop-filter:blur(10px);background:rgba(255,165,0,.2);border:2px solid rgba(255,165,0,.4)}.tag-management:hover{background:rgba(255,165,0,.3);border-color:rgba(255,165,0,.6);transform:translateY(-2px)}@media (max-width:800px){.expertise-tags{max-width:100%;padding:0 var(--spacing-small)}.tag{padding:6px var(--spacing-small);font-size:11px}.tag-category{gap:6px}.tag-category:has(.tag-primary){display:none}.tag-category:has(.tag-management){display:none}}@media (max-height:950px){.tag-category:has(.tag-management){display:none}}@media (max-height:835px){.tag-category:has(.tag-primary){display:none}.tag-category:has(.tag-management){display:none}}@media (max-width:500px){.tag{padding:4px var(--spacing-xsmall);font-size:10px}}.scroll-message-container{z-index:10;position:absolute;bottom:48px}@media (max-height:850px){.scroll-message-container{bottom:24px}}@media (max-width:800px){.scroll-message-container{bottom:100px}}.scroll-message{color:var(--color-scroll-message);font-weight:var(--font-weight-bold);opacity:.8;transition:var(--transition);font-size:var(--font-size-small)}
.interview-bot-section{flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}.section-icon{margin-right:var(--spacing-small);color:var(--color-accent)}.section-description{font-size:var(--font-size-paragraph);margin-bottom:var(--spacing-large);text-align:center}@media (max-width:800px){.section-description{margin-bottom:var(--spacing-medium)}}.chat-container{border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);width:100%;height:500px;box-shadow:var(--box-shadow);margin-bottom:var(--spacing-medium);background:rgba(255,255,255,.15);flex-direction:column;display:flex;overflow-y:auto}@media (max-width:800px){.chat-container{height:400px}}@media (max-height:950px){.chat-container{height:400px}}.messages-wrapper{gap:var(--spacing-small);padding:var(--spacing-medium);flex-direction:column;display:flex}.message{gap:var(--spacing-small);align-items:flex-start;display:flex}.user-message{flex-direction:row-reverse}.bot-message{flex-direction:row}.message-avatar{border-radius:var(--border-radius-circle);width:40px;min-width:40px;height:40px;font-size:var(--font-size-subheading);background:var(--color-accent);color:var(--color-black);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}@media (max-width:800px){.message-avatar{width:32px;min-width:32px;height:32px;font-size:var(--font-size-content)}}.user-avatar{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.message-content{padding:var(--spacing-small)var(--spacing-medium);border-radius:var(--border-radius);border:1px solid var(--color-border-translucent);overflow-wrap:break-word;text-align:left;background:rgba(255,255,255,.2)}@media (max-width:800px){.message-content{max-width:80%;padding:var(--spacing-xsmall)var(--spacing-small)}}.user-message .message-content{background:var(--color-accent);color:var(--color-black);border:none}.message-content p{line-height:var(--line-height-default);font-size:var(--font-size-content);margin:0}@media (max-width:800px){.message-content p{font-size:var(--font-size-small)}.messages-wrapper{padding:var(--spacing-small)}}.typing-indicator{padding:var(--spacing-xsmall)0;align-items:center;gap:4px;display:flex}.typing-indicator span{border-radius:var(--border-radius-circle);background:var(--color-accent);width:8px;height:8px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.input-container{gap:var(--spacing-small);align-items:flex-end;width:100%;display:flex}.chat-input{padding:var(--spacing-small)var(--spacing-medium);border-radius:var(--border-radius);border:1px solid var(--color-border-translucent);color:inherit;font-family:var(--font-primary);font-size:var(--font-size-content);resize:none;width:100%;min-height:48px;max-height:120px;transition:var(--transition);background:rgba(255,255,255,.15);flex:1 1}.chat-input:hover{cursor:var(--cursor-hover)}@media (max-width:800px){.chat-input{padding:var(--spacing-xsmall)var(--spacing-small);font-size:var(--font-size-small);min-height:40px}}.chat-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px rgba(255,215,0,.2)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:var(--color-grey-dark);opacity:.7}.chat-input:-ms-placeholder-shown{color:var(--color-grey-dark);opacity:.7}.chat-input::placeholder{color:var(--color-grey-dark);opacity:.7}.chat-input::placeholder{color:var(--color-grey-dark);opacity:.7}.send-button{border-radius:var(--border-radius);background:var(--color-accent);min-width:48px;height:48px;color:var(--color-black);font-size:var(--font-size-subheading);cursor:var(--cursor-hover);transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}@media (max-width:800px){.send-button{min-width:40px;height:40px;font-size:var(--font-size-content)}}.send-button:hover:not(:disabled){background:var(--color-accent-light);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{border-radius:var(--border-radius);background:rgba(255,255,255,.1)}.chat-container::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--border-radius)}.chat-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}
.technology-section{margin-bottom:3rem}.technology-container{gap:var(--spacing-medium);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.technology-box{border:1px solid var(--color-border-translucent);border-radius:var(--border-radius);padding:var(--spacing-small)var(--spacing-medium);box-shadow:var(--box-shadow);flex-direction:column;align-items:center;min-width:90px;display:flex}.tech-logo{margin-bottom:.5rem;font-size:2.5rem}.tech-logo.react{color:#61dafb}.tech-logo.vue{color:#42b883}.tech-logo.js{color:#f7df1e}.tech-logo.ts{color:#3178c6}.tech-logo.node{color:#393}.tech-logo.php{color:#777bb4}.tech-logo.git{color:#f05032}.tech-logo.d3{color:#f9a03c}.tech-logo.html{color:#e34f26}.tech-logo.css{color:#1572b6}.tech-logo.github,.tech-logo.nextjs{color:inherit}.tech-logo.vite{color:#646cff}.tech-logo.python{color:#3776ab}.tech-logo.nunit{color:#512bd4}@media (max-width:500px){.technology-box.hide-on-mobile{display:none}}@media (max-height:800px){.technology-box.hide-on-mobile{display:none}}.technology-box span{margin-top:.25rem;font-size:1rem}@media (max-width:700px){.technology-container{gap:var(--spacing-small)}}
.work-section{width:100%;max-width:1200px;margin:0 auto}.work-header{text-align:center;margin-bottom:var(--spacing-large)}.work-header h2{margin-bottom:var(--spacing-small)}.work-subtitle{color:var(--text-color-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}@media (max-width:700px){.work-subtitle{font-size:.95rem}}.work-filters{gap:var(--spacing-small);margin-bottom:var(--spacing-large);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{border:1px solid var(--color-border-translucent);color:var(--text-color-primary);cursor:var(--cursor-hover);background:0 0;border-radius:25px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s}.filter-btn:hover{border-color:var(--color-hover-accent);transform:translateY(-2px)}.filter-btn.active{background:var(--color-hover-accent);color:#fff;border-color:var(--color-hover-accent)}@media (max-width:700px){.filter-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:800px){.work-filters{display:none}}@media (max-height:950px){.work-filters{display:none}}.work-list-container{border:1px solid var(--color-border-translucent);backdrop-filter:blur(10px);padding:var(--spacing-small);background:rgba(255,255,255,.02);border-radius:12px;max-height:500px;margin-bottom:4rem;overflow:hidden}.light-mode .work-list-container{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.1)}@media (max-width:700px){.work-list-container{max-height:380px;padding:var(--spacing-small).5rem}}.work-list{max-height:480px;padding-right:.5rem;overflow-x:hidden;overflow-y:auto}.work-list::-webkit-scrollbar{width:8px}.work-list::-webkit-scrollbar-track{background:var(--color-border-translucent);border-radius:10px}.work-list::-webkit-scrollbar-thumb{background:var(--color-hover-accent);border-radius:10px}.work-list::-webkit-scrollbar-thumb:hover{background:var(--color-hover-accent);opacity:.8}@media (max-width:700px){.work-list{max-height:360px}}.work-list-item{border:1px solid var(--color-border-translucent);color:inherit;cursor:var(--cursor-hover);background:rgba(255,255,255,.01);border-radius:10px;align-items:center;gap:1.5rem;margin-bottom:.75rem;padding:1.25rem;text-decoration:none;transition:all .3s;display:flex}.work-list-item:hover{border-color:var(--color-hover-accent);background:rgba(255,255,255,.05);transform:translate(8px)}.light-mode .work-list-item{background:rgba(255,255,255,.3)}.light-mode .work-list-item:hover{background:rgba(255,255,255,.7)}@media (max-width:700px){.work-list-item{flex-wrap:wrap;gap:1rem;padding:1rem}}.work-item-icon{border:1px solid var(--color-border-translucent);background:rgba(255,255,255,.05);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.work-item-icon img{object-fit:cover;width:100%;height:100%}@media (max-width:700px){.work-item-icon{width:50px;height:50px}}.work-item-content{flex:1 1;min-width:0}.work-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}@media (max-width:700px){.work-item-header{flex-direction:column;gap:.25rem}}.work-item-title-section{text-align:left;flex-direction:column;gap:.25rem;display:flex}.work-item-content h3{color:var(--text-color-primary);margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}@media (max-width:700px){.work-item-content h3{font-size:1.05rem}}.work-item-subtitle{color:var(--color-hover-accent);font-size:.85rem;font-weight:700}.work-item-year{color:var(--text-color-secondary);flex-shrink:0;font-size:.9rem;font-weight:500}.work-item-description{color:var(--text-color-secondary);text-align:left;margin:0 0 .75rem;font-size:.9rem;line-height:1.6}@media (max-width:700px){.work-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}}.work-item-tags{flex-wrap:wrap;gap:.5rem;display:flex}.work-item-tag{background:var(--color-border-translucent);color:var(--text-color-primary);border-radius:15px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.work-list-item:hover .work-item-tag{background:rgb(var(--color-hover-accent-rgb,255,107,107),.2)}@media (max-width:700px){.work-item-tag{padding:.2rem .6rem;font-size:.7rem}}.work-item-arrow{color:var(--text-color-secondary);flex-shrink:0;font-size:1.5rem;transition:all .3s}.work-list-item:hover .work-item-arrow{color:var(--color-hover-accent);transform:translate(5px)}@media (max-width:700px){.work-item-arrow{display:none}}
.contact-section p{font-size:var(--font-size-paragraph);margin-bottom:var(--spacing-medium)}.social-links{margin-top:var(--spacing-large)}.social-links a{margin:0 var(--spacing-small);color:inherit;cursor:var(--cursor-hover);transition:var(--transition);font-size:32px;text-decoration:none}@media (max-width:800px){.social-links a{font-size:24px}}.social-links a:hover{color:var(--color-hover-accent)}
.expertise-container{justify-content:space-between;gap:var(--spacing-medium);flex-direction:row;display:flex}@media (max-width:800px){.expertise-container{gap:var(--spacing-small);flex-direction:column}}.expertise-box{border:1px solid var(--color-border-translucent);padding:var(--spacing-medium);border-radius:var(--border-radius);box-shadow:var(--box-shadow);background:rgba(255,255,255,.15);width:-webkit-fill-available}@media (max-width:800px){.expertise-box{padding:var(--spacing-small)var(--spacing-xsmall)}.expertise-box h3{margin-top:0}.expertise-box p{margin-bottom:0}}.expertise-box h3{justify-content:center;align-items:center;gap:var(--spacing-small);display:flex;position:relative}.expertise-box h3:before{content:"";background:var(--color-accent);border-radius:var(--border-radius);width:50%;height:4px;position:absolute;bottom:-8px}.expertise-icon{font-size:var(--font-size-subheading)}