@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap";:root{--color-gold: #EEB64B;--color-orange: #FC9460;--color-red-pink: #E54264;--color-magenta: #A92F5F;--color-deep-purple: #442261;--color-navy: #283D5E;--color-green: #327F51;--color-mint: #64A47F;--color-light-gold: #C3C48A;--color-primary: var(--color-gold);--color-secondary: var(--color-orange);--color-accent: var(--color-red-pink);--color-background: #181622;--color-background-alt: var(--color-deep-purple);--color-card-background: #221B36;--color-text-primary: #F3F3F3;--color-text-secondary: #B8B8B8;--color-border: #3A3A3A;--color-overlay: rgba(20, 20, 30, .65);--border-radius: 16px;--shadow: 0 2px 24px rgba(238, 182, 75, .12);--max-width: 800px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: var(--font-size-xs) / var(--line-height-tight);--text-sm: var(--font-size-sm) / var(--line-height-normal);--text-base: var(--font-size-base) / var(--line-height-normal);--text-md: var(--font-size-md) / var(--line-height-normal);--text-lg: var(--font-size-lg) / var(--line-height-tight);--text-xl: var(--font-size-xl) / var(--line-height-tight);--text-2xl: var(--font-size-2xl) / var(--line-height-tight);--text-3xl: var(--font-size-3xl) / var(--line-height-tight);--text-4xl: var(--font-size-4xl) / var(--line-height-tight);--text-5xl: var(--font-size-5xl) / var(--line-height-tight);--heading-xs: var(--font-size-xs) / var(--line-height-tight);--heading-sm: var(--font-size-sm) / var(--line-height-tight);--heading-base: var(--font-size-base) / var(--line-height-tight);--heading-md: var(--font-size-md) / var(--line-height-tight);--heading-lg: var(--font-size-lg) / var(--line-height-tight);--heading-xl: var(--font-size-xl) / var(--line-height-tight);--heading-2xl: var(--font-size-2xl) / var(--line-height-tight);--heading-3xl: var(--font-size-3xl) / var(--line-height-tight);--heading-4xl: var(--font-size-4xl) / var(--line-height-tight);--heading-5xl: var(--font-size-5xl) / var(--line-height-tight);--text-fluid-sm: clamp(var(--font-size-sm), 2vw, var(--font-size-md));--text-fluid-base: clamp(var(--font-size-base), 2.5vw, var(--font-size-lg));--text-fluid-lg: clamp(var(--font-size-lg), 3vw, var(--font-size-xl));--text-fluid-xl: clamp(var(--font-size-xl), 4vw, var(--font-size-2xl));--text-fluid-2xl: clamp(var(--font-size-2xl), 5vw, var(--font-size-3xl));--text-fluid-hero: clamp(var(--font-size-3xl), 6vw, var(--font-size-5xl));--h1-font-size: var(--font-size-5xl);--h1-font-weight: var(--font-weight-bold);--h1-line-height: var(--line-height-tight);--h1-color: var(--color-primary);--h1-text-shadow: 0 2px 8px rgba(238, 182, 75, .3);--h1-letter-spacing: -.02em;--h1-margin-bottom: var(--spacing-lg);--h2-font-size: var(--font-size-4xl);--h2-font-weight: var(--font-weight-semibold);--h2-line-height: var(--line-height-tight);--h2-color: var(--color-text-primary);--h2-text-shadow: 0 1px 4px rgba(238, 182, 75, .2);--h2-letter-spacing: -.01em;--h2-margin-bottom: var(--spacing-md);--h3-font-size: var(--font-size-3xl);--h3-font-weight: var(--font-weight-semibold);--h3-line-height: var(--line-height-tight);--h3-color: var(--color-text-primary);--h3-text-shadow: 0 1px 3px rgba(238, 182, 75, .15);--h3-letter-spacing: 0;--h3-margin-bottom: var(--spacing-sm);--h4-font-size: var(--font-size-xl);--h4-font-weight: var(--font-weight-medium);--h4-line-height: var(--line-height-tight);--h4-color: var(--color-text-primary);--h4-text-shadow: 0 1px 2px rgba(238, 182, 75, .1);--h4-letter-spacing: 0;--h4-margin-bottom: var(--spacing-xs);--h5-font-size: var(--font-size-lg);--h5-font-weight: var(--font-weight-medium);--h5-line-height: var(--line-height-tight);--h5-color: var(--color-text-secondary);--h5-text-shadow: none;--h5-letter-spacing: 0;--h5-margin-bottom: var(--spacing-xs);--h6-font-size: var(--font-size-md);--h6-font-weight: var(--font-weight-medium);--h6-line-height: var(--line-height-tight);--h6-color: var(--color-text-secondary);--h6-text-shadow: none;--h6-letter-spacing: 0;--h6-margin-bottom: var(--spacing-xs);--h1-font-size-fluid: var(--text-fluid-hero);--h2-font-size-fluid: var(--text-fluid-2xl);--h3-font-size-fluid: var(--text-fluid-xl);--h4-font-size-fluid: var(--text-fluid-lg);--h5-font-size-fluid: var(--text-fluid-base);--h6-font-size-fluid: var(--text-fluid-sm);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s cubic-bezier(.4, 2, .6, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--cursor-default: url(/kenney_cursor-pack/CurFormatted/pointer_scifi_a.cur) 4 2, auto;--cursor-pointer: url(/kenney_cursor-pack/CurFormatted/hand_thin_point.cur) 4 2, pointer;--cursor-text: url(/kenney_cursor-pack/CurFormatted/bracket_a_vertical.cur) 4 2, text;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1200px;--breakpoint-xl: 1440px;--breakpoint-2xl: 1920px;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1320px;--grid-cols-xs: 1;--grid-cols-sm: 2;--grid-cols-md: 3;--grid-cols-lg: 4;--grid-cols-xl: 5;--grid-cols-2xl: 6;--modal-max-width: 1400px;--modal-max-width-large: 1800px;--modal-padding-xs: .25rem;--modal-padding-sm: .5rem;--modal-padding-md: 1rem;--modal-padding-lg: 1.5rem;--modal-padding-xl: 2rem;--modal-shadow: 0 8px 32px rgba(238, 182, 75, .15);--modal-shadow-hover: 0 6px 25px rgba(238, 182, 75, .4);--modal-border-radius: var(--border-radius);--modal-backdrop-blur: 10px;--modal-max-width-fluid: min(95vw, var(--modal-max-width));--modal-max-width-large-fluid: min(98vw, var(--modal-max-width-large));--modal-padding-fluid: clamp(.5rem, 2vw, var(--modal-padding-xl));--modal-gap-fluid: clamp(1rem, 3vw, var(--spacing-xl));--modal-title-size-fluid: var(--text-fluid-2xl);--modal-subtitle-size-fluid: var(--text-fluid-lg);--modal-body-size-fluid: var(--text-fluid-base);--modal-small-size-fluid: var(--text-fluid-sm);--modal-spacing-fluid-xs: clamp(.25rem, 1vw, var(--spacing-sm));--modal-spacing-fluid-sm: clamp(.5rem, 1.5vw, var(--spacing-md));--modal-spacing-fluid-md: clamp(1rem, 2vw, var(--spacing-lg));--modal-spacing-fluid-lg: clamp(1.5rem, 3vw, var(--spacing-xl));--modal-spacing-fluid-xl: clamp(2rem, 4vw, var(--spacing-2xl));--modal-thumbnail-size-fluid: clamp(80px, 15vw, 160px);--modal-button-size-fluid: clamp(35px, 8vw, 60px);--modal-close-button-size-fluid: clamp(40px, 10vw, 60px);--modal-scrollbar-width: 8px;--modal-scrollbar-thumb-color: var(--color-primary);--modal-scrollbar-track-color: rgba(255, 255, 255, .1);--thumbnail-size-xs: 90px;--thumbnail-size-sm: 100px;--thumbnail-size-md: 120px;--thumbnail-size-lg: 140px;--thumbnail-size-xl: 160px;--thumbnail-size-2xl: 180px;--button-size-xs: 35px;--button-size-sm: 40px;--button-size-md: 50px;--button-size-lg: 60px;--button-size-xl: 70px}.theme-dark{--color-primary: var(--color-gold);--color-secondary: var(--color-orange);--color-accent: var(--color-red-pink);--color-background: #181622;--color-background-alt: var(--color-deep-purple);--color-card-background: #221B36;--color-text-primary: #F3F3F3;--color-text-secondary: #B8B8B8;--color-border: #3A3A3A;--color-overlay: rgba(20, 20, 30, .65);--shadow: 0 2px 24px rgba(238, 182, 75, .18);--max-width: 700px}.theme-light{--color-primary: var(--color-orange);--color-secondary: var(--color-gold);--color-accent: var(--color-magenta);--color-background: var(--color-light-gold);--color-background-alt: var(--color-mint);--color-card-background: #F3F3F3;--color-text-primary: #181622;--color-text-secondary: var(--color-deep-purple);--color-border: var(--color-magenta);--color-overlay: rgba(195, 196, 138, .65);--shadow: 0 2px 24px rgba(252, 148, 96, .25);--max-width: 700px}:root{--primary: var(--color-primary);--secondary: var(--color-secondary);--accent: var(--color-accent);--bg: var(--color-background);--bg-alt: var(--color-background-alt);--card-bg: var(--color-card-background);--text: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border: var(--color-border);--font-size-body: var(--font-size-base);--font-size-small: var(--font-size-sm);--font-size-xsmall: var(--font-size-xs);--font-size-header-1: var(--font-size-4xl);--font-size-header-2: var(--font-size-3xl);--font-size-header-3: var(--font-size-xl);--h1-style: var(--h1-font-size) var(--h1-font-weight) var(--h1-line-height) var(--h1-color);--h2-style: var(--h2-font-size) var(--h2-font-weight) var(--h2-line-height) var(--h2-color);--h3-style: var(--h3-font-size) var(--h3-font-weight) var(--h3-line-height) var(--h3-color);--h4-style: var(--h4-font-size) var(--h4-font-weight) var(--h4-line-height) var(--h4-color);--h5-style: var(--h5-font-size) var(--h5-font-weight) var(--h5-line-height) var(--h5-color);--h6-style: var(--h6-font-size) var(--h6-font-weight) var(--h6-line-height) var(--h6-color);--spacing-responsive-xs: var(--spacing-sm);--spacing-responsive-sm: var(--spacing-md);--spacing-responsive-md: var(--spacing-lg);--spacing-responsive-lg: var(--spacing-xl);--spacing-responsive-xl: var(--spacing-2xl);--spacing-responsive-2xl: 4rem}*{box-sizing:border-box;margin:0;padding:0}body,html,main,.app{cursor:var(--cursor-default)}button,.button,[role=button],a,a:hover,button:hover,[role=button]:hover,.button:hover{cursor:var(--cursor-pointer)}input,textarea,select{cursor:var(--cursor-text)}.font-orbitron{font-family:Orbitron,Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:var(--font-weight-bold);font-display:swap}.font-rajdhani{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:var(--font-weight-medium);font-display:swap}.highlighted-keyword{font-weight:var(--font-weight-bold);color:var(--primary);transition:color var(--transition-fast),text-shadow var(--transition-fast),font-size var(--transition-normal)}.highlighted-keyword:hover{color:var(--accent);text-shadow:0 0 8px var(--primary),0 0 2px var(--accent);font-size:1.18em}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);background:var(--bg);color:var(--text);padding:0;min-height:100vh;letter-spacing:.01em;transition:background var(--transition-slow),color var(--transition-slow);font-display:swap}main{min-height:90vh;width:100%;padding:0;margin:0;box-sizing:border-box}h1,h2,h3{color:var(--primary);font:var(--heading-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);letter-spacing:.04em;text-shadow:0 0 8px var(--primary),0 0 2px var(--accent);font-display:swap}ul{margin-left:var(--spacing-lg)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}button{font-family:inherit;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:0 0 8px var(--accent),0 0 2px var(--primary);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}button:hover{background:var(--primary);color:var(--bg);box-shadow:0 0 16px var(--primary),0 0 4px var(--accent)}::-webkit-scrollbar{width:8px;background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px}.body-panel{max-width:var(--max-width);margin:auto;padding:0;width:100%;box-sizing:border-box}.header-1{font:var(--heading-4xl);font-weight:var(--font-weight-bold)}.header-2{font:var(--heading-3xl);font-weight:var(--font-weight-semibold)}.header-3{font:var(--heading-xl);font-weight:var(--font-weight-semibold)}.body-text{font:var(--text-base)}.small-text{font:var(--text-sm)}.xsmall-text{font:var(--text-xs)}.hero-text{font:var(--heading-5xl);font-weight:var(--font-weight-bold)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast: high){button,input,textarea,select{border:2px solid var(--text)}}@media (max-width: 768px){main{padding:0;min-height:85vh}.body-panel{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}h1,h2,h3{margin-bottom:var(--spacing-sm)}ul{margin-left:var(--spacing-md)}button{padding:var(--spacing-xs) var(--spacing-md);font:var(--text-sm)}.highlighted-keyword:hover{font-size:1.1em}}@media (max-width: 480px){main{padding:0}.body-panel{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}button{padding:var(--spacing-xs) var(--spacing-sm);font:var(--text-xs)}ul{margin-left:var(--spacing-sm)}}@keyframes fadeInUp{0%{transform:translateY(30px) translateZ(0) scale(.95)}to{transform:translateY(0) translateZ(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(.9) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes slideInRight{0%{transform:translate(30px) translateZ(0) scale(.95)}to{transform:translate(0) translateZ(0) scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary),0 0 30px var(--primary)}}.fade-in-up{animation:fadeInUp .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 1s infinite}.spin{animation:spin 1s linear infinite}.float{animation:float 3s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.loading-skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--card-bg) 50%,var(--border) 75%);background-size:200px 100%;animation:loading 1.5s infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px var(--primary)}.project-card:hover .project-image{transform:scale(1.1)}.project-card:hover .project-overlay{opacity:1}.project-overlay{position:absolute;inset:0;background:var(--card-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-overlay-content{text-align:center;color:var(--text);padding:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-secondary)}.text-white{color:var(--text)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.text-xs{font:var(--text-xs)}.text-sm{font:var(--text-sm)}.text-base{font:var(--text-base)}.text-md{font:var(--text-md)}.text-lg{font:var(--text-lg)}.text-xl{font:var(--text-xl)}.text-2xl{font:var(--text-2xl)}.text-3xl{font:var(--text-3xl)}.text-4xl{font:var(--text-4xl)}.text-5xl{font:var(--text-5xl)}.text-fluid-sm{font-size:var(--text-fluid-sm)}.text-fluid-base{font-size:var(--text-fluid-base)}.text-fluid-lg{font-size:var(--text-fluid-lg)}.text-fluid-xl{font-size:var(--text-fluid-xl)}.text-fluid-2xl{font-size:var(--text-fluid-2xl)}.text-fluid-hero{font-size:var(--text-fluid-hero)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-card{background-color:var(--card-bg)}.bg-body{background-color:var(--bg)}.border{border:1px solid var(--border)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-accent{border-color:var(--accent)}.border-radius{border-radius:var(--border-radius)}.border-radius-sm{border-radius:8px}.border-radius-md{border-radius:12px}.border-radius-lg{border-radius:16px}.border-radius-full{border-radius:9999px}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #0000001a}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:var(--cursor-pointer)}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:var(--cursor-default)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}@media (max-width: 768px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-grid{display:grid}.text-sm-xs{font:var(--text-xs)}.text-sm-sm{font:var(--text-sm)}.text-sm-base{font:var(--text-base)}.text-sm-lg{font:var(--text-lg)}.text-sm-xl{font:var(--text-xl)}}@media (max-width: 480px){.d-xs-none{display:none}.d-xs-block{display:block}.d-xs-flex{display:flex}.d-xs-grid{display:grid}.text-xs-xs{font:var(--text-xs)}.text-xs-sm{font:var(--text-sm)}.text-xs-base{font:var(--text-base)}.text-xs-lg{font:var(--text-lg)}}.animated-container{position:relative;display:block;width:100%;height:100%;box-sizing:border-box}.animated-container--clickable{cursor:var(--cursor-pointer)}.animated-container--default{cursor:var(--cursor-default)}.animated-container--clickable:focus{outline:2px solid var(--primary);outline-offset:2px}.animated-container--loading{opacity:.7;pointer-events:none}.animated-container--disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.badge{background:var(--primary);color:var(--card-bg);border-radius:12px;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;border:1px solid var(--primary);text-decoration:none;outline:none;font-family:inherit;transition:all .2s ease}.badge--primary{background:var(--primary);color:var(--card-bg);border:1px solid var(--primary)}.badge--secondary{background:var(--secondary);color:var(--card-bg);border:1px solid var(--secondary)}.badge--accent{background:var(--accent);color:var(--card-bg);border:1px solid var(--accent)}.badge--outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.badge--ghost{background:#eeb64b1a;color:var(--primary);border:1px solid rgba(238,182,75,.3)}.badge--small{padding:.25rem .5rem;font:var(--text-xs)}.badge--medium{padding:.25rem .75rem;font:var(--text-sm)}.badge--large{padding:.5rem 1rem;font:var(--text-base)}.badge--animated{cursor:var(--cursor-pointer)}.badge--animated:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.badge--animated:active{transform:scale(.95)}.badge--primary:hover{background:var(--secondary);border-color:var(--secondary);box-shadow:0 4px 8px #eeb64b4d}.badge--secondary:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 8px #e542644d}.badge--accent:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 8px #eeb64b4d}.badge--outline:hover{background:var(--primary);color:var(--card-bg);box-shadow:0 4px 8px #eeb64b4d}.badge--ghost:hover{background:#eeb64b33;border-color:var(--primary);box-shadow:0 4px 8px #eeb64b33}.badge:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.badge--large{padding:.4rem .875rem;font:var(--text-sm)}.badge--medium{padding:.2rem .625rem;font:var(--text-xs)}.badge--small{padding:.2rem .4rem;font:var(--text-xs)}}@media (max-width: 480px){.badge--large{padding:.35rem .75rem;font:var(--text-sm)}.badge--medium{padding:.175rem .5rem;font:var(--text-xs)}.badge--small{padding:.175rem .35rem;font:var(--text-xs)}}.button{border-radius:8px;font-weight:var(--font-weight-bold);cursor:var(--cursor-pointer);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;text-decoration:none;font-family:inherit}.button--primary{background:var(--primary);color:var(--card-bg);border:none}.button--secondary{background:#0000;color:var(--primary);border:1px solid var(--primary)}.button--outline{background:#0000;color:var(--text);border:1px solid var(--border)}.button--small{padding:.5rem 1rem;font:var(--text-sm)}.button--medium{padding:.75rem 1.5rem;font:var(--text-base)}.button--large{padding:1rem 2rem;font:var(--text-md)}.button--full-width{width:100%}.button--disabled{cursor:not-allowed;opacity:.6}.button:not(.button--disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.button--primary:not(.button--disabled):hover{background:var(--secondary);box-shadow:0 4px 12px #eeb64b4d}.button--secondary:not(.button--disabled):hover{background:var(--primary);color:var(--card-bg);box-shadow:0 4px 12px #eeb64b4d}.button--outline:not(.button--disabled):hover{background:var(--border);color:var(--text);box-shadow:0 4px 12px #00000026}.button:focus{outline:2px solid var(--primary);outline-offset:2px}.button:active:not(.button--disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}@media (max-width: 768px){.button--large{padding:.875rem 1.75rem;font:var(--text-base)}.button--medium{padding:.625rem 1.25rem;font:var(--text-sm)}.button--small{padding:.375rem .875rem;font:var(--text-xs)}}@media (max-width: 480px){.button--large{padding:.75rem 1.5rem;font:var(--text-sm)}.button--medium{padding:.5rem 1rem;font:var(--text-xs)}.button--small{padding:.25rem .75rem;font:var(--text-xs)}}.image-container{position:relative;overflow:hidden;border-radius:var(--border-radius);cursor:var(--cursor-default);display:block;width:100%}.image-container img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius);display:block;transition:transform .3s ease}.image-container--clickable{cursor:var(--cursor-pointer)}.image-container--clickable:hover img{transform:scale(1.05)}.image-container--hover{cursor:var(--cursor-pointer)}.image-container--hover:hover img{transform:scale(1.05)}.image-container--clickable:focus{outline:2px solid var(--primary);outline-offset:2px}.image-container--hover:focus{outline:2px solid var(--primary);outline-offset:2px}.image-container--small img{height:150px}.image-container--medium img{height:200px}.image-container--large img{height:300px}.image-container--xlarge img{height:400px}.image-container--cover img{object-fit:cover}.image-container--contain img{object-fit:contain}.image-container--fill img{object-fit:fill}.image-container--scale-down img{object-fit:scale-down}.image-container--rounded-sm{border-radius:8px}.image-container--rounded-md{border-radius:var(--border-radius)}.image-container--rounded-lg{border-radius:20px}.image-container--rounded-full{border-radius:50%}.image-container--loading{opacity:.7;pointer-events:none}.image-container--loading img{filter:blur(2px)}.image-container--error{background:var(--bg-alt);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.image-container--error:before{content:"🖼️";font-size:2rem;margin-bottom:.5rem}@media (max-width: 768px){.image-container--large img{height:250px}.image-container--xlarge img{height:300px}}@media (max-width: 480px){.image-container--large img{height:200px}.image-container--xlarge img{height:250px}.image-container--medium img{height:180px}}.markdown-content{color:var(--text);font:var(--text-base);line-height:var(--line-height-normal)}.markdown-h1{font:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);font-family:Orbitron,monospace}.markdown-h2{font:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--primary);margin:1.2rem 0 .8rem;padding-left:.5rem;border-left:3px solid var(--primary)}.markdown-h3{font:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text);margin:1rem 0 .5rem}.markdown-p{margin:.8rem 0;color:var(--text-secondary);text-align:justify;font:var(--text-base)}.markdown-ul,.markdown-ol{margin:.8rem 0;padding-left:1.5rem}.markdown-li{margin:.4rem 0;color:var(--text-secondary);font:var(--text-base)}.markdown-ul .markdown-li::marker{color:var(--primary)}.markdown-strong{font-weight:var(--font-weight-semibold);color:var(--text)}.markdown-em{font-style:italic;color:var(--text-secondary)}.markdown-code{background:#eeb64b1a;color:var(--primary);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font:var(--text-sm);border:1px solid rgba(238,182,75,.2)}.markdown-pre{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.markdown-pre .markdown-code{background:none;border:none;padding:0;color:var(--text)}.markdown-blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--text-secondary);background:#eeb64b0d;padding:1rem;border-radius:0 8px 8px 0;font:var(--text-base)}.markdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.loading-spinner{font:var(--text-3xl);animation:pulse 1.5s ease-in-out infinite;margin-bottom:1rem}.markdown-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ff6b6b;text-align:center}.markdown-error small{margin-top:.5rem;opacity:.7;font:var(--text-sm)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media (max-width: 768px){.markdown-h1{font:var(--text-xl)}.markdown-h2{font:var(--text-lg)}.markdown-h3{font:var(--text-base)}.markdown-p{font:var(--text-sm)}.loading-spinner{font:var(--text-2xl)}}.project-card-base{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:var(--border-radius);padding:0;cursor:var(--cursor-pointer)}.project-card-content-overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.project-card-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;min-height:0}.project-card-title-section{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;margin-bottom:.75rem;cursor:var(--cursor-pointer)}.project-card-title-dot{background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.project-card-title{color:var(--text);font:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;font-family:inherit;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 8px var(--primary),0 0 16px var(--primary)}.project-card-description{margin:.75rem 0 1.25rem;font:var(--text-base);line-height:var(--line-height-normal);flex:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.project-card-actions{display:flex;gap:1rem;margin-top:1.5rem}.project-card-actions .button{cursor:var(--cursor-pointer)}.project-card-year-badge{display:flex;justify-content:flex-end;margin-top:auto;padding-top:.75rem}.project-card-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.3;transition:opacity var(--transition-normal)}.project-card-base:hover .project-card-background-image{opacity:.4}.project-card-base--featured{min-height:300px;position:relative;overflow:hidden}.project-card-base--featured .project-card-content{background:linear-gradient(135deg,#000c,#0006);padding:1.5rem;border-radius:var(--border-radius);height:100%;display:flex;flex-direction:column;justify-content:flex-end}.project-card-base--featured .project-card-title{color:#ffffffe6;font:var(--text-xl);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px rgba(0,0,0,.3);margin-bottom:.5rem}.project-card-base--featured .project-card-description{color:#fffc;font:var(--text-base);line-height:var(--line-height-normal);margin-bottom:1rem}@media (max-width: 768px){.project-card-base--featured{min-height:250px}.project-card-base--featured .project-card-content{padding:1rem}.project-card-base--featured .project-card-title{font:var(--text-lg)}.project-card-base--featured .project-card-description{font:var(--text-sm)}}@media (max-width: 480px){.project-card-base--featured{min-height:200px}.project-card-base--featured .project-card-content{padding:.75rem}.project-card-base--featured .project-card-title{font:var(--text-md)}.project-card-base--featured .project-card-description{font:var(--text-xs)}}.section-container{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);border:2px solid var(--primary);width:100%}.section-header{margin-bottom:1.5rem}.section-header.centered{text-align:center}.section-header.left-aligned{text-align:left}.section-title{color:var(--text);margin:0 0 .5rem;font:var(--text-xl);font-weight:var(--font-weight-bold);text-shadow:0 0 10px var(--primary);display:flex;align-items:center;gap:.5rem}.section-title.centered{justify-content:center}.section-title.left-aligned{justify-content:flex-start}.section-subtitle{color:var(--text-secondary);margin:0;font:var(--text-base)}@media (max-width: var(--breakpoint-sm)){.section-title{font:var(--text-lg)}.section-subtitle{font:var(--text-sm)}}@media (max-width: var(--breakpoint-xs)){.section-title{font:var(--text-md)}.section-subtitle{font:var(--text-xs)}}.video-bg-effect-container{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:12px}.video-bg-canvas{width:100%;height:100%;display:block;filter:blur(2px) brightness(1.2)}.video-bg-glass{position:absolute;inset:0;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;z-index:1}.navbar{position:fixed;top:0;left:0;width:100%;background:var(--card-bg);border-bottom:1px solid #e0e6ed;box-shadow:0 2px 8px #00000008;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;font:var(--text-md)}.navbar-brand{font-weight:var(--font-weight-bold);color:var(--primary);font:var(--text-lg);letter-spacing:1px;cursor:var(--cursor-default);transition:all .3s ease;text-shadow:0 0 8px rgba(238,182,75,.3)}.navbar-brand:hover{color:var(--secondary);text-shadow:0 0 12px rgba(252,148,96,.5);transform:scale(1.05)}.navbar-nav{display:flex;gap:1.5rem;align-items:center}.navbar-button{font-weight:var(--font-weight-medium);font:var(--text-base);cursor:var(--cursor-pointer);color:var(--text);background:transparent!important;border:none!important;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.navbar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(238,182,75,.1),transparent);transition:left .5s ease;z-index:1}.navbar-button:hover:before{left:100%}.navbar-button:hover{color:var(--primary)!important;background:#eeb64b1a!important;box-shadow:0 2px 8px #eeb64b33!important;transform:translateY(-1px)!important}.navbar-button.button--primary,.navbar-button.button--outline{background:transparent!important;border:none!important;color:var(--text)!important}.navbar-button.button--primary:hover,.navbar-button.button--outline:hover{background:#eeb64b1a!important;box-shadow:0 2px 8px #eeb64b33!important}.navbar-button--active,.navbar-button.button--primary{color:var(--primary)!important;background:#eeb64b26!important;box-shadow:0 2px 8px #eeb64b4d!important;font-weight:var(--font-weight-semibold)!important;position:relative}.navbar-button--active:after,.navbar-button.button--primary:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--primary);border-radius:1px;box-shadow:0 0 8px #eeb64b80}.navbar-mobile-menu{display:none;flex-direction:column;gap:4px;cursor:var(--cursor-pointer);padding:.5rem;border-radius:8px;transition:all .3s ease}.navbar-mobile-menu:hover{background:#eeb64b1a}.navbar-mobile-menu-line{width:24px;height:2px;background:var(--text);transition:all .3s ease;border-radius:1px}.navbar-mobile-menu.active .navbar-mobile-menu-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-mobile-menu.active .navbar-mobile-menu-line:nth-child(2){opacity:0}.navbar-mobile-menu.active .navbar-mobile-menu-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.navbar-mobile-overlay.active{opacity:1;visibility:visible}.navbar-mobile-menu-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);border-radius:var(--border-radius);padding:2rem;border:2px solid var(--primary);box-shadow:0 0 12px #eeb64b4d!important;display:flex;flex-direction:column;gap:1rem;min-width:250px}.navbar-mobile-menu-content .navbar-button{text-align:center;padding:1rem;font:var(--text-lg);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-nav{display:none}.navbar-mobile-menu{display:flex}.navbar-brand{font:var(--text-base)}}@media (max-width: 480px){.navbar{padding:.25rem .75rem}.navbar-brand{font:var(--text-sm)}.navbar-mobile-menu-content{min-width:200px;padding:1.5rem}.navbar-mobile-menu-content .navbar-button{font:var(--text-base);padding:.75rem}}.flip-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:2rem 1.5rem;justify-content:center;align-items:start;max-width:700px;width:100%;margin:0 auto;position:relative}.flip-card-item{transition:margin-top .3s}.flip-card-item:nth-child(3n+1){margin-top:0}.flip-card-item:nth-child(3n+2){margin-top:1.5rem}.flip-card-item:nth-child(3n+3){margin-top:3rem}.flip-card-container{width:100%;height:100%;aspect-ratio:1.4 / 1;min-height:160px;position:relative;font-family:inherit;color:inherit;perspective:1000px}.flip-card-inner{width:100%;height:100%;aspect-ratio:1.4 / 1;min-height:160px;position:relative;transform-style:preserve-3d;transform-origin:center center}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font:var(--text-sm);font-family:inherit;color:inherit;text-align:center;transform-origin:center center;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .3s ease}.flip-card-front{padding:1.5rem;transform:rotateY(0);background:var(--card-bg);border:2px solid var(--primary)}.flip-card-front:hover{transform:rotateY(0) scale(1.02);box-shadow:0 8px 25px #00000026}.flip-card-back{padding:1.5rem;transform:rotateY(180deg);background:var(--primary);color:#000;font-weight:var(--font-weight-semibold);border:2px solid var(--primary);overflow-wrap:break-word;word-break:break-word;overflow:hidden}.flip-card-back-text{width:100%;height:100%;display:block;margin:0;text-align:left;overflow-y:auto;max-height:100%}.flip-card-icon{font-size:var(--text-fluid-lg);margin-bottom:.5rem}.flip-card-title{margin:0 0 .3rem;font:var(--text-fluid-base);font-weight:var(--font-weight-bold)}.flip-card-subtitle{margin:0;font:var(--text-fluid-sm);opacity:.8}@media (max-width: 768px){.flip-cards-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:1.5rem 1rem}.flip-card-container,.flip-card-inner{min-height:140px}.flip-card-icon{font-size:var(--text-fluid-base)}.flip-card-title,.flip-card-subtitle{font:var(--text-fluid-sm)}}@media (max-width: 480px){.flip-cards-grid{grid-template-columns:1fr;gap:1rem}.flip-card-item:nth-child(n){margin-top:0}.flip-card-container,.flip-card-inner{min-height:120px}.flip-card-front,.flip-card-back{padding:1rem}.flip-card-icon{font-size:var(--text-fluid-sm)}.flip-card-title,.flip-card-subtitle{font:var(--text-fluid-sm)}}.fun-facts-section{width:100%;margin:0 auto}.fun-facts-text{margin:0;font:var(--text-base);line-height:var(--line-height-normal);font-style:italic;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.fun-facts-text{font:var(--text-sm)}}@media (max-width: 480px){.fun-facts-text{font:var(--text-xs)}}.hero{text-align:center;padding:2rem 0}.hero-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.hero-profile-container{position:relative;display:inline-block;margin-bottom:1.5rem}.hero-profile-pic{border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s ease;border:3px solid var(--accent-color);box-shadow:0 4px 12px #00000026}.hero-profile-pic:hover{transform:scale(1.05)}.hero-profile-pic-small{width:120px;height:120px;border-width:2px}.hero-profile-pic-medium{width:160px;height:160px;border-width:3px}.hero-profile-pic-large{width:200px;height:200px;border-width:4px}.hero-confetti-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.hero-title{margin-bottom:1.5rem}.hero-name{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.2rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.4}.hero-social-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.hero-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface-secondary);transition:all .3s ease;text-decoration:none;border:2px solid transparent}.hero-social-link:hover{transform:translateY(-2px);background:var(--surface-primary);border-color:var(--accent-color);box-shadow:0 4px 12px #00000026}.hero-social-link img,.hero-social-link svg{transition:transform .2s ease}.hero-social-link:hover img,.hero-social-link:hover svg{transform:scale(1.1)}@media (max-width: 768px){.hero-name{font-size:2rem}.hero-tagline{font-size:1rem}.hero-profile-pic-large{width:160px;height:160px}.hero-social-links{gap:.75rem}.hero-social-link{width:44px;height:44px}}@media (max-width: 480px){.hero-name{font-size:1.75rem}.hero-tagline{font-size:.9rem}.hero-profile-pic-large,.hero-profile-pic-medium{width:140px;height:140px}.hero-social-link{width:40px;height:40px}}.hq-container{background:var(--card-bg);border-radius:var(--border-radius);border:2px solid var(--primary);box-shadow:var(--shadow);padding:var(--spacing-lg);position:relative;overflow:hidden;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hq-title{color:var(--text);margin:0 0 1rem;font:var(--text-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-md)}.hq-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.hq-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);margin-bottom:1.5rem;border-radius:8px;border:1px solid transparent;transition:all .3s ease}.hq-status.online{background:#4ade801a;border:1px solid #4ade80}.hq-status.offline{background:#f871711a;border:1px solid #f87171}.hq-status.away{background:#fbbf241a;border:1px solid #fbbf24}.hq-status.busy{background:#a78bfa1a;border:1px solid #a78bfa}.hq-status-icon{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-weight:700}.hq-status.online .hq-status-icon{background:#4ade80;box-shadow:0 0 8px #4ade80}.hq-status.offline .hq-status-icon{background:#f87171;box-shadow:0 0 8px #f87171}.hq-status.away .hq-status-icon{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.hq-status.busy .hq-status-icon{background:#a78bfa;box-shadow:0 0 8px #a78bfa}.hq-status-text{font:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.hq-status.online .hq-status-text{color:#4ade80}.hq-status.offline .hq-status-text{color:#f87171}.hq-status.away .hq-status-text{color:#fbbf24}.hq-status.busy .hq-status-text{color:#a78bfa}.hq-location-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.hq-info-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.7em 1em;background:#fc94601a;border-radius:8px}.hq-info-icon{font-size:var(--text-md)}.hq-info-text,.hq-info-text.coordinates,.hq-info-text.timezone{color:var(--text);font-size:var(--font-size-xs);font-family:monospace}.hq-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:1.5rem 0 0;line-height:var(--line-height-normal);text-shadow:0 1px 1px rgba(0,0,0,.05);position:relative;z-index:1}.hq-map-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:linear-gradient(rgba(252,148,96,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(252,148,96,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none}@media (max-width: 768px){.hq-container{padding:var(--spacing-md)}.hq-info-item{padding:var(--spacing-xs) var(--spacing-sm)}.hq-info-icon{font-size:var(--text-base)}.hq-info-text,.hq-description{font:var(--text-xs)}}@media (max-width: 480px){.hq-container{padding:var(--spacing-sm)}.hq-status-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.hq-info-item{padding:var(--spacing-xs)}.hq-info-icon{font-size:var(--text-sm)}.hq-info-text,.hq-description{font:var(--text-xs)}}.timeline-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.timeline-line{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--primary);z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.timeline-icon-container{margin-bottom:.5rem}.timeline-icon{background:var(--card-bg);border:3px solid var(--primary);box-shadow:var(--shadow)}.timeline-content{text-align:center}.timeline-title{margin:0 0 .25rem;font:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.timeline-year{font:var(--text-xs);opacity:.7;color:var(--text-secondary)}@media (max-width: 768px){.timeline-container{flex-direction:column;gap:2rem}.timeline-line{display:none}.timeline-title,.timeline-year{font:var(--text-xs)}}@media (max-width: 480px){.timeline-title,.timeline-year{font:var(--text-xs)}}.show-and-tell-container{width:100%;margin:0 auto}.show-and-tell-image{margin-bottom:.5rem}.show-and-tell-text{text-align:center}.show-and-tell-title{margin:0 0 .25rem;font:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text)}.show-and-tell-description{margin:0 0 .5rem;font:var(--text-sm);opacity:.8;color:var(--text-secondary)}.show-and-tell-caption{font:var(--text-xs);font-style:italic;color:var(--primary);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.show-and-tell-title{font:var(--text-sm)}.show-and-tell-description,.show-and-tell-caption{font:var(--text-xs)}}@media (max-width: 480px){.show-and-tell-title,.show-and-tell-description,.show-and-tell-caption{font:var(--text-xs)}}.social-links-title{color:var(--text);margin:0 0 1rem;font:var(--text-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-md)}.social-links-list{display:flex;flex-direction:column;gap:1.25rem}.social-link-item{width:100%;padding:1rem 1.5rem;font:var(--text-base);font-weight:var(--font-weight-semibold);border-radius:12px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-md);background:#eeb64b1a;border:1.5px solid rgba(238,182,75,.3);text-decoration:none;color:var(--text)}.social-link-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.social-link-item:hover:before{left:100%}.social-link-item:hover{background:#eeb64b33;border-color:var(--primary);box-shadow:0 6px 25px #eeb64b66;transform:scale(1.02)}.social-link-item:active{scale:.98}.social-link-icon{margin-right:.75rem;font-size:var(--text-lg);position:relative}.social-link-sparkle{position:absolute;top:-5px;right:-5px;width:8px;height:8px;background:var(--primary);border-radius:50%;pointer-events:none}.social-link-name{font-weight:var(--font-weight-semibold);font:var(--text-base);text-transform:uppercase;letter-spacing:.5px}.social-links-title-icon{margin-bottom:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@media (max-width: 768px){.social-links-title{font:var(--text-md)}.social-link-item{padding:var(--spacing-md);border-radius:12px;font:var(--text-sm)}.social-link-icon{font-size:var(--text-md)}.social-link-name{font:var(--text-sm)}}@media (max-width: 480px){.social-links-title{font:var(--text-base)}.social-link-item{padding:var(--spacing-sm);border-radius:10px;font:var(--text-xs)}.social-link-icon{font-size:var(--text-base)}.social-link-name{font:var(--text-xs)}}.home-main-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.projects-compact-stats-card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;border:2px solid var(--primary);box-shadow:var(--shadow);transition:all .3s ease;position:relative;z-index:1}.projects-compact-stats-title{margin:0 0 1rem;font:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text);display:flex;align-items:center;gap:.5rem;text-align:center}.projects-compact-stats-items{display:flex;flex-direction:column;gap:.75rem}.projects-compact-stats-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.projects-compact-stats-label{font:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap;min-width:60px;max-width:80px}.projects-compact-stats-progress{width:100%;min-width:80px}.projects-compact-stats-count{font:var(--text-sm);color:var(--primary);font-weight:var(--font-weight-semibold);min-width:25px;text-align:right}@media (max-width: 768px){.projects-compact-stats-card{padding:1rem}.projects-compact-stats-item{gap:.5rem}.projects-compact-stats-label{font:var(--text-xs);min-width:50px;max-width:70px}.projects-compact-stats-count{font:var(--text-xs);min-width:20px}.projects-compact-stats-title{font:var(--text-base)}}@media (max-width: 480px){.projects-compact-stats-card{padding:.75rem}.projects-compact-stats-title{font:var(--text-sm);margin-bottom:.75rem}.projects-compact-stats-items{gap:.5rem}.projects-compact-stats-item{gap:.25rem}.projects-compact-stats-label{font:var(--text-xs);min-width:40px;max-width:60px}.projects-compact-stats-count{font:var(--text-xs);min-width:15px}}.search-filter-container{position:fixed;top:200px;left:2rem;z-index:1000;pointer-events:auto;transform-origin:left center}.search-filter-collapsed{background:linear-gradient(135deg,#1a1a1a,#fc94600d);border:2px solid #333;border-radius:20px;padding:.5rem;box-shadow:0 8px 32px #00000026,0 2px 8px #fc94601a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-pointer)}.search-filter-collapsed-icon{font-size:1.5rem;color:#fc9460;filter:drop-shadow(0 2px 4px rgba(252,148,96,.3))}.search-filter-expanded{background:linear-gradient(135deg,#1a1a1a,#fc94600d);border:2px solid #333;border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #00000026,0 2px 8px #fc94601a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:320px;display:flex;flex-direction:column;gap:1rem}.search-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.search-filter-title{color:#fff;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-filter-close-button{width:28px;height:28px;background:#fc94601a;border:1px solid rgba(252,148,96,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-pointer);font-size:14px;color:#fc9460;padding:0;margin:0}.search-filter-close-button:hover{background:#fc946033}.search-filter-input-container{position:relative}.search-filter-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #333;border-radius:12px;background:#1a1a1a;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.search-filter-input:focus{border-color:#fc9460;box-shadow:0 0 0 3px #fc94601a}.search-filter-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#fc9460}.search-filter-section{display:flex;flex-direction:column;gap:.5rem}.search-filter-section-title{color:#ccc;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-filter-categories{display:flex;flex-wrap:wrap;gap:.5rem}.search-filter-category-badge{cursor:var(--cursor-pointer);background:#fc94601a;color:#fc9460;border:1px solid rgba(252,148,96,.3);border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s ease;text-transform:capitalize;box-shadow:0 1px 3px #0000001a}.search-filter-category-badge.active{background:#fc9460;color:#fff;border-color:#fc9460;box-shadow:0 2px 8px #fc946066}.search-filter-sort-container{display:flex;background:#1a1a1a;border-radius:8px;padding:.25rem;border:1px solid #333}.search-filter-sort-button{flex:1;border-radius:0;margin:0;font-size:.8rem;font-weight:600;border:1px solid transparent}.search-filter-sort-button.active{border-radius:6px;border:none}.search-filter-summary{padding:.75rem;background:#fc94600d;border-radius:8px;border:1px solid rgba(252,148,96,.2);transform-origin:top}.search-filter-summary-content{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.search-filter-summary-item{color:#fff;font-weight:500}@media (max-width: 768px){.search-filter-container{top:150px;left:1rem}.search-filter-expanded{width:280px;padding:1rem}.search-filter-categories{gap:.3rem}.search-filter-category-badge{padding:.3rem .6rem;font-size:.75rem}}@media (max-width: 480px){.search-filter-container{top:120px;left:.5rem}.search-filter-expanded{width:260px;padding:.75rem}}body.modal-open{overflow:hidden;width:100vw;max-width:100vw}.project-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:var(--color-background);overflow:auto;overflow-x:hidden;padding:var(--modal-padding-fluid);cursor:var(--cursor-default);font-size:var(--modal-body-size-fluid);width:100vw;max-width:100vw;box-sizing:border-box;margin:0;display:flex;align-items:flex-start;justify-content:center;container-type:inline-size;container-name:modal-overlay}.project-modal-close-container{position:fixed;top:var(--modal-spacing-fluid-md);right:var(--modal-spacing-fluid-md);z-index:calc(var(--z-modal-backdrop) + 10);width:var(--modal-close-button-size-fluid);height:var(--modal-close-button-size-fluid);box-sizing:border-box}.project-modal-close-button{padding:var(--modal-spacing-fluid-sm);min-width:auto;width:var(--modal-close-button-size-fluid);height:var(--modal-close-button-size-fluid);border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));font-size:var(--modal-subtitle-size-fluid);font-weight:700;color:var(--color-text-primary);box-shadow:var(--modal-shadow);transition:var(--transition-normal)}.project-modal-close-button:hover{background:#fff3;box-shadow:var(--modal-shadow-hover);transform:scale(1.05);border-color:var(--color-primary)}.project-modal-layout{display:flex;align-items:flex-start;max-width:var(--modal-max-width-fluid);width:100%;margin:0 auto;gap:var(--modal-gap-fluid);container-type:inline-size;container-name:modal-layout;min-height:0;height:auto}.project-modal-layout::-webkit-scrollbar,.details-card::-webkit-scrollbar{width:var(--modal-scrollbar-width)}.project-modal-layout::-webkit-scrollbar-track,.details-card::-webkit-scrollbar-track{background:var(--modal-scrollbar-track-color);border-radius:6px}.project-modal-layout::-webkit-scrollbar-thumb,.details-card::-webkit-scrollbar-thumb{background:var(--modal-scrollbar-thumb-color);border-radius:6px;border:1px solid rgba(255,255,255,.2)}.project-modal-layout::-webkit-scrollbar-thumb:hover,.details-card::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.project-modal-media{display:flex;flex-direction:column;align-items:stretch;height:auto;max-height:none;flex:3;min-width:0;width:100%;max-width:100%;min-height:0}.hero-viewer{aspect-ratio:16/9;width:100%;background:var(--color-card-background);border-radius:var(--modal-border-radius);overflow:hidden;position:relative;margin-bottom:var(--modal-spacing-fluid-sm);flex-shrink:0;min-height:200px}.hero-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.hero-media:hover{transform:scale(1.02)}.project-modal-video-container{width:100%;height:100%;border-radius:var(--modal-border-radius);overflow:hidden;position:relative}.project-modal-video-container iframe{width:100%;height:100%;border:none;border-radius:var(--modal-border-radius);cursor:var(--cursor-pointer)}.overlay-controls-container{position:absolute;inset:0;pointer-events:none;opacity:0;transition:var(--transition-normal);z-index:10}.overlay-controls-container>*{pointer-events:auto}.media-controls{position:absolute;bottom:var(--modal-spacing-fluid-sm);left:50%;transform:translate(-50%);display:flex;gap:var(--modal-spacing-fluid-xs);z-index:10}.media-control-button{width:var(--modal-button-size-fluid);height:var(--modal-button-size-fluid);font-size:var(--modal-body-size-fluid)}.media-control-button,.nav-button{background:#000000b3;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));border:2px solid var(--color-border);color:var(--color-text-primary);transition:var(--transition-normal);border-radius:50%}.media-control-button:hover,.nav-button:hover{background:#000000e6;border-color:var(--color-primary);transform:scale(1.1)}.nav-arrow{position:absolute;top:45%;z-index:10}.nav-left{left:var(--modal-spacing-fluid-md)}.nav-right{right:var(--modal-spacing-fluid-md)}.nav-button{width:var(--modal-button-size-fluid);height:var(--modal-button-size-fluid);font-size:var(--modal-subtitle-size-fluid);padding:0;display:flex;align-items:center;justify-content:center}.media-counter{position:absolute;bottom:var(--modal-spacing-fluid-md);right:var(--modal-spacing-fluid-md);background:#000c;color:#fff;padding:var(--modal-spacing-fluid-sm) var(--modal-spacing-fluid-md);border-radius:25px;font-size:var(--modal-small-size-fluid);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));font-weight:600;border:2px solid var(--color-border);box-shadow:0 4px 20px #0000004d}.hero-container:hover .overlay-controls-container,.hero-container.touch-active .overlay-controls-container{opacity:1}@media (max-width: 768px){.nav-button{width:clamp(45px,12vw,55px);height:clamp(45px,12vw,55px)}.media-control-button{width:clamp(40px,10vw,50px);height:clamp(40px,10vw,50px)}.nav-left{left:var(--modal-spacing-fluid-sm)}.nav-right{right:var(--modal-spacing-fluid-sm)}.media-counter{bottom:var(--modal-spacing-fluid-sm);right:var(--modal-spacing-fluid-sm);font-size:var(--modal-small-size-fluid);padding:var(--modal-spacing-fluid-xs) var(--modal-spacing-fluid-sm)}.media-controls{bottom:var(--modal-spacing-fluid-xs)}}.thumbnail-strip{height:clamp(80px,15vh,130px);min-height:80px;background:var(--color-card-background);border-radius:var(--modal-border-radius);padding:var(--modal-spacing-fluid-sm);flex-shrink:0;cursor:var(--cursor-default);margin-bottom:var(--modal-spacing-fluid-sm)}.thumbnail-container{display:flex;gap:var(--modal-spacing-fluid-sm);height:100%;min-height:60px;overflow-x:scroll;overflow-y:visible;padding:var(--modal-spacing-fluid-xs) 0 var(--modal-spacing-fluid-sm) 0;cursor:var(--cursor-default)}.thumbnail-container::-webkit-scrollbar{height:var(--modal-scrollbar-width)}.thumbnail-container::-webkit-scrollbar-track{background:transparent;cursor:var(--cursor-default)}.thumbnail-container::-webkit-scrollbar-thumb{background:var(--modal-scrollbar-thumb-color);border-radius:3px;cursor:var(--cursor-pointer)}.thumbnail-item{flex-shrink:0;aspect-ratio:16/9;border-radius:8px;overflow:clip;cursor:var(--cursor-pointer);border:3px solid transparent;transition:var(--transition-normal);position:relative;min-width:0}.thumbnail-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #eeb64b4d}.thumbnail-item.active{border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #eeb64b66;transform:translateY(-2px)}.thumbnail-image{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.thumbnail-video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:50%;width:clamp(30px,8vw,40px);height:clamp(30px,8vw,40px);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));border:2px solid rgba(255,255,255,.473);transition:var(--transition-normal)}.play-button{color:#fff;font-size:var(--modal-small-size-fluid);font-weight:700;margin-left:2px}.project-overview-section{background:var(--color-card-background);border-radius:var(--modal-border-radius);cursor:var(--cursor-default);width:100%;display:block;overflow:visible;margin-bottom:var(--modal-spacing-fluid-xs)}.project-overview-content{padding:var(--modal-spacing-fluid-md);overflow:visible;width:100%;display:block}.project-overview-content::-webkit-scrollbar{display:none}.overview-title,.section-title{color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;padding-left:var(--modal-spacing-fluid-md);display:flex;align-items:center;gap:var(--modal-spacing-fluid-sm)}.project-modal .overview-title:before,.project-modal .section-title:before{content:"";position:absolute;left:var(--modal-spacing-fluid-sm);top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--color-primary);border-radius:2px}.overview-title{margin-bottom:var(--modal-spacing-fluid-sm);font-size:var(--modal-body-size-fluid)}.overview-icon,.section-icon{font-size:var(--modal-subtitle-size-fluid);opacity:.8}.overview-text{font-size:var(--modal-body-size-fluid);color:var(--color-text-secondary);line-height:1.6;margin:0}.overview-markdown{margin-top:var(--modal-spacing-fluid-xs)}.overview-markdown .markdown-h1{font-size:var(--modal-subtitle-size-fluid);margin:0 0 var(--modal-spacing-fluid-sm) 0;padding-bottom:var(--modal-spacing-fluid-xs)}.overview-markdown .markdown-h2{font-size:var(--modal-body-size-fluid);margin:var(--modal-spacing-fluid-sm) 0 var(--modal-spacing-fluid-xs) 0;padding-left:var(--modal-spacing-fluid-xs)}.overview-markdown .markdown-h3{font-size:var(--modal-small-size-fluid);margin:var(--modal-spacing-fluid-sm) 0 var(--modal-spacing-fluid-xs) 0}.overview-markdown .markdown-p{font-size:var(--modal-body-size-fluid);margin:var(--modal-spacing-fluid-xs) 0;text-align:left}.overview-markdown .markdown-ul,.overview-markdown .markdown-ol{margin:var(--modal-spacing-fluid-xs) 0;padding-left:var(--modal-spacing-fluid-md)}.overview-markdown .markdown-li{margin:var(--modal-spacing-fluid-xs) 0;font-size:var(--modal-small-size-fluid)}.project-tabs-section{background:var(--color-card-background);border-radius:var(--modal-border-radius);cursor:var(--cursor-default);width:100%;display:block;overflow:hidden;margin-bottom:var(--modal-spacing-fluid-xs)}.tabs-navigation{display:flex;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border)}.tab-button{flex:1;padding:var(--modal-spacing-fluid-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--modal-body-size-fluid);font-weight:500;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--modal-spacing-fluid-sm);position:relative}.tab-button:hover{background:var(--color-background-hover);color:var(--color-text-primary)}.tab-button.active{color:var(--color-primary);background:var(--color-card-background)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary)}.tab-icon{font-size:var(--modal-subtitle-size-fluid)}.tab-content{position:relative;min-height:300px}.tab-panel{padding:var(--modal-spacing-fluid-md)}.web-build-content{display:flex;flex-direction:column;gap:var(--modal-spacing-fluid-md)}.web-build-title{font-size:var(--modal-title-size-fluid);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--modal-spacing-fluid-sm)}.web-build-icon{font-size:var(--modal-subtitle-size-fluid)}.unity-webgl-container{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-background-tertiary);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.unity-webgl-frame{width:100%;height:100%;border:none;background:var(--color-background-tertiary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.unity-fullscreen-button{width:100%;padding:var(--modal-spacing-fluid-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--modal-body-size-fluid);font-weight:600;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--modal-spacing-fluid-sm);margin-top:var(--modal-spacing-fluid-sm)}.unity-fullscreen-button:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #eeb64b4d}.fullscreen-icon{font-size:var(--modal-subtitle-size-fluid)}.unity-webgl-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-tertiary);border-radius:var(--border-radius-md)}.unity-webgl-info{text-align:center;padding:var(--modal-spacing-fluid-lg)}.unity-webgl-info h4{margin:0 0 var(--modal-spacing-fluid-md) 0;color:var(--color-text-primary);font-size:var(--modal-subtitle-size-fluid)}.unity-webgl-info p{margin:0 0 var(--modal-spacing-fluid-lg) 0;color:var(--color-text-secondary);font-size:var(--modal-body-size-fluid)}.unity-play-button{background:var(--color-primary);color:#fff;border:none;padding:var(--modal-spacing-fluid-md) var(--modal-spacing-fluid-lg);border-radius:var(--border-radius-md);font-size:var(--modal-body-size-fluid);font-weight:600;cursor:pointer;transition:var(--transition-normal)}.unity-play-button:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.web-build-info{padding:var(--modal-spacing-fluid-md);background:var(--color-background-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.web-build-description{margin:0;color:var(--color-text-secondary);font-size:var(--modal-body-size-fluid);line-height:1.5}.project-modal-details{height:auto;margin-right:0;margin-left:0;width:100%;max-width:100%;box-sizing:border-box;flex:1;min-width:0;container-type:inline-size;container-name:details-panel}.details-card{background:var(--color-card-background);padding:var(--modal-spacing-fluid-md);margin-right:0;border-radius:var(--modal-border-radius);height:100%;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}.project-header{margin-bottom:var(--modal-spacing-fluid-md);padding:var(--modal-spacing-fluid-sm);border-bottom:2px solid var(--color-border)}.project-title{font-size:var(--modal-title-size-fluid);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--modal-spacing-fluid-xs);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(238,182,75,.3);font-family:Orbitron,monospace;line-height:1.2}.project-subtitle{font-size:var(--modal-subtitle-size-fluid);color:var(--color-text-secondary);font-weight:500;margin:0;line-height:1.4}.detail-section{margin-bottom:var(--modal-spacing-fluid-md);padding:0 var(--modal-spacing-fluid-sm)}.section-title{margin-bottom:var(--modal-spacing-fluid-sm);font-size:var(--modal-small-size-fluid)}.tech-grid{display:flex;flex-wrap:wrap;gap:var(--modal-spacing-fluid-sm);padding:var(--modal-spacing-fluid-xs) 0}.tech-badge{font-size:var(--modal-small-size-fluid);padding:var(--modal-spacing-fluid-sm) var(--modal-spacing-fluid-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-card-background);border:none;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #eeb64b4d;transition:var(--transition-normal);cursor:var(--cursor-default)}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #eeb64b66;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}.roles-list,.features-list{list-style:none;padding:var(--modal-spacing-fluid-xs) 0;margin:0}.role-item,.feature-item{display:flex;align-items:flex-start;gap:var(--modal-spacing-fluid-sm);padding:var(--modal-spacing-fluid-xs) 0;border-bottom:1px solid rgba(255,255,255,.1)}.role-item:last-child,.feature-item:last-child{border-bottom:none}.role-icon,.feature-icon{color:var(--color-primary);font-size:var(--modal-subtitle-size-fluid);margin-top:.1rem;flex-shrink:0}.role-text,.feature-text{color:var(--color-text-secondary);font-size:var(--modal-small-size-fluid);line-height:1.4;margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--modal-spacing-fluid-sm);padding:var(--modal-spacing-fluid-xs) 0}.metric-item{text-align:center;padding:var(--modal-spacing-fluid-sm);background:#ffffff0d;border-radius:12px;border:1px solid var(--color-border)}.metric-value{font-size:var(--modal-body-size-fluid);font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.metric-label{font-size:var(--modal-small-size-fluid);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;flex-direction:column;gap:var(--modal-spacing-fluid-sm);margin-top:var(--modal-spacing-fluid-md);padding:var(--modal-spacing-fluid-xs) 0}.action-button{width:100%;padding:var(--modal-spacing-fluid-sm) var(--modal-spacing-fluid-md);font-size:var(--modal-small-size-fluid);font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:var(--transition-normal)}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.button-icon{margin-right:var(--modal-spacing-fluid-sm);font-size:var(--modal-subtitle-size-fluid)}.supplementary-links{margin-top:var(--modal-spacing-fluid-md);padding:var(--modal-spacing-fluid-sm) var(--modal-spacing-fluid-sm) 0 var(--modal-spacing-fluid-sm);border-top:1px solid var(--color-border)}.supplementary-links h4{color:var(--color-text-primary);margin-bottom:var(--modal-spacing-fluid-sm);font-size:var(--modal-small-size-fluid);font-weight:600}.supplementary-links-list{display:flex;flex-direction:column;gap:var(--modal-spacing-fluid-xs)}.supplementary-link{display:flex;align-items:center;gap:var(--modal-spacing-fluid-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--modal-spacing-fluid-sm);border-radius:8px;transition:var(--transition-normal)}.supplementary-link:hover{color:var(--color-primary);background:#ffffff0d}.supplementary-link-icon{font-size:var(--modal-small-size-fluid);opacity:.8}.no-links{text-align:center;color:var(--color-text-secondary);padding:var(--modal-spacing-fluid-xl);background:#ffffff0d;border-radius:12px;border:2px dashed var(--color-border)}.no-links-icon{font-size:var(--modal-title-size-fluid);margin-bottom:var(--modal-spacing-fluid-sm);opacity:.6}@container modal-overlay (max-width: 600px){.project-modal-layout{flex-direction:column;gap:var(--modal-spacing-fluid-md)}.project-modal-details{order:-1;width:100%;margin-bottom:var(--modal-spacing-fluid-lg)}.project-modal-media{order:0;width:100%}}@container details-panel (min-width: 380px){.details-sections-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--modal-spacing-fluid-lg);margin-bottom:var(--modal-spacing-fluid-lg)}.detail-section.landscape-section{margin-bottom:0;padding:var(--modal-spacing-fluid-md);background:transparent;border-radius:var(--modal-border-radius);border:none;height:fit-content}.detail-section.landscape-section .section-title{font-size:var(--modal-subtitle-size-fluid);margin-bottom:var(--modal-spacing-fluid-md);padding-bottom:var(--modal-spacing-fluid-sm);border-bottom:2px solid var(--color-primary);text-align:center}.detail-section.landscape-section .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--modal-spacing-fluid-sm);padding:var(--modal-spacing-fluid-sm) 0}.detail-section.landscape-section .tech-badge{font-size:var(--modal-small-size-fluid);padding:var(--modal-spacing-fluid-sm) var(--modal-spacing-fluid-md);text-align:center;justify-content:center}.detail-section.landscape-section .roles-list{padding:var(--modal-spacing-fluid-sm) 0}.detail-section.landscape-section .role-item{padding:var(--modal-spacing-fluid-sm) 0;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.detail-section.landscape-section .role-icon{font-size:var(--modal-subtitle-size-fluid);margin-top:0}.detail-section.landscape-section .role-text{font-size:var(--modal-body-size-fluid);line-height:1.3}.detail-section.landscape-section .features-list{padding:var(--modal-spacing-fluid-sm) 0}.detail-section.landscape-section .feature-item{padding:var(--modal-spacing-fluid-sm) 0;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.detail-section.landscape-section .feature-icon{font-size:var(--modal-subtitle-size-fluid);margin-top:0}.detail-section.landscape-section .feature-text{font-size:var(--modal-body-size-fluid);line-height:1.3}.detail-section.landscape-section .metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--modal-spacing-fluid-sm);padding:var(--modal-spacing-fluid-sm) 0}.detail-section.landscape-section .metric-item{padding:var(--modal-spacing-fluid-sm)}.detail-section.landscape-section .metric-value{font-size:var(--modal-subtitle-size-fluid)}.detail-section.landscape-section .metric-label{font-size:var(--modal-small-size-fluid)}}@media (min-width: 1440px){.project-modal-overlay{padding:var(--modal-spacing-fluid-xl)}.project-modal-close-container{top:var(--modal-spacing-fluid-xl);right:var(--modal-spacing-fluid-xl)}.project-modal-layout{max-width:var(--modal-max-width-large-fluid);gap:var(--modal-spacing-fluid-xl)}.project-title{font-size:clamp(2rem,5vw,3rem)}.thumbnail-item{width:clamp(140px,20vw,180px)}.details-card{padding:var(--modal-spacing-fluid-lg)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.thumbnail-image,.hero-media{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion: reduce){.hero-media,.thumbnail-item,.media-control-button,.nav-button,.project-modal-close-button,.tech-badge,.action-button,.supplementary-link,.nav-arrow,.media-counter,.media-controls{transition:none}.action-button:before{transition:none}.hero-media:hover,.thumbnail-item:hover,.thumbnail-item.active,.media-control-button:hover,.nav-button:hover,.project-modal-close-button:hover,.tech-badge:hover{transform:none}.hero-container:hover .overlay-controls-container,.hero-container.touch-active .overlay-controls-container{opacity:1!important}}.project-card-default{background:var(--card-bg);border:2px solid var(--primary);box-shadow:0 4px 20px #0000001a,0 2px 8px #fc94601a;cursor:var(--cursor-pointer);transition:all .3s ease}.project-card-default:hover{cursor:var(--cursor-pointer)!important;transform:translateY(-4px)!important;box-shadow:0 8px 30px #00000026,0 4px 12px #fc94602a!important}.project-card-default .project-card-image,.project-card-default .project-card-content,.project-card-default .project-card-title-section,.project-card-default img,.project-card-default .image-container,.project-card-compact .project-card-image,.project-card-compact .project-card-content,.project-card-compact .project-card-title-section,.project-card-compact img,.project-card-compact .image-container{cursor:var(--cursor-pointer)!important}.project-card-default .project-card-description{color:var(--text-secondary);font-size:.9rem;text-shadow:0 1px 1px rgba(0,0,0,.05)}.project-card-default .project-card-title-dot{width:8px;height:8px}.project-card-default.project-card-small .project-card-title-dot{width:6px;height:6px}.project-card-default .project-card-content{padding:.75rem}.project-card-default.project-card-small .project-card-content{padding:.5rem}.project-card-default .project-card-description{-webkit-line-clamp:3;line-clamp:3}.project-card-default.project-card-small .project-card-description{-webkit-line-clamp:2;line-clamp:2}.project-card-default.project-card-large .project-card-description{-webkit-line-clamp:4;line-clamp:4}.project-card-featured{cursor:default!important}.project-card-featured:hover{cursor:default!important;transform:none!important;box-shadow:0 4px 20px #0000001a,0 2px 8px #fc94601a!important}.project-card-compact{cursor:var(--cursor-pointer)!important}.project-card-compact:hover{cursor:var(--cursor-pointer)!important;transform:translateY(-2px)!important;box-shadow:0 6px 25px #0000001f,0 3px 10px #fc946025!important}.featured-project-container{border:2px solid var(--primary)!important;border-radius:var(--border-radius);overflow:hidden;position:relative;padding:2.5rem;box-sizing:border-box;cursor:var(--cursor-default)}.project-card-featured{background:transparent;border:none;box-shadow:none;min-height:400px;cursor:var(--cursor-default)}.featured-project-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0006),var(--project-bg-image, none);background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;z-index:1}.project-card-featured .project-card-content-overlay{background:linear-gradient(135deg,#000c,#0006);padding:0!important;justify-content:center;color:#fff;width:100%;box-sizing:border-box}.project-card-featured .project-card-description{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-line-clamp:3;line-clamp:3;background:#0009;border-radius:12px;padding:1rem 1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000001f;margin-bottom:1rem;display:inline-block}.project-card-featured .project-card-content{padding:0!important}.project-card-featured .tech-stack{filter:brightness(1.2)}.project-card-featured .project-card-title{color:#fff;font-size:2rem;font-family:Orbitron,monospace;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 8px var(--primary),0 0 16px var(--primary)}.featured-project-button{background:var(--primary)!important;color:var(--card-bg)!important;border:none!important;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;border-radius:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important;position:relative!important;overflow:hidden!important;transition:all .3s ease!important;cursor:var(--cursor-pointer)!important;box-shadow:0 2px 8px #eeb64b4d!important}.featured-project-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.featured-project-button:hover:before{left:100%}.featured-project-button:hover{transform:scale(1.02)!important;box-shadow:0 4px 15px #eeb64b66!important}.featured-project-demo{background:#ffffff26!important;border:2px solid white!important;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;border-radius:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important;position:relative!important;overflow:hidden!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;cursor:var(--cursor-pointer)!important;box-shadow:0 2px 8px #fff3!important}@media (prefers-color-scheme: dark){.featured-project-demo{color:#fff;text-shadow:0 0 10px rgba(255,238,0,.7)}}@media (prefers-color-scheme: light){.featured-project-demo{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.7)}}.featured-project-demo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.featured-project-demo:hover:before{left:100%}.featured-project-demo:hover{transform:scale(1.02)!important;background:#ffffff1a!important;box-shadow:0 4px 15px #ffffff4d!important}@media (max-width: 768px){.featured-project-button,.featured-project-demo{padding:.8rem 1.2rem;font-size:.9rem}}.projects-page{min-height:100vh;padding:0;margin:0;background:var(--bg);color:var(--text)}.hero-section{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);padding:4rem 2rem 6rem;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(238,182,75,.05) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.hero-content{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto}.hero-title{font:var(--text-fluid-hero);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:1rem;text-shadow:0 0 20px rgba(238,182,75,.3);letter-spacing:-.02em}.hero-subtitle{font:var(--text-fluid-xl);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:2rem;text-shadow:var(--h2-text-shadow);letter-spacing:var(--h2-letter-spacing)}.hero-description{font:var(--text-fluid-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--h4-line-height);text-shadow:var(--h4-text-shadow);letter-spacing:var(--h4-letter-spacing)}.projects-main{max-width:var(--max-width);margin:0 auto;padding:0 2rem 4rem;position:relative}.floating-stats{position:absolute;top:-3rem;right:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;z-index:10}.projects-masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.projects-compact-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.projects-compact-stats-card-left{grid-column:1}.projects-compact-stats-card-right{grid-column:2}.projects-no-results{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:var(--border-radius);border:2px solid var(--primary);box-shadow:var(--shadow)}.projects-no-results-title{margin-bottom:.5rem;color:var(--text);font:var(--text-fluid-2xl);font-weight:var(--font-weight-semibold);color:var(--h2-color);text-shadow:var(--h2-text-shadow);letter-spacing:var(--h2-letter-spacing)}.projects-no-results-description{color:var(--text-secondary);font:var(--text-fluid-lg);font-weight:var(--font-weight-medium);line-height:var(--h4-line-height);color:var(--h4-color);text-shadow:var(--h4-text-shadow);letter-spacing:var(--h4-letter-spacing)}@media (max-width: 1024px){.floating-stats{display:none!important}.projects-masonry-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}}@media (max-width: 768px){.hero-title{font:var(--text-fluid-2xl)!important;font-weight:var(--font-weight-bold)!important;line-height:var(--line-height-tight)!important;color:var(--primary)!important;text-shadow:0 0 10px rgba(238,182,75,.3)!important;letter-spacing:-.01em!important}.hero-section{padding:2rem 1rem 4rem!important}.projects-masonry-grid,.projects-compact-stats-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.projects-compact-stats-card-left,.projects-compact-stats-card-right{grid-column:1!important}.hero-subtitle{font:var(--text-fluid-xl)}.hero-description{font:var(--text-fluid-base)}.projects-no-results-title{font:var(--text-fluid-xl)}.projects-no-results-description{font:var(--text-fluid-base)}}@media (max-width: 480px){.hero-section{padding:1.5rem .75rem 3rem!important}.projects-main{padding:0 1rem 3rem}.hero-title{font:var(--text-fluid-xl)!important}.hero-subtitle{font:var(--text-fluid-lg)}.hero-description{font:var(--text-fluid-sm)}.projects-no-results{padding:3rem 1rem}.projects-no-results-title{font:var(--text-fluid-lg)}.projects-no-results-description{font:var(--text-fluid-sm)}}.resume-main-container{margin:0 auto;width:100%}.resume-profile-card{margin-bottom:2rem}.resume-profile-content{text-align:center;margin-bottom:1.25rem}.resume-profile-pic{width:100px;height:100px;border-radius:50%;margin-bottom:.75rem;border:3px solid var(--primary);transition:transform .2s ease}.resume-profile-pic:hover{transform:scale(1.05)}.resume-profile-name{margin:0 0 .4rem;color:var(--text)}.resume-profile-tagline{margin:0;color:var(--text-secondary)}.resume-skills-card{margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;width:100%}.resume-skills-title{color:var(--text);margin-bottom:.5rem;text-align:center;font-size:1.1rem}.resume-skills-category{margin-bottom:1rem}.resume-skills-category:last-child{margin-bottom:0}.resume-skills-category-title{text-align:center;margin-bottom:.25rem;color:var(--primary);font-size:.98rem;font-weight:600}.resume-skill-item{margin-bottom:.5rem;width:100%}.resume-skill-header{display:flex;align-items:center;margin-bottom:.15rem}.resume-skill-icon{margin-right:.4rem;font-size:1rem}.resume-skill-name{font-weight:500;font-size:.98rem;margin-right:auto}.resume-skill-percentage{font-size:.85rem;opacity:.7}.resume-skill-progress{width:100%}.resume-education-card{margin-bottom:2rem;padding:1.5rem 1rem}.resume-education-title{color:var(--text);margin-bottom:.7rem;font-size:1.1rem;text-align:center}.resume-education-list{display:flex;flex-direction:column;gap:1rem}.resume-education-item{border-bottom:1px solid var(--text-secondary);padding-bottom:.7rem}.resume-education-item:last-child{border-bottom:none}.resume-education-header{display:flex;align-items:flex-start;margin-bottom:.3rem;gap:.5rem}.resume-education-icon{font-size:1.2rem;margin-top:.1rem}.resume-education-info{flex:1}.resume-education-degree{margin:0 0 .1rem;color:var(--text);font-size:.98rem;font-weight:600}.resume-education-institution{margin:0 0 .1rem;color:var(--primary);font-size:.9rem;font-weight:500}.resume-education-year{color:var(--text-secondary);font-size:.85rem}.resume-education-description{margin:0 0 .3rem;color:var(--text-secondary);font-size:.92rem;line-height:1.4}.resume-education-courses{margin-top:.3rem}.resume-courses-label{color:var(--text-secondary);font-weight:500;margin-right:.5rem}.resume-courses-list{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.2rem}.resume-course-tag{background:var(--card-bg);color:var(--text);padding:.13rem .38rem;border-radius:10px;font-weight:500;font-size:.78rem;border:1px solid var(--text-secondary);transition:transform .2s ease}.resume-course-tag:hover{transform:scale(1.05);border-color:var(--primary)}.resume-projects-card{padding:1.5rem 1rem}.resume-projects-title{color:var(--text);margin-bottom:.7rem;font-size:1.1rem;text-align:center}.resume-projects-list{display:flex;flex-direction:column;gap:.9rem}.resume-project-item{border-bottom:1px solid var(--text-secondary);padding-bottom:.7rem}.resume-project-item:last-child{border-bottom:none}.resume-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.2rem}.resume-project-title{margin:0;color:var(--text);font-size:.98rem;font-weight:600}.resume-project-year{color:var(--primary);font-size:.85rem;font-weight:500}.resume-project-description{margin:0 0 .2rem;color:var(--text-secondary);font-size:.92rem;line-height:1.4}.resume-project-tech{display:flex;gap:.3rem;flex-wrap:wrap}.resume-tech-tag{background:var(--primary);color:var(--card-bg);padding:.13rem .38rem;border-radius:10px;font-weight:700;font-size:.78rem;transition:transform .2s ease}.resume-tech-tag:hover{transform:scale(1.05)}.quest-form-container{background:var(--card-bg);border-radius:var(--border-radius);padding:2rem;border:2px solid var(--primary);box-shadow:var(--shadow);max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;width:100%}.quest-form-header{text-align:center;margin-bottom:1rem}.quest-form-title{font:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:.5rem;text-shadow:0 0 10px rgba(238,182,75,.3)}.quest-form-subtitle{font:var(--text-lg);color:var(--text-secondary);margin:0}.xp-progress-container{background:var(--card-bg);border:2px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.xp-label{display:flex;align-items:center;gap:.5rem;font:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:.75rem}.xp-icon{font-size:1.2em}.xp-bar{width:100%;height:12px;background:var(--border);border-radius:6px;overflow:hidden;position:relative}.xp-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:6px;transition:width .3s ease;box-shadow:0 0 10px #eeb64b66}.form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.quest-field{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font:var(--text-base);transition:all .3s ease;outline:none}.quest-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #eeb64b33}.quest-field.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #64a47f33}.quest-form{width:100%}.quest-form select,.quest-form textarea{font-family:inherit;font:var(--text-base);resize:vertical}.quest-form textarea{min-height:100px}.quest-form select{cursor:var(--cursor-pointer)}.quest-form select option{background:var(--card-bg);color:var(--text)}.center-submit{display:flex;justify-content:center;margin-top:1.5rem}.quest-submit-button{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--card-bg);border:none;border-radius:12px;padding:1rem 2rem;font:var(--text-lg);font-weight:var(--font-weight-bold);cursor:var(--cursor-pointer);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 20px #eeb64b66,0 0 40px #eeb64b33,0 2px 8px #0000001a}.quest-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #eeb64b80,0 0 50px #eeb64b4d,0 4px 12px #00000026}.quest-submit-button:active{transform:translateY(0)}.quest-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.quest-submit-container{position:relative;width:100%}.quest-confetti-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}@media (max-width: 768px){.quest-form-container{padding:1.25rem;gap:1.25rem;max-width:none;width:100%}.xp-progress-container{padding:.75rem;margin-bottom:1.25rem}.xp-label{font:var(--text-sm);margin-bottom:.5rem}.xp-bar{height:10px}.form-fields{gap:.75rem;margin-bottom:1.25rem}.center-submit{margin-top:1.25rem}.quest-field,.quest-form select,.quest-form textarea{font:var(--text-base);padding:.5rem .75rem;min-height:38px}.quest-form-title{font:var(--text-xl)}.quest-form-subtitle{font:var(--text-base)}.quest-submit-button{font:var(--text-base);padding:.75rem 1.5rem}}@media (max-width: 480px){.quest-field,.quest-form select,.quest-form textarea{font:var(--text-sm);padding:.25rem .5rem;min-height:32px}.form-fields{gap:.5rem;margin-bottom:.75rem}.center-submit{margin-top:.75rem}.quest-form-title{font:var(--text-lg)}.quest-form-subtitle{font:var(--text-sm)}.quest-submit-button{font:var(--text-sm);padding:.5rem 1rem}}.quest-field.quest-details,.quest-form textarea.quest-details{min-height:120px;padding:1.25rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-container{background:var(--card-bg);border:3px solid var(--primary);border-radius:var(--border-radius);padding:3rem;text-align:center;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #eeb64b4d}.treasure-chest{width:80px;height:60px;margin:0 auto 2rem;position:relative}.treasure-base{width:100%;height:40px;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #654321;border-radius:8px 8px 0 0;position:absolute;bottom:0}.treasure-lid{width:100%;height:20px;background:linear-gradient(135deg,peru,#deb887);border:2px solid #8B4513;border-radius:8px 8px 0 0;position:absolute;top:0;transform-origin:bottom}.treasure-sparkle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;pointer-events:none}.modal-title{font-size:2rem;margin-bottom:1rem;color:var(--primary)}.modal-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.modal-button{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--bg);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:var(--cursor-pointer);transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.modal-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #eeb64b66}.modal-button:active{transform:scale(.95)}.modal-button-icon{font-size:1.1rem}@media (max-width: 768px){.modal-container{padding:2rem;margin:1rem}.modal-title{font-size:1.5rem}.modal-text{font-size:1rem}}.contact-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-header-banner{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);border:2px solid var(--primary);padding:2.5rem 2rem;width:100%;text-align:center}.contact-header-title{margin:0 0 1rem}.contact-header-subtitle{font-style:italic;margin:0;color:var(--text-secondary);font-size:1.1rem}.quest-content-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem;width:100%;align-items:start}.contact-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.quest-content-grid{display:flex;flex-direction:column;gap:2rem}.contact-sidebar{position:static;order:1}.contact-sidebar .hq-container{order:2}.contact-sidebar .social-links-container{order:3}.quest-form-container{order:1}.contact-section{gap:1.5rem}.contact-header-banner{padding:2rem 1.5rem}.contact-sidebar{gap:1.5rem}}.page-container{min-height:100vh;width:100%;font-family:inherit}.page-content{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-lg);font-family:inherit}@media (max-width: 768px){.page-content{padding:var(--spacing-md)}}.page-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.page-header-icon{font-size:var(--text-4xl);margin-bottom:var(--spacing-md);display:flex;justify-content:center}.page-header-title{font:var(--text-5xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--spacing-md);text-shadow:0 0 10px rgba(238,182,75,.3)}.page-header-subtitle{font:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-normal)}@media (max-width: 768px){.page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.page-header-title{font:var(--text-3xl)}.page-header-subtitle{font:var(--text-md)}.page-header-icon{font-size:var(--text-3xl)}}@media (max-width: 480px){.page-header-title{font:var(--text-2xl)}.page-header-subtitle{font:var(--text-base)}.page-header-icon{font-size:var(--text-2xl)}}.page-footer{margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0;text-align:center;border-top:1px solid var(--border);position:relative}.page-footer-back-to-top{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--primary);color:var(--background);border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:0 4px 12px #eeb64b4d;z-index:1000;transition:all .3s ease}.page-footer-back-to-top:hover{background:var(--secondary);box-shadow:0 6px 16px #fc946066}@media (max-width: 768px){.page-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.page-footer-back-to-top{bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font:var(--text-xs)}}.error-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page-header{margin-bottom:var(--spacing-xl)}.error-page-content{text-align:center;max-width:500px;margin:0 auto}.error-code{font:var(--text-5xl);font-weight:900;color:var(--primary);text-shadow:0 0 20px rgba(238,182,75,.5);margin-bottom:var(--spacing-xl);line-height:var(--line-height-tight)}.error-home-button{background:var(--primary);color:var(--background);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font:var(--text-lg);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:0 4px 12px #eeb64b4d;transition:all .3s ease}.error-home-button:hover{background:var(--secondary);box-shadow:0 6px 16px #fc946066}@media (max-width: 768px){.error-code{font:var(--text-4xl);margin-bottom:var(--spacing-lg)}.error-home-button{padding:var(--spacing-sm) var(--spacing-lg);font:var(--text-md)}}@media (max-width: 480px){.error-code{font:var(--text-3xl)}.error-home-button{font:var(--text-base)}}