:root.light{--bg-primary:#F5F0FF;--bg-secondary:#FFFFFF;--bg-tertiary:#E8DBFF;--bg-surface:rgba(255, 255, 255, .9);--bg-header:rgba(245, 240, 255, .95);--text-primary:#1A0B2E;--text-secondary:#3D2463;--text-tertiary:#6B5080;--text-accent:#D4006E;--accent-cyan:#0099CC;--accent-magenta:#C2008A;--accent-gold:#CC9900;--accent-orange:#E65C00;--accent-pink:#E6007A;--accent-purple:#8800CC;--accent-teal:#00B8D4;--accent-sunset:#FF9500;--state-hover:rgba(0, 153, 204, .08);--state-active:rgba(194, 0, 138, .12);--state-focus:rgba(204, 153, 0, .1);--border-default:rgba(0, 153, 204, .2);--border-focus:rgba(194, 0, 138, .5);--gradient-primary:linear-gradient(135deg, #0099CC 0%, #C2008A 50%, #CC9900 100%);--gradient-vaporwave:linear-gradient(135deg, #E6007A 0%, #8800CC 25%, #0099CC 50%, #FF9500 75%, #C2008A 100%);--gradient-sunset:linear-gradient(180deg, #E6007A 0%, #FF9500 50%, #8800CC 100%);--gradient-bg:linear-gradient(180deg, #F5F0FF 0%, #E8DBFF 50%, #D4C2F0 100%);--gradient-text:linear-gradient(135deg, #0099CC 0%, #C2008A 50%, #CC9900 100%);--gradient-holographic:linear-gradient(135deg, #0099CC 0%, #E6007A 20%, #8800CC 40%, #00B8D4 60%, #FF9500 80%, #C2008A 100%);--glow-cyan:rgba(0, 153, 204, .3);--glow-magenta:rgba(194, 0, 138, .3);--glow-gold:rgba(204, 153, 0, .25);--glow-white:rgba(0, 0, 0, .1);--glow-pink:rgba(230, 0, 122, .3);--glow-purple:rgba(136, 0, 204, .3);--glow-teal:rgba(0, 184, 212, .25);--glow-sunset:rgba(255, 149, 0, .25);--ambient-cyan:rgba(0, 200, 255, .35);--ambient-magenta:rgba(255, 0, 200, .35);--ambient-gold:rgba(255, 180, 0, .3);--theme-shade-four:var(--bg-primary);--theme-shade-three:var(--bg-secondary);--theme-shade-two:var(--bg-tertiary);--theme-shade-one:var(--accent-orange);--theme-text-main:var(--text-primary);--theme-text-secondary:var(--text-secondary);--theme-text-color:var(--text-accent);--logo-shade-one:var(--accent-cyan);--logo-shade-two:var(--accent-magenta);--logo-shade-three:var(--accent-gold);--bg-gradient-start:#F5F0FF;--bg-gradient-mid:#E8DBFF;--bg-gradient-end:#D4C2F0}:root,:root.dark{--bg-primary:#0D0221;--bg-secondary:#1A0B2E;--bg-tertiary:#2D1B4E;--bg-surface:rgba(26, 11, 46, .6);--bg-header:rgba(13, 2, 33, .95);--text-primary:#E0F7FF;--text-secondary:#B8D9E8;--text-tertiary:#8BA3B8;--text-accent:#FF10F0;--accent-cyan:#00F0FF;--accent-magenta:#FF00F5;--accent-gold:#FFD700;--accent-orange:#FF6C00;--accent-pink:#FF6EC7;--accent-purple:#9D00FF;--accent-teal:#0FF0FC;--accent-sunset:#FFB627;--state-hover:rgba(0, 240, 255, .12);--state-active:rgba(255, 0, 245, .18);--state-focus:rgba(255, 215, 0, .15);--border-default:rgba(0, 240, 255, .15);--border-focus:rgba(255, 0, 245, .4);--gradient-primary:linear-gradient(135deg, #00F0FF 0%, #FF00F5 50%, #FFD700 100%);--gradient-vaporwave:linear-gradient(135deg, #FF6EC7 0%, #9D00FF 25%, #00F0FF 50%, #FFB627 75%, #FF00F5 100%);--gradient-sunset:linear-gradient(180deg, #FF6EC7 0%, #FFB627 50%, #9D00FF 100%);--gradient-bg:linear-gradient(180deg, #0D0221 0%, #1A0B2E 50%, #2D1B4E 100%);--gradient-text:linear-gradient(135deg, #00F0FF 0%, #FF00F5 50%, #FFD700 100%);--gradient-holographic:linear-gradient(135deg, #00F0FF 0%, #FF6EC7 20%, #9D00FF 40%, #0FF0FC 60%, #FFB627 80%, #FF00F5 100%);--glow-cyan:rgba(0, 240, 255, .5);--glow-magenta:rgba(255, 0, 245, .5);--glow-gold:rgba(255, 215, 0, .4);--glow-white:rgba(255, 255, 255, .3);--glow-pink:rgba(255, 110, 199, .5);--glow-purple:rgba(157, 0, 255, .5);--glow-teal:rgba(15, 240, 252, .4);--glow-sunset:rgba(255, 182, 39, .4);--theme-shade-four:var(--bg-primary);--theme-shade-three:var(--bg-secondary);--theme-shade-two:var(--bg-tertiary);--theme-shade-one:var(--accent-orange);--theme-text-main:var(--text-primary);--theme-text-secondary:var(--text-secondary);--theme-text-color:var(--text-accent);--logo-shade-one:var(--accent-cyan);--logo-shade-two:var(--accent-magenta);--logo-shade-three:var(--accent-gold);--bg-gradient-start:var(--bg-primary);--bg-gradient-mid:var(--bg-secondary);--bg-gradient-end:var(--bg-tertiary)}body{margin:0;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--gradient-bg);background-size:100% 200%;background-attachment:fixed;animation:background-shift 30s ease-in-out infinite;position:relative;overflow-x:hidden}@keyframes background-shift{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.04}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.04;background-image:repeating-linear-gradient(90deg,transparent,transparent 49px,var(--glow-cyan) 49px,var(--glow-cyan) 50px),repeating-linear-gradient(0deg,transparent,transparent 49px,var(--glow-magenta) 49px,var(--glow-magenta) 50px);animation:grid-pulse 8s ease-in-out infinite}#root:before{content:"";position:fixed;top:50%;left:0;width:100%;height:50%;pointer-events:none;z-index:0;opacity:.08;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--accent-pink) 39px,var(--accent-pink) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--accent-purple) 39px,var(--accent-purple) 40px);transform:perspective(500px) rotateX(60deg);transform-origin:center top;animation:grid-shift 20s ease-in-out infinite}@keyframes grid-shift{0%,to{transform:perspective(500px) rotateX(60deg) translateY(0)}50%{transform:perspective(500px) rotateX(60deg) translateY(-5px)}}@keyframes grid-pulse{0%,to{opacity:.04}50%{opacity:.07}}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(10px)}}body>*{position:relative;z-index:1}h1,h2{font-weight:600;background:var(--gradient-holographic);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;background-size:200% 200%;animation:heading-glow-cycle 8s ease-in-out infinite,gradient-shift 6s ease-in-out infinite;position:relative}h1:before,h2:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;background:var(--gradient-holographic);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;z-index:-1;opacity:.7;filter:blur(2px);text-shadow:2px 0 3px var(--glow-cyan),-2px 0 3px var(--glow-pink),0 2px 3px var(--glow-purple)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes heading-glow-cycle{0%,to{filter:drop-shadow(0 0 20px var(--glow-cyan)) drop-shadow(0 0 30px var(--glow-magenta)) drop-shadow(0 0 15px var(--glow-pink))}25%{filter:drop-shadow(0 0 25px var(--glow-magenta)) drop-shadow(0 0 35px var(--glow-purple)) drop-shadow(0 0 20px var(--glow-teal))}50%{filter:drop-shadow(0 0 25px var(--glow-purple)) drop-shadow(0 0 35px var(--glow-teal)) drop-shadow(0 0 20px var(--glow-sunset))}75%{filter:drop-shadow(0 0 25px var(--glow-teal)) drop-shadow(0 0 35px var(--glow-sunset)) drop-shadow(0 0 20px var(--glow-cyan))}}h3,h4,h5{font-weight:500;color:var(--text-accent);text-shadow:0 0 15px var(--glow-magenta);animation:subheading-glow-pulse 4s ease-in-out infinite}@keyframes subheading-glow-pulse{0%,to{text-shadow:0 0 15px var(--glow-magenta)}50%{text-shadow:0 0 20px var(--glow-magenta),0 0 30px var(--glow-magenta)}}p{font-weight:400}.glitch-text{position:relative;display:inline-block;animation:glitch-skew 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--accent-cyan);clip:rect(24px,550px,90px,0);animation:glitch-anim 2s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--accent-magenta),2px 2px var(--accent-purple);clip:rect(85px,550px,140px,0);animation:glitch-anim 3s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(17px,9999px,94px,0)}10%{clip:rect(82px,9999px,40px,0)}20%{clip:rect(29px,9999px,83px,0)}30%{clip:rect(56px,9999px,15px,0)}40%{clip:rect(74px,9999px,69px,0)}50%{clip:rect(3px,9999px,99px,0)}60%{clip:rect(91px,9999px,32px,0)}70%{clip:rect(45px,9999px,77px,0)}80%{clip:rect(12px,9999px,61px,0)}90%{clip:rect(88px,9999px,24px,0)}to{clip:rect(54px,9999px,48px,0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-.5deg)}20%{transform:skew(.5deg)}30%{transform:skew(0)}40%{transform:skew(.3deg)}50%{transform:skew(-.3deg)}60%{transform:skew(0)}70%{transform:skew(-.2deg)}80%{transform:skew(.2deg)}90%{transform:skew(0)}to{transform:skew(0)}}.holographic-text{background:var(--gradient-holographic);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--glow-cyan)) drop-shadow(0 0 15px var(--glow-pink)) drop-shadow(0 0 8px var(--glow-purple))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.clickable-text{user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;cursor:pointer;font-weight:500;-webkit-tap-highlight-color:#fff0;transition:all .3s ease;color:var(--text-primary);position:relative}.clickable-text:hover,.clickable-text:active{font-weight:600;background:var(--gradient-vaporwave);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 12px var(--glow-cyan)) drop-shadow(0 0 18px var(--glow-pink)) drop-shadow(0 0 8px var(--glow-purple)) drop-shadow(1px 0 0 var(--glow-cyan)) drop-shadow(-1px 0 0 var(--glow-pink));transform:translateY(-1px);animation:gradient-shift 2s ease-in-out infinite}button>*{transform:skew(15deg);display:inline-block}button{user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 50%,var(--accent-magenta) 100%);background-size:200% 200%;cursor:pointer;border:2px solid #fff0;-webkit-tap-highlight-color:#fff0;transition:all .3s ease;color:var(--bg-primary);font-weight:600;padding:12px 24px;border-radius:8px;position:relative;overflow:hidden;animation:button-gradient-shift 6s ease-in-out infinite;transform:skew(-15deg);box-shadow:0 0 15px var(--glow-cyan),0 0 25px var(--glow-magenta),inset 0 0 20px var(--glow-white)}@keyframes button-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left .5s}button:hover:before{left:100%}button:hover,button:active{background:var(--gradient-holographic);background-size:200% 200%;border-color:var(--accent-cyan);box-shadow:0 0 25px var(--glow-cyan),0 0 45px var(--glow-pink),0 0 35px var(--glow-purple),var(--glow-cyan) 0 2px 8px 0,var(--glow-pink) 0 6px 12px 0,inset 0 0 30px var(--glow-white);transform:translateY(-3px) scale(1.02) skew(0);transition:all .3s ease;animation:button-glow-pulse 1.5s ease-in-out infinite;filter:drop-shadow(2px 0 0 var(--glow-cyan)) drop-shadow(-2px 0 0 var(--glow-pink)) drop-shadow(0 2px 0 var(--glow-purple))}@keyframes button-glow-pulse{0%,to{box-shadow:0 0 25px var(--glow-cyan),0 0 45px var(--glow-pink),0 0 35px var(--glow-purple),var(--glow-cyan) 0 2px 8px 0,var(--glow-pink) 0 6px 12px 0,inset 0 0 30px var(--glow-white)}50%{box-shadow:0 0 30px var(--glow-cyan),0 0 55px var(--glow-pink),0 0 45px var(--glow-purple),var(--glow-cyan) 0 2px 12px 0,var(--glow-pink) 0 8px 16px 0,inset 0 0 40px var(--glow-white)}}.no-background{background:transparent!important}.header-layout-outer button,.footer-outer button{transform:none!important}.header-layout-outer button>*,.footer-outer button>*{transform:none!important}.header-layout-outer button:hover,.footer-outer button:hover{transform:translateY(-2px) scale(1.05)!important}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-layout-outer{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-header) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-bottom .5s ease;border-bottom:1px solid transparent}.header-layout-outer:after{content:"";position:absolute;bottom:-30px;left:0;width:100%;height:30px;pointer-events:none;opacity:calc(var(--glow-opacity, 0) * .4);transition:opacity .3s ease-out;background:radial-gradient(ellipse at center top,var(--glow-cyan) 0%,transparent 70%),radial-gradient(ellipse at center top,var(--glow-magenta) 0%,transparent 60%)}.header-layout-outer.scrolled{border-bottom:1px solid var(--border-default)}.header-layout-outer.scrolled:after{animation:header-glow-pulse 3s ease-in-out .8s infinite}@keyframes header-glow-pulse{0%,to{opacity:calc(var(--glow-opacity, 0) * .4);transform:scaleY(1)}50%{opacity:calc(var(--glow-opacity, 0) * .6);transform:scaleY(1.2)}}.header-layout-outer .logo p{user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;font-family:Workbench,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" 0;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:2px;margin:0;font-size:29px;filter:drop-shadow(0 0 15px var(--glow-cyan)) drop-shadow(0 0 20px var(--glow-magenta)) drop-shadow(0 0 10px var(--glow-gold));animation:logo-glow-shift 5s ease-in-out infinite}@keyframes logo-glow-shift{0%,to{filter:drop-shadow(0 0 15px var(--glow-cyan)) drop-shadow(0 0 20px var(--glow-magenta)) drop-shadow(0 0 10px var(--glow-gold))}33%{filter:drop-shadow(0 0 20px var(--glow-magenta)) drop-shadow(0 0 15px var(--glow-gold)) drop-shadow(0 0 10px var(--glow-cyan))}66%{filter:drop-shadow(0 0 20px var(--glow-gold)) drop-shadow(0 0 15px var(--glow-cyan)) drop-shadow(0 0 10px var(--glow-magenta))}}.header-layout-outer .logo img{height:32px;filter:drop-shadow(0 0 8px var(--glow-cyan))}.header-layout{display:flex;justify-content:space-between}.header-layout{padding:20px}.header-layout .hamburger img{height:28px;align-self:flex-end}.header-layout .logo{text-align:left;display:flex;align-items:flex-end}.hamburger{display:none}.header-layout .logo img{margin-right:15px}@media only screen and (max-device-width:1024px){.header-layout{padding:25px}.header-layout .hamburger{display:block}.header-layout-outer .logo img{display:none}.header-layout-outer .logo p{font-size:32px}.header-layout .header-icons .icon,.header-layout .header-menu-list{display:none}}@media only screen and (max-width:767px){.header-layout .hamburger img{height:26px}.header-layout-outer .logo p{font-size:30px}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#fff0}50%{border-color:var(--theme-shade-one)}}.header-icons{display:flex;gap:15px}.header-icons .icon{cursor:pointer;border-radius:50%;border:none;width:32px;height:32px;padding:0;transition:all .3s ease}.header-icons .icon:hover{filter:drop-shadow(0 0 6px var(--glow-cyan));transform:translateY(-2px) scale(1.05)}.header-icons .icon img{width:100%;object-fit:cover}.header-icons .icon.linkedin img{max-width:22px}@media only screen and (max-width:767px){.header-icons .icon{width:30px;height:30px}.header-icons .icon.linkedin img{max-width:20px}}.brightness-toggle{width:32px;height:32px;padding:.5em;border-radius:50%;border:none;background-color:#fff0;transition:all .3s ease}.brightness-toggle:hover{filter:drop-shadow(0 0 8px var(--glow-accent));transform:scale(1.1)}.brightness-toggle img{height:100%;width:100%;object-fit:cover}@media only screen and (max-width:767px){.brightness-toggle{width:30px;height:30px}}.header-menu-list{display:flex;gap:40px}.header-menu-list p{margin:auto 0;font-size:16px;letter-spacing:.5px}.side-menu{position:absolute;opacity:.95;z-index:10;width:100%;top:80.67px;left:0;background:var(--theme-shade-four);box-shadow:#00000026 1.95px 1.95px 2.6px;box-sizing:border-box;text-align:left;overflow:hidden;height:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;transition-delay:.1s}.side-menu.shown{height:220px;padding:0 20px 20px}.side-menu .close-btn img{height:30px}.side-menu .header-icons{padding-bottom:15px}.side-menu .header-menu-list{display:flex;flex-direction:column;gap:20px;padding:5px 0 15px}@media only screen and (max-width:767px){.side-menu .close-btn img{height:25px}}.blinking-component{animation:blinking 1s step-end infinite;filter:drop-shadow(0 0 4px var(--glow-accent))}@keyframes blinking{0%,to{visibility:hidden}50%{visibility:visible}}.typing-component{display:inline-block}.typing-component a{text-decoration:none;color:var(--text-accent)}.typing-component .typewrite>.wrap{border-right:.08em solid var(--text-primary);animation:caret 1s steps(1) infinite,caret-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 3px var(--glow-cyan)) drop-shadow(0 0 6px var(--glow-cyan))}@keyframes caret{50%{border-color:transparent}}@keyframes caret-glow{0%,to{filter:drop-shadow(0 0 3px var(--glow-cyan)) drop-shadow(0 0 6px var(--glow-cyan))}50%{filter:drop-shadow(0 0 6px var(--glow-cyan)) drop-shadow(0 0 12px var(--glow-cyan)) drop-shadow(0 0 8px var(--glow-magenta))}}.page-content-layer{display:flex;justify-content:center;padding:80px 30px}.page.main{background:none;position:relative}:root .page.main:before,:root.dark .page.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,var(--glow-cyan) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,var(--glow-magenta) 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,var(--glow-gold) 0%,transparent 35%);opacity:.1;pointer-events:none;animation:vaporwave-wave-dark 20s ease-in-out infinite}:root.light .page.main:before{background:radial-gradient(ellipse at 30% 20%,var(--ambient-cyan) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,var(--ambient-magenta) 0%,transparent 55%),radial-gradient(ellipse at 50% 90%,var(--ambient-gold) 0%,transparent 45%);animation:vaporwave-wave-light 20s ease-in-out infinite}@keyframes vaporwave-wave-dark{0%{opacity:.15;transform:translateY(0) scale(1);background-position:0% 0%,100% 0%,50% 100%}25%{opacity:.25;transform:translateY(-8%) scale(1.08);background-position:30% 40%,90% 30%,20% 70%}50%{opacity:.2;transform:translateY(-12%) scale(1.12);background-position:60% 70%,40% 60%,10% 40%}75%{opacity:.25;transform:translateY(-8%) scale(1.08);background-position:80% 40%,20% 80%,70% 90%}to{opacity:.15;transform:translateY(0) scale(1);background-position:0% 0%,100% 0%,50% 100%}}@keyframes vaporwave-wave-light{0%{opacity:.4;transform:translateY(0) scale(1);background-position:0% 0%,100% 0%,50% 100%}25%{opacity:.7;transform:translateY(-8%) scale(1.08);background-position:30% 40%,90% 30%,20% 70%}50%{opacity:.55;transform:translateY(-12%) scale(1.12);background-position:60% 70%,40% 60%,10% 40%}75%{opacity:.7;transform:translateY(-8%) scale(1.08);background-position:80% 40%,20% 80%,70% 90%}to{opacity:.4;transform:translateY(0) scale(1);background-position:0% 0%,100% 0%,50% 100%}}.page:not(.main){background:none;position:relative}.page:not(.main) .page-content-layer{clip-path:polygon(0px 0px,100% 0px,100% 100%,30% 98%,0px 100%)!important}.page:not(.main):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.06;pointer-events:none}.page.last{position:relative}.page.last .page-content-layer{clip-path:polygon(0px 0px,100% 0px,100% 100%,70% 95%,0px 100%)!important}:root .page.last:before,:root.dark .page.last:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 60%,var(--glow-gold) 0%,transparent 50%),radial-gradient(circle at 60% 40%,var(--glow-cyan) 0%,transparent 50%);opacity:.05;pointer-events:none}:root.light .page.last:before{opacity:.2}@media only screen and (max-device-width: 1024px){.page-content-layer{padding:30px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.page.last .page-content-layer{clip-path:polygon(0px 0px,100% 0px,100% 100%,70% 97%,0px 100%)!important}}@media only screen and (max-width: 767px){.page.last .page-content-layer{clip-path:polygon(0px 0px,100% 0px,100% 100%,70% 98%,0px 100%)!important}}.about-outer{display:flex;max-width:1100px}.about-outer .section{width:50%}.about-outer .section.text .headline{display:flex;font-weight:700;color:var(--theme-text-color);text-align:left;font-size:2.5em;text-shadow:0 0 15px var(--glow-accent)}.about-outer .section.text .introduction{font-weight:700;font-size:1.8em;color:var(--theme-text-main);margin-top:10px;margin-bottom:40px}.about-outer .section.text .content{color:var(--theme-text-secondary);font-size:20px}.about-outer .text-prompt{color:var(--theme-text-secondary)}.about-outer .section.visual{padding-left:50px}@media only screen and (max-device-width:1024px){.about-outer{flex-direction:column}.about-outer .section{width:100%}.about-outer .section.text .headline{text-align:center;justify-content:center;margin-bottom:20px}.about-outer .section.text .headline.my-name{font-size:2em}.about-outer .section.text .headline.greeting span{display:none}.about-outer .section.text .introduction{font-size:1.6em;text-align:center}.about-outer .section.text .content{font-size:20px;text-align:center}.about-outer .section.visual{display:none;padding-left:0}}@media only screen and (max-width:767px){.about-outer .section.text .headline.greeting{font-size:2em}.about-outer .section.text .headline.my-name{font-size:1.9em}.about-outer .section.text .content{font-size:16px}.about-outer .section.text .introduction{font-size:1.2em}}.code-window{background-color:#0d1117;border-radius:8px;box-shadow:0 10px 30px #00000080;overflow:hidden;font-family:Consolas,Monaco,Courier New,monospace;border:1px solid #30363d;width:100%;transition:transform .3s ease,box-shadow .3s ease}.code-window:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0009}.window-header{background-color:#161b22;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid #30363d}.window-controls{display:flex;gap:8px;margin-right:15px}.control{width:12px;height:12px;border-radius:50%}.control.red{background-color:#ff5f56}.control.yellow{background-color:#ffbd2e}.control.green{background-color:#27c93f}.window-title{color:#8b949e;font-size:14px;margin-left:auto;margin-right:auto}.window-content{padding:20px;overflow-x:hidden;color:#c9d1d9;font-size:14px;line-height:1.5}.window-content pre{margin:0;white-space:pre}.keyword{color:#ff9b5e}.type{color:#79c0ff}.string{color:#9fe0c3}.comment{color:#8b949e;font-style:italic}.function{color:#d2a8ff}.number{color:#79c0ff}.experience-card-outer{position:relative;width:500px;height:100%;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;transition:all .4s}.experience-card-outer.slide-in{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)!important;opacity:1!important}.experience-card-outer *{font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.experience-card-outer .head{display:flex}.experience-card-outer .head .image{position:relative;width:70px;margin-right:15px}.experience-card-outer .head .image img{width:70px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.experience-card-outer p{margin:0;font-size:14px}.experience-card-outer .title{font-weight:700;font-size:18px;color:var(--text-primary);text-shadow:0 0 5px var(--glow-cyan)}.experience-card-outer .place{font-weight:600;font-size:14px;color:var(--text-accent);text-shadow:0 0 4px var(--glow-magenta)}.experience-card-outer .time{font-size:12px;color:var(--text-secondary)}.experience-card-outer .description{line-height:normal;margin-top:15px;color:var(--text-secondary)}.experience-card-outer .skills{display:flex;margin-top:20px;align-items:center}.experience-card-outer .skills>:first-child{margin-right:15px;font-weight:600;color:var(--text-accent);text-shadow:0 0 4px var(--glow-magenta)}.experience-card-outer .skills .skill{text-align:center;color:var(--text-primary)}:root .experience-card-outer:hover,:root.dark .experience-card-outer:hover{transform:translateY(-5px)}@media only screen and (max-device-width: 1024px){.experience-card-outer{width:350px}}@media only screen and (max-width: 767px){.experience-card-outer{width:90%}}.vaporwave-window{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-surface);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.vaporwave-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;border:2px solid transparent;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-purple) 50%,var(--accent-pink) 100%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;filter:drop-shadow(0 0 5px var(--glow-cyan)) drop-shadow(0 0 6px var(--glow-purple)) drop-shadow(0 0 4px var(--glow-pink));animation:window-border-glow 4s ease-in-out infinite;pointer-events:none}.vaporwave-window:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,var(--glow-pink) 40%,var(--glow-purple) 50%,var(--glow-cyan) 60%,transparent 70%);transform:rotate(45deg);pointer-events:none;opacity:0;transition:opacity .5s ease}.vaporwave-window:hover:after{animation:window-shine 4s ease-in-out}.window-header{height:36px;background:linear-gradient(90deg,var(--bg-tertiary),rgba(26,11,46,.9));border-bottom:2px solid var(--accent-magenta);display:flex;align-items:center;justify-content:space-between;padding:0 12px;flex-shrink:0}.window-title{color:var(--text-accent);font-size:12px;font-weight:600;letter-spacing:1px;text-shadow:0 0 5px var(--glow-magenta);display:flex;align-items:center;gap:6px;height:100%}.window-controls{display:flex;gap:8px}.control{width:10px;height:10px;border-radius:50%;transition:transform .2s ease,filter .2s ease;cursor:pointer}.control:hover{transform:scale(1.2);filter:brightness(1.2)}.control.minimize{background-color:var(--accent-gold);box-shadow:0 0 5px var(--glow-gold)}.control.maximize{background-color:var(--accent-teal);box-shadow:0 0 5px var(--glow-teal)}.control.close{background-color:var(--accent-pink);box-shadow:0 0 5px var(--glow-pink)}.window-content{padding:20px;flex:1;overflow-y:auto;position:relative;z-index:1}@keyframes window-shine{0%{opacity:0;transform:translate(-100%) rotate(45deg)}50%{opacity:.3}to{opacity:0;transform:translate(100%) rotate(45deg)}}@keyframes window-border-glow{0%,to{filter:drop-shadow(0 0 5px var(--glow-cyan)) drop-shadow(0 0 6px var(--glow-purple)) drop-shadow(0 0 4px var(--glow-pink))}33%{filter:drop-shadow(0 0 6px var(--glow-purple)) drop-shadow(0 0 8px var(--glow-pink)) drop-shadow(0 0 5px var(--glow-cyan))}66%{filter:drop-shadow(0 0 6px var(--glow-pink)) drop-shadow(0 0 8px var(--glow-cyan)) drop-shadow(0 0 5px var(--glow-purple))}}:root .vaporwave-window:hover,:root.dark .vaporwave-window:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);transform:translateY(-5px);box-shadow:0 0 8px var(--glow-cyan),0 0 12px var(--glow-magenta),0 15px 30px var(--glow-white);filter:drop-shadow(2px 0 0 var(--glow-cyan)) drop-shadow(-2px 0 0 var(--glow-pink)) drop-shadow(0 2px 0 var(--glow-purple))}:root.light .vaporwave-window:hover{box-shadow:0 0 8px var(--glow-cyan),0 0 12px var(--glow-magenta),0 15px 30px var(--glow-white);filter:drop-shadow(2px 0 0 var(--glow-cyan)) drop-shadow(-2px 0 0 var(--glow-pink)) drop-shadow(0 2px 0 var(--glow-purple))}:root .chrono-timeline-item .MuiTimelineDot-root,:root.dark .chrono-timeline-item .MuiTimelineDot-root{border-color:var(--accent-cyan);box-shadow:0 0 8px var(--glow-cyan)}:root .chrono-timeline-item .MuiTimelineConnector-root,:root.dark .chrono-timeline-item .MuiTimelineConnector-root{background-color:var(--accent-purple);box-shadow:0 0 4px var(--glow-purple)}:root.light .chrono-timeline-item .MuiTimelineDot-root{border-color:var(--accent-cyan);border-width:2px;box-shadow:0 0 4px var(--glow-cyan)}:root.light .chrono-timeline-item .MuiTimelineConnector-root{background-color:var(--accent-purple);opacity:.6}@media only screen and (max-width:767px){.chrono-timeline-item:before{display:none}}.experience-outer h1{color:var(--theme-text-color);text-align:center}.credits-outer{font-size:12px;text-align:center;padding:0;margin:25px 0 0}.credits-outer ul{list-style:none;padding:0;margin:0;display:inline-block}.credits-outer li{display:inline-block;margin:0 .25em;vertical-align:middle}.credits-outer li:before{content:"•";margin-right:.5em}.credits-outer li:first-child{list-style-type:none}.credits-outer li:first-child:before{content:"";margin-left:0}.credits-outer>div:first-child{font-weight:800;text-align:center}.credits-outer a{color:var(--theme-text-main);text-decoration:none}@media only screen and (max-width: 767px){.credits-outer{font-size:10px}}.footer-outer{display:flex;justify-content:center;align-items:center;gap:30px;padding:80px 30px;flex-direction:column;position:relative;background:linear-gradient(0deg,var(--bg-header) 0%,transparent 100%)}.footer-outer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--glow-cyan) 20%,var(--glow-magenta) 50%,var(--glow-cyan) 80%,transparent 100%);box-shadow:0 0 20px var(--glow-cyan),0 0 40px var(--glow-magenta),0 0 30px var(--glow-gold);animation:footer-line-glow 4s ease-in-out infinite}@keyframes footer-line-glow{0%,to{opacity:.6;box-shadow:0 0 20px var(--glow-cyan),0 0 40px var(--glow-magenta),0 0 30px var(--glow-gold)}50%{opacity:1;box-shadow:0 0 30px var(--glow-cyan),0 0 60px var(--glow-magenta),0 0 50px var(--glow-gold)}}:root .footer-outer:after,:root.dark .footer-outer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:80%;background:radial-gradient(ellipse at center,var(--glow-cyan) 0%,var(--glow-magenta) 50%,transparent 70%);pointer-events:none;z-index:0;animation:footer-ambient-pulse-dark 6s ease-in-out infinite}:root.light .footer-outer:after{animation:footer-ambient-pulse-light 6s ease-in-out infinite}@keyframes footer-ambient-pulse-dark{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}@keyframes footer-ambient-pulse-light{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.footer-outer>*{position:relative;z-index:1}@media only screen and (max-device-width: 1024px){.footer-outer .header-menu-list{flex-direction:column;text-align:center}}@media only screen and (max-width: 767px){.footer-outer{align-items:flex-start}.footer-outer .header-menu-list{flex-direction:column;text-align:left}}