:root{--text-primary: #27231f;--text-secondary: #8C8A87;--text-tertiary: #969898;--energy-darkest: #190C1D;--energy-bright: #FF4400;--bg-light: #FFF5E6;--surface-color: #ffffff;--heading-color: #190C1D;--black: #000;--terminal-green: #00aa55;--terminal-background: #0a0a0a;--white: #fff;--grey: #aaa;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4rem;--space-8: 6rem;--space-9: 8rem;--border-thin: 2px;--border-medium: 3px;--border-thick: 4px;--border-radius-sm: 2px;--border-radius-md: 4px;--shadow-sm: 4px 4px 0;--shadow-md: 6px 6px 0;--shadow-lg: 12px 12px 0}[data-theme=dark]{--text-primary: #e6f2f8;--text-secondary: #A0A7AA;--text-tertiary: #969898;--bg-light: #1A0F0A;--surface-color: #0A0402;--heading-color: #F5DDB8;--terminal-green: #00ff80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;line-height:1.6;color:var(--text-primary);background:linear-gradient(to bottom,#fffbf5,#fff0dc 15%,#ffe8cc 25%,#ffdab3 40%,#f5d5b8 50%,#e8c4a0 65%,#d9b899,#c4a080,#b89570 95%,#a0805a);transition:all .3s ease;overflow-x:hidden;min-height:100vh}[data-theme=dark] body{background:linear-gradient(to bottom,#1a0e08,#251510 15%,#2d1a12 25%,#352015 40%,#3d2618 50%,#452c1c 65%,#4d3220,#553824,#5d3e28 95%,#65442c)}html{scroll-behavior:smooth}.filter-bar{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5);flex-wrap:wrap}.filter-btn{background:var(--black);border:var(--border-medium) solid var(--black);padding:var(--space-2) var(--space-4);font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm) var(--black);font-size:.9rem;font-family:inherit;color:var(--energy-bright)}.filter-btn.active{background:var(--energy-bright);color:var(--black)}section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-8) var(--space-5) var(--space-5);position:relative;background:transparent}section.hero,section.projects,section.skills,section.about{min-height:100vh}.section-content{position:relative;z-index:2;max-width:1800px;width:100%;margin-top:var(--space-5);opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.section-content.animated{opacity:1;transform:translateY(0)}.hero .section-content{opacity:0;transform:translateY(-30px) scale(.95);transition:opacity 1s ease,transform 1s ease}.hero .section-content.animated{opacity:1;transform:translateY(0) scale(1)}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:var(--heading-color);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:3px;text-align:center}.brutal-window{background:var(--surface-color);border:var(--border-thick) solid var(--black);box-shadow:var(--shadow-lg) var(--black);overflow:hidden;max-width:1200px;margin:0 auto}.window-titlebar{background:var(--energy-bright);padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-thick) solid var(--black)}.window-content{padding:var(--space-6);text-align:center}[data-theme=dark] .window-titlebar{background:var(--energy-bright);border-bottom-color:var(--energy-bright)}.window-title{color:var(--black);font-weight:900;font-size:.9rem;letter-spacing:2px}[data-theme=dark] .window-title{color:var(--energy-darkest)}.window-controls{display:flex;gap:6px}.window-btn{width:24px;height:24px;border:2px solid var(--black);font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0;line-height:1}.window-btn.minimize{background:gold;color:var(--black);padding-bottom:var(--space-2)}.window-btn.maximize{background:#0f0;color:var(--black);padding-bottom:var(--space-2)}.window-btn.close{background:red;color:var(--black)}h1{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:var(--heading-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:4px}.subtitle{font-size:clamp(1.2rem,3vw,2rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.intro{font-size:1.1rem;margin:0 auto var(--space-6);color:var(--text-primary);line-height:1.8;font-weight:500}.cta-button{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--energy-bright);color:var(--black);text-decoration:none;border:var(--border-thick) solid var(--black);font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;transition:all .1s ease;margin-bottom:var(--space-5);box-shadow:var(--shadow-md) var(--black)}.social-links{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-5);flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--black);color:var(--energy-bright);text-decoration:none;border:var(--border-medium) solid var(--black);font-size:.95rem;font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-sm) var(--black);transition:all .1s ease}[data-theme=dark] .social-link{background:var(--energy-bright);color:var(--energy-darkest)}.projects-container{max-width:1600px;margin:0 auto;width:100%}@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:block}}@media(max-width:768px){.top-nav{padding:var(--space-3)}section{padding:calc(80px + var(--space-5)) var(--space-3) var(--space-5)}.section-content{max-width:100%}.social-links{flex-direction:column;align-items:center}.brutal-window{box-shadow:var(--shadow-md) var(--black)}.window-content{padding:var(--space-5) var(--space-3)}.filter-bar{flex-direction:column;align-items:stretch}.projects-container{max-width:100%;width:100%;padding:0}}@media(max-width:400px){section{padding:calc(80px + var(--space-4)) var(--space-2) var(--space-4)}}.top-nav{position:fixed;top:0;left:0;right:0;background:var(--surface-color);border-bottom:var(--border-thick) solid var(--black);padding:var(--space-3) var(--space-5);display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 var(--shadow-sm) var(--black)}[data-theme=dark] .top-nav{border-bottom:var(--border-thick) solid var(--black);box-shadow:0 var(--shadow-sm) var(--black)}.logo{font-size:1.5rem;font-weight:900;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.nav-controls{display:flex;gap:var(--space-3);align-items:center}.nav-links{display:flex;gap:var(--space-2);list-style:none;margin:0 auto;flex:1;justify-content:center}.nav-links a{background:var(--black);color:var(--energy-bright);text-decoration:none;padding:var(--space-2) var(--space-3);border:var(--border-medium) solid var(--black);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;box-shadow:var(--shadow-sm) var(--black);transition:all .1s ease}.menu-toggle{display:none;background:var(--energy-bright);border:var(--border-medium) solid var(--black);padding:var(--space-2) var(--space-2);font-size:1.2rem;cursor:pointer;color:var(--black);font-weight:900;box-shadow:var(--shadow-sm) var(--black);transition:all .1s ease}.overlay-menu{position:fixed;inset:0;background:#000000f2;z-index:2000;display:none;align-items:center;justify-content:center}.overlay-menu.visible{display:flex}.overlay-menu-content{text-align:center}.overlay-menu-close{background:red;border:var(--border-medium) solid var(--black);padding:var(--space-2) var(--space-4);font-size:1.5rem;cursor:pointer;color:var(--black);font-weight:900;margin-bottom:var(--space-5);box-shadow:var(--shadow-sm) var(--black);transition:all .1s ease}.overlay-menu-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.overlay-menu-links a{background:var(--black);color:var(--energy-bright);text-decoration:none;padding:var(--space-3) var(--space-6);border:var(--border-medium) solid var(--black);font-weight:700;text-transform:uppercase;font-size:1.2rem;letter-spacing:1px;box-shadow:var(--shadow-sm) var(--black);transition:all .1s ease;display:block}.theme-switch{background:var(--surface-color);border:var(--border-medium) solid var(--black);padding:var(--space-1);display:flex;gap:var(--space-1);box-shadow:var(--shadow-sm) var(--black)}.theme-option{background:var(--black);border:var(--border-thin) solid var(--black);padding:var(--space-2) var(--space-2);cursor:pointer;font-size:.85rem;color:var(--energy-bright);transition:all .1s ease;font-weight:700}.theme-option:hover,.theme-option.active{background:var(--energy-bright);color:var(--black)}@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:block}}.terminal-toggle{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--surface-color);border:var(--border-medium) solid #000;box-shadow:var(--shadow-sm) #000;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .1s ease;min-width:160px;color:var(--text-primary)}.terminal-toggle:hover{transform:translate(1px,1px);box-shadow:1px 1px #000}.terminal-toggle:active{transform:translate(2px,2px);box-shadow:0 0 #000}.terminal-toggle.animating{pointer-events:none;cursor:wait}.terminal-cursor{visibility:hidden;display:inline-block;color:var(--terminal-green)}.terminal-toggle.animating .terminal-cursor{visibility:visible;animation:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-text{white-space:nowrap;color:var(--terminal-green);transition:text-shadow .3s ease}[data-theme=dark] .terminal-toggle{background:var(--surface-color)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cta-button{transition:all .15s ease}.cta-button:hover{transform:translate(2px,2px);box-shadow:var(--shadow-sm) var(--black);background:var(--black);color:var(--energy-bright)}.cta-button:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--black)}.filter-btn,.nav-button,.social-link,.footer-link,.project-link{transition:all .15s ease}.filter-btn:hover,.nav-button:hover:not(:disabled),.social-link:hover,.footer-link:hover,.project-link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black);background:var(--energy-bright);color:var(--black)}.filter-btn:active,.nav-button:active:not(:disabled),.social-link:active,.footer-link:active,.project-link:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black)}.nav-links a,.overlay-menu-links a{transition:all .15s ease}.nav-links a:hover,.overlay-menu-links a:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--black);background:var(--energy-bright);color:var(--black)}.nav-links a:active,.overlay-menu-links a:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.menu-toggle{transition:all .15s ease}.menu-toggle:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--black);background:var(--energy-bright);color:var(--black)}.menu-toggle:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.overlay-menu-close{transition:all .15s ease}.overlay-menu-close:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black);background:var(--energy-bright);color:var(--black)}.overlay-menu-close:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--black)}.brutal-window,.project-display,.profile-card,.bio-card,.quick-facts,.skill-card,.project-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.brutal-window:hover,.project-display:hover,.profile-card:hover,.bio-card:hover,.quick-facts:hover,.skill-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg) var(--black)}.skill-card:active,.project-card:active{transform:translateY(0);box-shadow:var(--shadow-sm) var(--black)}.window-btn{transition:all .1s ease;position:relative}.window-btn:active{transform:scale(.9);filter:brightness(.95)}.thumbnail{transition:all .2s ease}.thumbnail:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.thumbnail.active{border-color:var(--energy-bright);box-shadow:var(--shadow-sm) var(--energy-bright)}.thumbnail.active:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--energy-bright)}.terminal-toggle{transition:all .15s ease}.terminal-toggle:hover{transform:translate(1px,1px);box-shadow:2px 2px #000}.terminal-toggle:active{transform:translate(3px,3px);box-shadow:0 0 #000}.tag,.meta-tag,.status-badge{transition:all .15s ease;cursor:default}.tag:hover,.meta-tag:hover,.status-badge:hover{transform:scale(1.05)}