@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@300;400;500;600;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;scroll-behavior:smooth}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.code,code,pre{font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}@media screen and (max-width:980px){body.is-navPanel-visible #wrapper{opacity:.5}body.is-navPanel-visible #navPanel{box-shadow:0 0 1.5rem 0 #0003;transform:translateX(0);visibility:visible}}:root{--background-color-light:#fff;--text-color-light:#0a0a0a;--header-bg-light:#fffffff2;--card-bg-light:#fafafa;--border-light:#e0e0e0;--accent-light:#ff6b6b;--secondary-light:#a855f7;--code-bg-light:#f5f5f5;--background-color-dark:#0a0a0a;--text-color-dark:#e0e0e0;--header-bg-dark:#0a0a0af2;--card-bg-dark:#141414;--border-dark:#2a2a2a;--accent-dark:#ff6b6b;--secondary-dark:#a855f7;--code-bg-dark:#141414;--primary-gradient:linear-gradient(135deg,#ff6b6b,#a855f7);--secondary-gradient:linear-gradient(135deg,#a855f7,#ff6b6b);--success:#28a745;--warning:#ffc107;--error:#dc3545;--info:#17a2b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem}body[data-theme=light]{--background-color:var(--background-color-light);--text-color:var(--text-color-light);--header-bg:var(--header-bg-light);--card-bg:var(--card-bg-light);--border-color:var(--border-light);--accent-color:var(--accent-light);--secondary-color:var(--secondary-light);--code-bg:var(--code-bg-light)}body[data-theme=dark]{--background-color:var(--background-color-dark);--text-color:var(--text-color-dark);--header-bg:var(--header-bg-dark);--card-bg:var(--card-bg-dark);--border-color:var(--border-dark);--accent-color:var(--accent-dark);--secondary-color:var(--secondary-dark);--code-bg:var(--code-bg-dark)}body{color:var(--text-color);min-height:100vh;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}.home-profile,body{background-color:var(--background-color)}*{box-sizing:border-box;color:var(--text-color);margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}::selection{background:var(--accent-color);color:var(--background-color)}::-moz-selection{background:var(--accent-color);color:var(--background-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.fade-in{animation:fadeIn .8s ease-out}.slide-in-left{animation:slideInFromLeft .8s ease-out}.slide-in-right{animation:slideInFromRight .8s ease-out}.pulse{animation:pulse 2s infinite}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-xl) var(--space-xl) 0 var(--space-xl);position:relative}.home-profile-container{max-width:1200px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:1}.home-profile-top{align-items:center;display:flex;flex-direction:row;gap:var(--space-2xl);justify-content:center;margin-bottom:var(--space-xl)}.home-profile-avatar{position:relative}.home-profile img{border:4px solid var(--accent-color);border-radius:50%;box-shadow:var(--shadow-xl);height:12rem;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:12rem}.home-profile img:hover{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.05)}.home-profile-content{max-width:720px;text-align:left}.home-profile h1{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:var(--space)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.home-profile h2{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;margin-bottom:var(--space-md);opacity:.9}.home-profile h2:before{color:var(--accent-color);content:"> ";font-weight:700}.home-profile-content p{color:var(--text-color);font-family:Inter,sans-serif;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:var(--space-lg);opacity:.8}.typing-effect{animation:typing 3.5s steps(40),blink .75s step-end infinite;border-right:3px solid var(--accent-color);overflow:hidden;white-space:nowrap}.home-profile-stats{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.stat-label{font-size:.875rem;letter-spacing:.05em;margin-top:var(--space-xs);opacity:.7;text-transform:uppercase}.home-profile-logo{gap:var(--space-lg)}.home-profile-logo,.social-link{display:flex;justify-content:center}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow);color:var(--text-color);height:3rem;transition:all .3s ease;width:3rem}.social-link:hover{background:var(--accent-color);box-shadow:var(--shadow-lg);color:var(--background-color);transform:translateY(-2px) scale(1.1)}.social-link svg{font-size:1.25rem}.code-block{background:#282c34;border:1px solid #3e4451;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-family:JetBrains Mono,monospace;font-size:.875rem;margin:var(--space) 0;overflow-x:auto;padding:var(--space-lg);position:relative}.code-block pre{color:#abb2bf;line-height:1.6;margin:0;text-align:left}.code-block:before{content:"🦀";font-size:1.2rem;opacity:.5;position:absolute;right:var(--space-xs);top:var(--space-xs)}.code-keyword{color:#c678dd;font-weight:600}.code-type{color:#e5c07b}.code-function{color:#61afef}.code-string{color:#98c379}.code-property{color:#e06c75}.code-comment{color:#5c6370;font-style:italic}.terminal{background:#0c0c0c;border:1px solid #2a2a2a;border-radius:var(--radius);color:#e0e0e0;font-family:JetBrains Mono,monospace;margin:var(--space) 0;padding:var(--space);position:relative}.terminal:before{color:#ff6b6b;content:"◉ ◯ ◯";font-size:.75rem;left:var(--space-xs);position:absolute;top:var(--space-xs)}.terminal-prompt{display:inline-block;margin-top:var(--space)}.terminal-prompt:before{color:#ff6b6b;content:"$ "}@media screen and (max-width:1024px){.home-profile{padding:var(--space-lg)}.home-profile-top{gap:var(--space-xl)}.home-profile img{height:10rem;width:10rem}.home-profile-stats{gap:var(--space);justify-content:center}.stat-item{min-width:120px}}@media screen and (max-width:768px){.home-profile{padding:var(--space);text-align:center}.home-profile-top{flex-direction:column;gap:var(--space-lg);text-align:center}.home-profile-content{text-align:center}.home-profile img{height:8rem;width:8rem}.home-profile-stats{gap:var(--space-sm);justify-content:center}.stat-item{min-width:100px;padding:var(--space-sm)}.stat-number{font-size:1.5rem}.social-link{height:2.5rem;width:2.5rem}.social-link svg{font-size:1rem}}@media screen and (max-width:480px){.home-profile-stats{align-items:center;flex-direction:column}.stat-item{max-width:200px;width:100%}}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #0000001a;display:flex;flex-direction:row;justify-content:space-between;padding:var(--space) var(--space-2xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:100}.header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;position:relative}.header h1:after{animation:blink 1s infinite;color:var(--accent-color);content:"_"}.navigation{align-items:center;display:flex;flex-direction:row;font-size:1rem;font-weight:500;gap:var(--space-lg)}.navigation a{border-radius:var(--radius);font-family:Inter,sans-serif;padding:var(--space-sm) var(--space);position:relative;transition:all .3s ease}.navigation a:before{background:var(--accent-color);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navigation a:hover:before{width:80%}.navigation a:hover{background:#58a6ff1a;color:var(--accent-color);transform:translateY(-2px)}.menu-icon{border-radius:var(--radius);cursor:pointer;display:none;padding:var(--space-sm);transition:all .3s ease}.menu-icon:hover{background:var(--accent-color);transform:scale(1.1)}.menu-icon img{height:1.5rem;transition:all .3s ease;width:1.5rem}.menu-close-icon-mobile,.navigation-mobile{display:none}.dropdown-container{cursor:pointer;position:relative}.dropdown-header{border-radius:var(--radius);color:inherit;padding:var(--space-sm) var(--space);transition:all .3s ease}.dropdown-header:hover{background:#58a6ff1a;color:var(--accent-color)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);left:50%;margin-top:var(--space-xs);min-width:200px;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:100}.dropdown-menu.visible{opacity:1;transform:translateX(-50%) translateY(2px);visibility:visible}.dropdown-menu a{border-radius:var(--radius);color:var(--text-color);display:block;margin:var(--space-xs);padding:var(--space) var(--space-lg);text-decoration:none;transition:all .3s ease}.dropdown-menu a:hover{background:var(--accent-color);color:var(--background-color);transform:translateX(4px)}@media (max-width:980px){.header{padding:var(--space) var(--space-lg)}.navigation{display:none}.menu-icon{align-items:center;display:flex;justify-content:center}.menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigation-mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0a0afa,#141414fa);border-left:2px solid var(--accent-color);box-shadow:-10px 0 50px #00000080;display:none;height:100vh;max-width:320px;overflow-y:auto;padding:var(--space-2xl) var(--space-lg);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);width:100%;z-index:1000}.navigation-mobile.open{display:block;transform:translateX(0)}.navigation-mobile:before{background:radial-gradient(circle at 80% 20%,#ff6b6b1a 0,#0000 40%),radial-gradient(circle at 20% 80%,#a855f71a 0,#0000 40%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.navigation-mobile ul{list-style:none;margin:var(--space-2xl) 0 0 0;padding:0}.navigation-mobile li{animation:slideInFromRight .4s ease forwards;margin-bottom:var(--space);opacity:0}.navigation-mobile li:first-child{animation-delay:.1s}.navigation-mobile li:nth-child(2){animation-delay:.15s}.navigation-mobile li:nth-child(3){animation-delay:.2s}.navigation-mobile li:nth-child(4){animation-delay:.25s}.navigation-mobile li:nth-child(5){animation-delay:.3s}.navigation-mobile li:nth-child(6){animation-delay:.35s}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.navigation-mobile a{align-items:center;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-color);display:flex;font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:600;gap:var(--space);overflow:hidden;padding:var(--space-lg) var(--space);position:relative;text-decoration:none;transition:all .3s ease}.navigation-mobile a:after{background:linear-gradient(90deg,#ff6b6b33,#a855f733);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.navigation-mobile a:hover{border-color:var(--accent-color);box-shadow:0 0 20px #ff6b6b4d;color:var(--accent-color);transform:translateX(5px)}.navigation-mobile a:hover:after{width:100%}.menu-close-icon-mobile{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-lg);top:var(--space-lg);transition:all .3s ease;width:40px}.menu-close-icon-mobile:hover{background:var(--accent-color);color:var(--background-color);transform:scale(1.1)}}.navigation .theme-toggle{margin-left:var(--space)}footer{background:linear-gradient(180deg,#0000,#0a0a0a80);border-top:1px solid var(--border-color);bottom:0;margin-top:var(--space-2xl);padding:var(--space-2xl) var(--space);position:relative;text-align:center}.footer-content{flex-direction:column;margin:0 auto;max-width:1200px}.footer-content,.footer-social{align-items:center;display:flex;gap:var(--space-lg)}.footer-social a{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);display:flex;height:2.5rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:2.5rem}.footer-social a:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 20px #ff6b6b66;color:#0a0a0a;transform:translateY(-3px)}.footer-social a svg{font-size:1.2rem}.footer-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.footer-text p{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:.875rem;margin:var(--space-xs) 0;opacity:.6}.footer-tagline{font-size:.75rem!important;font-style:italic;opacity:.4!important}@media (max-width:768px){footer{padding:var(--space-xl) var(--space)}.footer-social{gap:var(--space)}.footer-social a{height:2rem;width:2rem}.footer-social a svg{font-size:1rem}}.particle-background{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.about-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-2xl) var(--space-lg) 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.about-hero{margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0;position:relative;text-align:center}.about-hero:before{border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}.about-hero h1,.about-hero:before{background:var(--primary-gradient)}.about-hero h1{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:var(--space)}.about-intro{grid-gap:var(--space-2xl);align-items:start;display:grid;gap:var(--space-2xl);grid-template-columns:300px 1fr;margin-bottom:var(--space-2xl)}.about-profile-image{position:relative}.about-profile-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform .3s ease;width:100%}.about-profile-image:hover img{transform:scale(1.02)}.about-profile-image:after{border:2px solid var(--accent-color);border-radius:var(--radius-xl);bottom:-20px;content:"";left:20px;opacity:.3;position:absolute;right:-20px;top:20px;z-index:-1}.about-text{color:var(--text-color);font-size:1.125rem;line-height:1.8}.about-text p{margin-bottom:var(--space-md)}.about-text strong{color:var(--accent-color);font-weight:600}.tech-skills{margin-bottom:var(--space-2xl)}.tech-skills h2{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:var(--space-xl);position:relative;text-align:center}.tech-skills h2:after{background:var(--secondary-gradient);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.tech-categories{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tech-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-lg);transition:transform .3s ease,box-shadow .3s ease}.tech-category:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tech-category h3{align-items:center;color:var(--accent-color);display:flex;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space)}.tech-category h3:before{color:var(--secondary-color);content:"//"}.tech-grid{grid-gap:var(--space);display:grid;gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tech-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--space);transition:all .3s ease}.tech-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.02)}.tech-icon{font-size:2rem;margin-bottom:var(--space-xs);transition:all .3s ease}.tech-item:hover .tech-icon{color:var(--accent-color);transform:scale(1.1)}.tech-name{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:500;text-align:center}.professional-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.professional-section:before{background:var(--secondary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.professional-section h2{color:var(--accent-color);font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:var(--space-lg)}.professional-section p{color:var(--text-color);font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-md)}.highlight-box{background:var(--code-bg);border-left:4px solid var(--accent-color);border-radius:0 var(--radius) var(--radius) 0;font-family:JetBrains Mono,monospace;font-size:.9rem;margin:var(--space-lg) 0;padding:var(--space-lg);position:relative}.highlight-box:before{content:"💡";font-size:1.5rem;position:absolute;right:var(--space);top:var(--space)}@media screen and (max-width:768px){.about-container{padding:var(--space-lg) var(--space)}.about-intro{gap:var(--space-lg);grid-template-columns:1fr;text-align:center}.about-profile-image{margin:0 auto;max-width:250px}.tech-categories{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.professional-section{padding:var(--space-lg)}}@media screen and (max-width:480px){.about-hero{padding:var(--space-lg) 0}.tech-grid{grid-template-columns:repeat(2,1fr)}.tech-item{padding:var(--space-sm)}.tech-icon{font-size:1.5rem}}.experience{margin-left:auto;margin-right:auto;max-width:1200px;padding:var(--space-xl) var(--space) 0 var(--space);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.experience *{line-height:1.8}.experience h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;font-family:Inter,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--space-2xl);position:relative}.experience h1:after{background:var(--secondary-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.experience-component{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:3rem!important;margin-top:0;overflow:hidden;padding:0;transition:all .3s ease;width:100%}.experience-component:hover{border-color:var(--accent-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.experience-component h2{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1.25rem)}.experience-component h3{color:var(--secondary-color);font-family:JetBrains Mono,monospace;font-size:clamp(.875rem,1.5vw,1rem);font-weight:600}.experience-component-title{background:linear-gradient(135deg,#ff6b6b0d,#a855f70d);border-bottom:2px solid var(--border-color);gap:var(--space-lg);justify-content:space-between;padding:var(--space-lg)}.experience-component-title-text{flex:1 1;gap:var(--space-sm)}.experience-component ul{padding:var(--space-lg) var(--space-lg) 0}.experience-component-title img{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);height:60px;object-fit:contain;padding:var(--space-sm);width:120px}@media screen and (max-width:1024px){.experience{padding:var(--space-xl) var(--space)}.experience-component-title img{height:50px;width:100px}}@media screen and (max-width:768px){.experience{padding:var(--space-lg) var(--space-sm)}.experience-component-title{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.experience-component-title img{align-self:center;height:40px;margin-top:var(--space);width:80px}.experience-component ul{padding:var(--space)}.experience-component ul li{font-size:.9rem}}.experience{margin-top:2rem}.experience *{color:var(--text-color);line-height:2;text-align:start}.experience h1{font-size:25px;font-weight:700;text-align:center}.experience h1:hover{cursor:text;opacity:1}.experience-component{margin:auto;width:80%}.experience-component:not(:last-child){border-bottom:1px solid #000}.experience-component h2{font-size:20px;font-weight:700}.experience-component h3{font-size:15px;font-weight:700}.experience-component #InfomediaLogo{height:13rem}.experience-component #UNSWLogo{height:5rem}.experience-component #MSALogo,.experience-component #PearlerLogo{height:10rem}.experience-component-title{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:start}.experience-component-title-text{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.experience-component ul{list-style:none!important;margin:0;padding:var(--space-lg)}.experience-component ul li{line-height:1.6;margin-bottom:var(--space);padding-left:var(--space-lg);position:relative}.experience-component ul li:before{color:var(--accent-color);content:"▹";font-size:1.2rem;font-weight:700;left:0;position:absolute}.experience-component-title img{height:200px;max-width:90%;object-fit:scale-down;width:300px}@media screen and (max-width:1024px){.experience-component{width:90%}.experience-component img{height:15rem}}@media screen and (max-width:768px){.experience-component{width:90%}.experience-component img{height:10rem}.experience-component-title{flex-direction:column;gap:0}}.image-gallery{gap:3rem;margin-top:2rem;padding:var(--space-lg)}.image-gallery,.image-group{align-items:center;display:flex;flex-direction:column}.image-group{gap:1rem;max-width:600px;width:100%}.image-group img{border-radius:var(--radius);box-shadow:var(--shadow-md);height:auto;transition:transform .3s ease,box-shadow .3s ease;width:100%}.image-group img:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.image-group p{color:var(--text-color);font-size:.9rem;font-style:italic;opacity:.7;text-align:center}.image-gallery-center{display:flex;justify-content:center;margin-top:2rem;padding:var(--space-lg)}.image-group-center{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:600px}.image-group-center img{border-radius:var(--radius);box-shadow:var(--shadow-md);height:auto;transition:transform .3s ease,box-shadow .3s ease;width:100%}.image-group-center img:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.image-group-center p{color:var(--text-color);font-size:.9rem;font-style:italic;opacity:.7;text-align:center}.education{background-color:var(--background-color);margin:0 auto;max-width:1200px;padding:var(--space-2xl) var(--space) 0 var(--space);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.education *{color:var(--text-color);line-height:1.8}.education-history{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:3rem!important;padding:var(--space-2xl);transition:all .3s ease}.education-history:hover{border-color:var(--accent-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.education-history h1{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;margin-bottom:var(--space-sm);padding:0}.education-history h1:hover{cursor:text;opacity:1}.education-history h2{color:var(--secondary-color);font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;margin-bottom:var(--space-sm);padding:0}.education-history h3{color:var(--text-color);font-size:clamp(.875rem,1.2vw,1rem);font-weight:600;margin-bottom:var(--space-lg);opacity:.7;padding:0}.education-history img{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);height:auto;margin-bottom:var(--space-lg);padding:var(--space-sm);width:220px}.education-history p{line-height:1.7;margin-bottom:var(--space);padding:0}.relevant-subject{display:inline-block;margin-right:2%;vertical-align:top;width:48%}.relevant-subject ul{list-style:none!important;margin:0;padding:0}.relevant-subject ul li{line-height:1.6;margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative;text-align:left}.relevant-subject ul li:before{color:var(--accent-color);content:"▹";font-size:1.2rem;font-weight:700;left:0;position:absolute}@media screen and (max-width:1024px){.education{padding:var(--space-xl) var(--space)}.education-history{padding:var(--space-xl)}}@media screen and (max-width:768px){.education{padding:var(--space-lg) var(--space-sm)}.education-history{padding:var(--space-lg)}.relevant-subject{display:block;margin-bottom:var(--space);margin-right:0;width:100%}.relevant-subject ul li{font-size:.9rem}}.gallery{column-count:3;column-gap:var(--space-lg);margin:0 auto;max-width:1400px;padding:var(--space-2xl) var(--space-lg) 0 var(--space-lg)}.gallery *{color:var(--text-color)}@media (max-width:1200px){.gallery{column-count:2}}@media (max-width:768px){.gallery{column-count:1;padding:var(--space-lg) var(--space)}}.individual-image-component{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);break-inside:avoid;margin-bottom:var(--space-lg);overflow:hidden;page-break-inside:avoid;position:relative;transition:all .3s ease}.individual-image-component:hover{border-color:var(--accent-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.individual-image-component h3{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600;line-height:1.4;margin:0;padding:var(--space) var(--space) 0}.individual-image-component h3:before{content:"📍 ";opacity:.7}.individual-image-component p{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:.75rem;margin:0;opacity:.6;padding:var(--space-xs) var(--space) var(--space)}.individual-image-component p:before{content:"🕒 "}.individual-image-component img{display:block;height:auto;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out,transform .3s ease;width:100%}.individual-image-component:hover img{transform:scale(1.02)}.individual-image-component img[src^="data:image"]{background:linear-gradient(135deg,#ff6b6b1a,#a855f71a);min-height:200px;opacity:0}.individual-image-component img[src^="/"],.individual-image-component img[src^="blob:"],.individual-image-component img[src^=http]{opacity:1}#botany,#operaharbour{break-inside:avoid;page-break-inside:avoid}#botany img,#operaharbour img{height:auto;object-fit:contain;width:100%}.contact{align-items:center;display:flex;justify-content:center;margin-top:3rem;min-height:80vh;padding:var(--space-2xl) var(--space) 0 var(--space)}.contact-terminal{background:#1a1a1a;border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 0 20px #ff6b6b33,0 0 40px #a855f71a,var(--shadow-xl);max-width:900px;overflow:hidden;width:100%}.terminal-header{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);gap:var(--space);padding:var(--space)}.terminal-buttons span{display:inline-block}.btn-close{background:#ff5f56;box-shadow:0 0 10px #ff5f5680}.btn-minimize{background:#ffbd2e;box-shadow:0 0 10px #ffbd2e80}.btn-maximize{background:#27c93f;box-shadow:0 0 10px #27c93f80}.terminal-title{flex:1 1;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.terminal-body{background:#0a0a0a;font-family:JetBrains Mono,monospace;padding:var(--space-xl)}.terminal-output{margin-bottom:var(--space-xl)}.ascii-art,.terminal-output{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ascii-art{color:var(--accent-color);font-size:.7rem;line-height:1.2;margin-bottom:var(--space-lg);overflow-x:auto;text-shadow:0 0 10px #ff6b6b80}.command-line{font-size:.9rem;margin:var(--space) 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.prompt{color:var(--accent-color);font-weight:700}.command{color:var(--secondary-color)}.output-text{margin:var(--space-lg) 0;padding-left:var(--space-lg)}.output-text p{color:#e0e0e0;line-height:1.6;margin:var(--space-sm) 0;padding:0}.key{color:var(--secondary-color);font-weight:600}.output-text a{border-bottom:1px dashed var(--accent-color);color:var(--accent-color);text-decoration:none;transition:all .3s ease}.output-text a:hover{border-bottom-color:var(--secondary-color);color:var(--secondary-color);text-shadow:0 0 10px #a855f780}.status-online{animation:pulse 2s ease-in-out infinite;color:#27c93f}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.contact-component Footer{width:100%}@media screen and (max-width:768px){.contact{padding:var(--space-lg) var(--space-sm)}.terminal-body{padding:var(--space)}.ascii-art{font-size:.5rem}}.contact-form{border-top:1px dashed var(--border-color);gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-xl);width:100%}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-sm);position:relative}.form-group label{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-shadow:0 0 10px #ff6b6b4d;text-transform:uppercase;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.form-group label:before{color:var(--secondary-color);content:"$ ";margin-right:var(--space-xs)}.error-message{animation:shake .3s ease;color:#ff5f56;display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;margin-top:var(--space-xs);text-shadow:0 0 10px #ff5f5680}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group input,.form-group textarea{background:#0a0a0a;border:2px solid #333;border-radius:0;box-shadow:inset 0 0 20px #00000080;color:#00d4ff;font-family:JetBrains Mono,monospace;font-size:.9rem;padding:var(--space) var(--space-lg);position:relative;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#555;opacity:1}.form-group input:focus,.form-group textarea:focus{background:#0f0f0f;border-color:var(--accent-color);box-shadow:0 0 20px #ff6b6b66,inset 0 0 20px #ff6b6b1a,0 0 40px #a855f733;color:#00d4ff;outline:none;text-shadow:0 0 8px #00d4ff80}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:#0000}.form-group textarea{min-height:150px;resize:vertical}.contact-form button{background:#0000;border:2px solid var(--accent-color);border-radius:0;color:var(--accent-color);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;letter-spacing:1px;margin-top:var(--space);overflow:hidden;padding:var(--space) var(--space-xl);position:relative;text-transform:uppercase;transition:all .3s ease}.contact-form button:before{background:linear-gradient(90deg,#0000,#ff6b6b4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-form button:hover:before{left:100%}.contact-form button:hover:not(:disabled){background:var(--accent-color);box-shadow:0 0 20px #ff6b6b80,0 0 40px #ff6b6b4d;color:#0a0a0a;transform:translateY(-2px)}.contact-form button:disabled{border-color:#555;color:#555;cursor:not-allowed}.contact-form button.submitting{animation:loading 1.5s ease-in-out infinite;opacity:.7}@keyframes loading{0%,to{border-color:var(--accent-color)}50%{border-color:var(--secondary-color)}}.form-success{animation:success-fade-in .5s ease-in;color:#27c93f;font-family:JetBrains Mono,monospace;font-size:1.25rem;padding:var(--space-2xl);text-align:center}.form-success:before{content:"✓ ";display:block;font-size:2rem;margin-bottom:var(--space)}@keyframes success-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.contact-form button{font-size:.9rem;padding:var(--space) var(--space-lg)}}.not-found-container{background-color:var(--background-color);min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.not-found,.not-found-container{display:flex;flex-direction:column}.not-found{align-items:center;flex:1 1;justify-content:center;padding:var(--space-2xl) var(--space)}.terminal-window{background:#1a1a1a;border:1px solid #333;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;max-width:900px;overflow:hidden;width:100%}.terminal-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:var(--space-sm) var(--space)}.terminal-buttons{display:flex;gap:var(--space-xs)}.terminal-buttons span{border-radius:50%;height:12px;width:12px}.btn-close{background:#ff6b6b}.btn-minimize{background:#ffd93d}.btn-maximize{background:#6bcf7f}.terminal-title{color:#888;font-size:.875rem;left:50%;position:absolute;transform:translateX(-50%)}.terminal-content,.terminal-title{font-family:JetBrains Mono,monospace}.terminal-content{color:#e0e0e0;padding:var(--space-2xl)}.error-code{margin-bottom:var(--space-xl);text-align:center}.glitch{animation:glitch 725ms infinite;color:#ff6b6b;display:inline-block;font-size:clamp(4rem,12vw,8rem);font-weight:900;position:relative;text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch:before{animation:glitchTop .65s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%);clip-path:polygon(0 0,100% 0,100% 33%,0 33%);text-shadow:-.04em 0 #00fffc}.glitch:after{animation:glitchBottom 375ms infinite;-webkit-clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);text-shadow:-.04em 0 #fc00ff}@keyframes glitch{0%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}14%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}15%{text-shadow:-.05em -.025em 0 #00fffc,.025em .025em 0 #fc00ff,-.05em -.05em 0 #fffc00}49%{text-shadow:-.05em -.025em 0 #00fffc,.025em .025em 0 #fc00ff,-.05em -.05em 0 #fffc00}50%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}99%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}to{text-shadow:-.05em 0 0 #00fffc,-.025em -.04em 0 #fc00ff,-.04em -.025em 0 #fffc00}}@keyframes glitchTop{0%{transform:translateY(-.02em)}10%{transform:translate(-.05em,.02em)}20%{transform:translate(.05em,.01em)}30%{transform:translate(-.03em,-.01em)}40%{transform:translate(.02em,.02em)}50%{transform:translate(0)}}@keyframes glitchBottom{0%{transform:translate(-.02em)}10%{transform:translate(.02em,.02em)}20%{transform:translate(-.05em,.01em)}30%{transform:translate(.03em,-.02em)}40%{transform:translate(-.01em,-.01em)}50%{transform:translate(0)}}.error-ascii{color:#ff6b6b;font-size:clamp(.4rem,1.2vw,.65rem);line-height:1;opacity:.8;text-align:center}.error-ascii,.error-message{margin:var(--space-xl) 0}.prompt-line{color:#e0e0e0;margin-top:var(--space)}.prompt{color:#ff6b6b;margin-right:var(--space-xs)}.error-text{color:#ff6b6b}.error-text,.status-text{font-size:.9rem;margin-left:var(--space)}.status-text{color:#ffd93d}.suggestion-text{color:#6bcf7f;font-size:.9rem;line-height:1.6;margin-left:var(--space)}.home-link{background:#2a2a2a;border:2px solid #00fffc;border-radius:var(--radius);box-shadow:0 0 10px #00fffc33;color:#00fffc;display:inline-block;font-family:JetBrains Mono,monospace;font-size:1rem;margin-top:var(--space-xl);padding:var(--space) var(--space-lg);text-decoration:none;transition:all .3s ease}.home-link:hover{background:#00fffc;box-shadow:0 0 20px #00fffc80;color:#0a0a0a;text-decoration:none;transform:translateY(-2px)}.home-link .prompt{color:inherit}@media screen and (max-width:768px){.terminal-content{padding:var(--space-lg)}.error-ascii{font-size:.35rem}.terminal-title{font-size:.75rem}.error-text,.status-text,.suggestion-text{font-size:.8rem}}@media screen and (max-width:480px){.not-found,.terminal-content{padding:var(--space)}.error-ascii{font-size:.3rem}}
/*# sourceMappingURL=main.40d2fd1a.css.map*/