@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #102066;--color-accent: #FFFF00;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-header: #102066;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-text-light: #FFFFFF;--color-text-muted: #999999;--color-border: #E0E0E0;--color-border-light: #F0F0F0;--color-border-dark: #CCCCCC;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-neutral-light: #F5F5F5;--color-neutral-medium: #E0E0E0;--color-neutral-dark: #424242;--color-link: #102066;--color-link-hover: #0d1a52;--color-link-active: #0a153d;--color-focus: #2196F3;--color-button-primary-bg: #FFFF00;--color-button-primary-text: #102066;--color-button-primary-hover: #E6E600;--color-button-primary-active: #CCCC00;--color-button-secondary-bg: #F8F9FA;--color-button-secondary-text: #102066;--color-button-secondary-hover: #E9ECEF;--color-button-secondary-active: #DEE2E6}[data-theme=dark]{--color-primary: #102066;--color-accent: #D4AF37;--color-bg-primary: #1E1E1E;--color-bg-secondary: #1A1A1A;--color-bg-header: #102066;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-light: #FFFFFF;--color-text-muted: #999999;--color-border: #333333;--color-border-light: #2A2A2A;--color-border-dark: #444444;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-neutral-light: #1A1A1A;--color-neutral-medium: #2A2A2A;--color-neutral-dark: #CCCCCC;--color-link: #D4AF37;--color-link-hover: #E5C158;--color-link-active: #B8860B;--color-focus: #D4AF37;--color-button-primary-bg: #D4AF37;--color-button-primary-text: #000000;--color-button-primary-hover: #E5C158;--color-button-primary-active: #B8860B;--color-button-secondary-bg: #1A1A1A;--color-button-secondary-text: #FFFFFF;--color-button-secondary-hover: #2A2A2A;--color-button-secondary-active: #333333}:root{--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--heading-h1-size: var(--font-size-4xl);--heading-h1-weight: var(--font-weight-bold);--heading-h1-line-height: var(--line-height-tight);--heading-h2-size: var(--font-size-3xl);--heading-h2-weight: var(--font-weight-semibold);--heading-h2-line-height: var(--line-height-tight);--heading-h3-size: var(--font-size-2xl);--heading-h3-weight: var(--font-weight-semibold);--heading-h3-line-height: var(--line-height-normal);--heading-h4-size: var(--font-size-xl);--heading-h4-weight: var(--font-weight-medium);--heading-h4-line-height: var(--line-height-normal);--body-text-size: var(--font-size-base);--body-text-weight: var(--font-weight-normal);--body-text-line-height: var(--line-height-relaxed);--button-text-size: var(--font-size-base);--button-text-weight: var(--font-weight-medium);--button-text-line-height: var(--line-height-normal);--link-text-size: var(--font-size-base);--link-text-weight: var(--font-weight-medium);--link-text-line-height: var(--line-height-normal)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-section: var(--spacing-2xl);--spacing-component: var(--spacing-lg);--spacing-element: var(--spacing-md);--spacing-tight: var(--spacing-sm)}:root{--breakpoint-mobile: 320px;--breakpoint-mobile-max: 767px;--breakpoint-tablet: 768px;--breakpoint-tablet-max: 1023px;--breakpoint-desktop: 1024px;--breakpoint-desktop-max: 1439px;--breakpoint-wide: 1440px;--container-mobile: 100%;--container-tablet: 100%;--container-desktop: 1200px;--container-wide: 1200px;--container-padding-mobile: var(--spacing-md);--container-padding-tablet: var(--spacing-lg);--container-padding-desktop: var(--spacing-xl)}:root{--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--radius-default: var(--radius-md)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-header: var(--shadow-sm);--shadow-focus: 0 0 0 2px var(--color-focus)}:root{--duration-instant: 0s;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .6s;--ease-linear: linear;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--ease-in-out);--transition-normal: var(--duration-normal) var(--ease-in-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-smooth: var(--duration-slower) var(--ease-in-out);--transition-color: color var(--transition-fast);--transition-bg: background-color var(--transition-fast);--transition-transform: transform var(--transition-normal);--transition-opacity: opacity var(--transition-normal);--transition-shadow: box-shadow var(--transition-normal);--transition-all: all var(--transition-normal)}:root{--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-header: 2000}:root{--header-height: 70px;--header-padding: var(--spacing-md);--section-padding-mobile: var(--spacing-xl);--section-padding-tablet: var(--spacing-2xl);--section-padding-desktop: var(--spacing-3xl);--card-padding: var(--spacing-lg);--card-border-radius: var(--radius-md);--card-min-height: 200px;--button-min-height: 44px;--button-padding-x: var(--spacing-md);--button-padding-y: var(--spacing-sm);--button-border-radius: var(--radius-md);--input-min-height: 44px;--input-padding-x: var(--spacing-md);--input-padding-y: var(--spacing-sm);--input-border-radius: var(--radius-md)}:root{--hover-scale: 1.05;--hover-opacity: .9;--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-outline-color: var(--color-focus);--active-scale: .98;--active-opacity: .8;--disabled-opacity: .5;--disabled-cursor: not-allowed}:root{--opacity-disabled: .5;--opacity-hover: .9;--opacity-active: .8;--opacity-overlay: .75;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--max-width-text: 65ch;--max-width-container: 1200px;--aspect-ratio-square: 1 / 1;--aspect-ratio-video: 16 / 9;--aspect-ratio-card: 4 / 3}:root{--motion-reduce: .01s;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus);--focus-ring: var(--focus-ring-width) solid var(--focus-ring-color)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: var(--motion-reduce);--transition-normal: var(--motion-reduce);--transition-slow: var(--motion-reduce);--transition-smooth: var(--motion-reduce)}}* * Transitions: * transition: var(--transition-color); * transition: var(--transition-all); * * Breakpoints (in component CSS): * @media (min-width: 768px){...}* @media (min-width: 1024px){...}*/ html{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--body-text-size);line-height:var(--body-text-line-height);margin:0;padding:0;transition:background-color var(--transition-normal),color var(--transition-normal)}body{margin:0;padding:0;font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-primary);background-color:var(--color-bg-primary);width:100%;max-width:100vw;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}@media (prefers-reduced-motion: reduce){html,body{transition:none}}#root{margin:0;padding:0;max-width:100vw;overflow-x:hidden;width:100%}h1,h2,h3{color:var(--color-primary);font-family:var(--font-primary)}h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line-height)}h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height)}h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height)}#name{color:var(--color-accent);background-color:var(--color-primary);padding:var(--spacing-sm)}.bg-white-name{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--spacing-xs)}a:link,a:visited{color:var(--color-link);transition:var(--transition-color)}a:hover{color:var(--color-link-hover)}a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}header{position:sticky;top:0;left:0;width:100%;margin:0;background-color:var(--color-bg-header);z-index:var(--z-header);padding:var(--spacing-xs) 0;border-bottom:var(--border-width-thin) solid var(--color-border)}button{border-radius:var(--button-border-radius);border-width:var(--border-width-medium);font-size:var(--button-text-size);font-weight:var(--button-text-weight);background-color:var(--color-button-primary-bg);padding:var(--button-padding-y) var(--button-padding-x);font-family:var(--font-primary);min-height:var(--button-min-height);transition:var(--transition-all);cursor:pointer}button:hover{background-color:var(--color-button-primary-hover);text-decoration:underline}button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}button a{text-decoration:none;color:var(--color-button-primary-text)}.emerald-game-button-container{display:flex;justify-content:center;align-items:center;width:100%;margin:var(--spacing-md) 0}.emerald-game-button{margin:0 auto}@media screen and (max-width: 767px){body{width:100%;padding:0}.pg-main-content{display:flex;flex-direction:column-reverse;justify-content:space-between}}@media screen and (min-width: 768px) and (max-width: 1023px){body{width:100%;padding:0}.pg-main-content{display:flex;flex-direction:column-reverse;justify-content:space-between}}@media screen and (min-width: 1024px) and (max-width: 1439px){body{width:100%;padding:0}.pg-main-content{display:flex;justify-content:space-between}}@media screen and (min-width: 1440px){body{width:100%;padding:0}.pg-main-content{display:flex;justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-smooth) ease-out forwards}.slide-up{animation:slideUp var(--transition-smooth) ease-out forwards}.fade-in,.slide-up{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up{animation:none;opacity:1!important;transform:none}}.container{width:100%;margin:0 auto;padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media (min-width: 768px){.container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width: 1024px){.container{max-width:var(--container-desktop);padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}@media (max-width: 767px){.spacing-mobile-sm{margin:var(--spacing-sm)}.spacing-mobile-md{margin:var(--spacing-md)}}@media (min-width: 768px){.spacing-tablet-md{margin:var(--spacing-md)}.spacing-tablet-lg{margin:var(--spacing-lg)}}@media (min-width: 1024px){.spacing-desktop-lg{margin:var(--spacing-lg)}.spacing-desktop-xl{margin:var(--spacing-xl)}}.Header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--header-padding)}.Header p{color:var(--color-text-light)}.Header #name{padding:0;color:var(--color-text-light);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight)}[data-theme=dark] .Header #name{color:var(--color-accent)}nav{font-size:var(--link-text-size);font-family:var(--font-primary)}.nav-left{display:flex;align-items:center}.page-links{display:flex;gap:var(--spacing-lg);align-items:center}.page-links p{margin:0}.page-links a{color:var(--color-text-light);text-decoration:none;font-weight:var(--link-text-weight);font-size:var(--link-text-size);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-all);display:inline-block;position:relative}[data-theme=dark] .page-links a{color:var(--color-accent)}.page-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--color-accent);transition:var(--transition-all);transform:translate(-50%)}.page-links a:hover{color:var(--color-accent);background-color:#ffffff1a;transform:translateY(-2px)}[data-theme=dark] .page-links a:hover{background-color:#ffffff26}.page-links a:hover:after{width:80%}.page-links a:active{color:var(--color-accent);background-color:#ffffff26;transform:translateY(0)}[data-theme=dark] .page-links a:active{background-color:#fff3}.page-links a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-right{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:space-between}.nav-right a{text-decoration:none;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all)}.nav-right a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}i{font-size:2.1875rem;color:var(--color-text-light);transition:var(--transition-color)}.nav-right a:hover i{transform:scale(var(--hover-scale)) translateY(-2px);transition:var(--transition-transform)}@media (prefers-reduced-motion: reduce){.nav-right a:hover i{transform:none}}.devicon-linkedin-plain:hover{color:#0a66c2}.devicon-github-plain:hover{color:#6e5494}.hamburger{display:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-all)}.hamburger:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.hamburger:hover{background-color:#ffffff1a}[data-theme=dark] .hamburger:hover{background-color:#ffffff26}.bar{display:block;width:25px;height:3px;margin:var(--spacing-xs) auto;background-color:var(--color-text-light);transition:var(--transition-transform);border-radius:var(--radius-sm)}.menu-toggle{display:none}@media screen and (max-width: 767px){.page-links{position:fixed;left:-100%;top:var(--header-height);flex-direction:column;background-color:#1e232dfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:calc(100vh - var(--header-height));text-align:center;transition:left var(--transition-smooth),opacity var(--transition-normal);opacity:0;padding:var(--spacing-xl) var(--spacing-md)}[data-theme=dark] .page-links{background-color:#0a0a0afa;gap:var(--spacing-lg);z-index:var(--z-modal);box-shadow:var(--shadow-lg)}.menu-toggle:checked~.page-links{opacity:1}.menu-toggle:checked~.page-links{left:0}.hamburger{display:block;margin-left:auto;align-self:center}.menu-toggle:checked~.hamburger .bar:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle:checked~.hamburger .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle:checked~.hamburger .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.page-links a{width:100%;padding:var(--spacing-md);font-size:var(--font-size-lg);border-bottom:var(--border-width-thin) solid rgba(255,255,255,.1)}.page-links a:last-of-type{border-bottom:none}.nav-right{align-self:center;margin-top:var(--spacing-lg);gap:var(--spacing-md)}.nav-right a{padding:var(--spacing-sm)}}.menu-toggle:focus,.menu-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.hamburger:focus-visible,.page-links a:focus-visible,.nav-right a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion: reduce){.page-links a{transition:var(--transition-color)}.page-links a:hover{transform:none}.page-links a:after{display:none}.bar{transition:none}.menu-toggle:checked~.hamburger .bar{transition:var(--transition-fast)}}header{background-color:var(--color-bg-header)}.theme-toggle{background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-all);font-size:var(--font-size-xl);width:44px;height:44px;min-width:44px;min-height:44px;box-sizing:border-box;position:relative}.theme-toggle:hover{background-color:#ffffff1a;border-color:var(--color-accent);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus{outline:2px solid var(--color-focus);outline-offset:2px}.theme-icon{display:inline-block;transition:transform var(--transition-normal);line-height:1}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}@media (prefers-reduced-motion: reduce){.theme-toggle{transition:background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{transform:none}.theme-icon{transition:none}.theme-toggle:hover .theme-icon{transform:none}}#About{padding:var(--section-padding-mobile) var(--spacing-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary)}@media (min-width: 768px){#About{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){#About{padding:var(--section-padding-desktop) var(--spacing-xl)}}#landing-content.aurora-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);margin-bottom:var(--spacing-2xl);overflow:hidden;border-radius:var(--radius-lg)}.aurora-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#102066,#1e3a8a,#2563eb 50%,#3b82f6 65%,#4a90e2,#5aa3d0 85%,#102066);background-size:200% 200%;animation:auroraShift 30s ease-in-out infinite;will-change:background-position}[data-theme=dark] .aurora-bg{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#102066,#1a1a2e)}.aurora-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(37,99,235,.15) 0%,transparent 60%),radial-gradient(circle at 70% 50%,rgba(30,58,138,.2) 0%,transparent 60%);pointer-events:none;opacity:.6}[data-theme=dark] .aurora-overlay{background:radial-gradient(circle at 30% 50%,rgba(212,175,55,.1) 0%,transparent 60%),radial-gradient(circle at 70% 50%,rgba(16,32,102,.2) 0%,transparent 60%);opacity:.4}@keyframes auroraShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-content-wrapper{position:relative;z-index:10;text-align:center;max-width:900px;width:100%;padding:var(--spacing-2xl) var(--spacing-xl)}.hero-greeting{font-family:"Inter",var(--font-primary);font-size:.875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffffe6;margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-name{font-family:"Space Grotesk",var(--font-primary);font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1.1;color:gold;margin:var(--spacing-lg) 0 var(--spacing-xl) 0;letter-spacing:-.02em;animation:fadeInUp .8s ease-out .2s both;position:relative;text-shadow:0 0 15px rgba(255,215,0,.3),0 2px 4px rgba(0,0,0,.4)}[data-theme=dark] .hero-name{text-shadow:0 0 20px rgba(212,175,55,.4),0 2px 4px rgba(0,0,0,.6)}.hero-photo-wrapper{margin:var(--spacing-2xl) 0;animation:fadeInUp 1s ease-out .4s both}.hero-photo{width:250px;height:250px;border-radius:50%;object-fit:cover;display:block;margin:0 auto;border:3px solid rgba(255,215,0,.3);box-shadow:0 0 20px #ffd70033,0 20px 60px #0006;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-bg-secondary)}[data-theme=dark] .hero-photo{border:3px solid rgba(212,175,55,.4);box-shadow:0 0 20px #d4af374d,0 20px 60px #0009}.hero-photo:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd7004d,0 25px 80px #00000080}[data-theme=dark] .hero-photo:hover{box-shadow:0 0 30px #d4af3766,0 25px 80px #000000b3}.hero-tagline{font-family:"Inter",var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:400;line-height:1.6;color:#fffffff2;margin-top:var(--spacing-lg);max-width:65ch;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out .8s both;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){#landing-content.aurora-hero{min-height:75vh;padding:var(--spacing-xl) var(--spacing-md)}.hero-content-wrapper{padding:var(--spacing-xl) var(--spacing-lg)}.hero-name{font-size:3rem}.hero-tagline{font-size:1.125rem}.hero-photo{width:200px;height:200px}}@media (min-width: 768px) and (max-width: 1023px){.hero-name{font-size:4rem}.hero-photo{width:220px;height:220px}}@media (prefers-reduced-motion: reduce){.aurora-bg{animation:none;background-position:50% 50%}.hero-greeting,.hero-name,.hero-photo-wrapper,.hero-tagline{animation:none;opacity:1}.hero-photo:hover{transform:none}}.bg-white-name{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--spacing-xs);margin-bottom:var(--spacing-xl);text-align:center}[data-theme=dark] .bg-white-name{color:var(--color-accent)}.bio{border:var(--border-width-medium) solid var(--color-border-dark);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl);background-color:var(--color-primary);color:var(--color-text-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 auto var(--spacing-xl) auto;max-width:900px}#about-img{border-radius:var(--radius-lg);border:var(--border-width-medium) solid var(--color-border-light);box-shadow:var(--shadow-card);width:100%;max-width:400px;height:auto;aspect-ratio:5 / 4;object-fit:cover;transition:var(--transition-shadow);flex-shrink:0}#about-img:hover{box-shadow:var(--shadow-card-hover)}.bio-text{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-light);flex:1}.bio-text p{margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.bio-text p:last-of-type{margin-bottom:0}.bio-text h3{color:var(--color-text-light);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media screen and (max-width: 767px){.bio{flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-lg)}#about-img{max-width:100%;width:100%}}@media screen and (min-width: 768px) and (max-width: 1023px){.bio{flex-direction:column;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl)}#about-img{max-width:400px}}@media screen and (min-width: 1024px){.bio{flex-direction:row;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl)}#about-img{max-width:400px;flex-shrink:0}.bio-text{flex:1}}#about-img{alt:"A photo of myself, Ekin Yurekli"}.bio-text{color:var(--color-text-light)}.previous-work-section{padding:var(--section-padding-mobile) var(--spacing-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width: 768px){.previous-work-section{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){.previous-work-section{padding:var(--section-padding-desktop) var(--spacing-xl)}}.section-heading{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--spacing-xs);margin-bottom:var(--spacing-xl);text-align:center}.work-content{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media (min-width: 768px){.work-content{flex-direction:row;gap:var(--spacing-2xl);align-items:flex-start}}.organizations-list{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;flex-shrink:0}@media (min-width: 768px){.organizations-list{width:35%;max-width:300px;position:sticky;top:calc(var(--header-height) + var(--spacing-md));align-self:flex-start}}.organization-item{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-primary);border:var(--border-width-medium) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:var(--transition-all);font-family:var(--font-primary);width:100%;box-sizing:border-box}.organization-item:hover{background-color:var(--color-neutral-light);border-color:var(--color-primary);transform:translate(4px)}.organization-item:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.organization-item.selected{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.organization-item.selected:hover{background-color:var(--color-button-primary-hover);transform:translate(4px)}@media (prefers-reduced-motion: reduce){.organization-item{transition:background-color var(--transition-fast),border-color var(--transition-fast)}.organization-item:hover,.organization-item.selected:hover{transform:none}}.work-details{flex:1;min-width:0}.work-details-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.work-details-content{animation:none}}.work-title{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height);color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}[data-theme=dark] .work-title{color:var(--color-accent)}.work-duration{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.work-bullets{list-style:none;padding:0;margin:0}.work-bullets li{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-primary)}.work-bullets li:before{content:"•";position:absolute;left:var(--spacing-md);color:var(--color-accent);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.work-bullets li:last-child{margin-bottom:0}.work-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.organizations-list{width:100%;max-width:100%;position:static}.organization-item{width:100%}.work-details{width:100%;margin-top:var(--spacing-lg)}}#Contact{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-light);padding:var(--section-padding-mobile) var(--spacing-md);font-family:var(--font-primary)}@media (min-width: 768px){#Contact{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){#Contact{padding:var(--section-padding-desktop) var(--spacing-xl)}}#Contact h1{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-text-light);margin:0 0 var(--spacing-lg) 0;text-align:center}#Contact h1#name{color:var(--color-text-light)}#Contact p{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-light);text-align:center;width:100%;max-width:800px;margin:0 0 var(--spacing-md) 0}#Contact p a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-color)}#Contact p a:hover{color:var(--color-button-primary-hover);text-decoration:underline}#Contact p a:active{color:var(--color-button-primary-active)}#Contact p a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.icons{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;margin-top:var(--spacing-lg)}.icons a{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.icons a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.icons i{font-size:2.1875rem;color:var(--color-text-light);transition:var(--transition-all)}.icons a:hover i{transform:scale(var(--hover-scale)) translateY(-2px)}@media (prefers-reduced-motion: reduce){.icons a:hover i{transform:none}}.icons .devicon-linkedin-plain:hover{color:#0a66c2}.icons .devicon-github-plain:hover{color:#6e5494}[data-theme=dark] .icons .devicon-linkedin-plain:hover{color:#0a66c2}[data-theme=dark] .icons .devicon-github-plain:hover{color:#6e5494}#Footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-light);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-primary)}@media (min-width: 768px){#Footer{padding:var(--spacing-md) var(--spacing-lg)}}@media (min-width: 1024px){#Footer{padding:var(--spacing-md) var(--spacing-xl)}}#Footer p{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-light);text-align:center;width:100%;max-width:800px;margin:0 0 var(--spacing-md) 0}#Footer p a{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-color)}#Footer p a:hover{color:var(--color-button-primary-hover);text-decoration:underline}#Footer p a:active{color:var(--color-button-primary-active)}#Footer p a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}#Footer .icons{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;margin-top:var(--spacing-lg)}#Footer .icons a{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);padding:var(--spacing-xs);border-radius:var(--radius-sm)}#Footer .icons a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}#Footer .icons i{font-size:2.1875rem;color:var(--color-text-light);transition:var(--transition-all)}#Footer .icons a:hover i{transform:scale(var(--hover-scale)) translateY(-2px)}@media (prefers-reduced-motion: reduce){#Footer .icons a:hover i{transform:none}}#Footer .icons .devicon-linkedin-plain:hover{color:#0a66c2}#Footer .icons .devicon-github-plain:hover{color:#6e5494}#sonic-image{width:100%;max-width:250px;height:auto;aspect-ratio:1 / 1;object-fit:contain;padding:var(--spacing-lg);margin-top:var(--spacing-md);border-radius:var(--radius-md)}@media screen and (max-width: 767px){#Contact h1,#Footer h1{font-size:var(--heading-h3-size)}#Contact p,#Footer p{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.icons i,#Footer .icons i{font-size:1.875rem}#sonic-image{max-width:200px;padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.icons a,#Footer .icons a{transition:none}.icons a:hover i,#Footer .icons a:hover i{transform:none}}.btn{min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-border-radius);border:var(--border-width-medium) solid transparent;font-size:var(--button-text-size);font-weight:var(--button-text-weight);line-height:var(--button-text-line-height);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-button);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;white-space:nowrap}.btn:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-button-primary-bg);color:var(--color-button-primary-text)}[data-theme=dark] .btn-primary{color:#000!important}.btn-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px) scale(var(--hover-scale))}[data-theme=dark] .btn-primary:hover:not(:disabled){color:#000!important}.btn-primary:active:not(:disabled){background-color:var(--color-button-primary-active);transform:translateY(0) scale(var(--active-scale));transition:var(--transition-fast)}.btn-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px) scale(var(--hover-scale))}.btn-secondary:active:not(:disabled){background-color:var(--color-button-secondary-active);transform:translateY(0) scale(var(--active-scale));transition:var(--transition-fast)}.btn-sm{min-height:36px;padding:calc(var(--button-padding-y) * .75) calc(var(--button-padding-x) * .75);font-size:var(--font-size-sm)}.btn-lg{min-height:52px;padding:calc(var(--button-padding-y) * 1.25) calc(var(--button-padding-x) * 1.25);font-size:var(--font-size-lg)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion: reduce){.btn{transition:box-shadow var(--transition-fast)}.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:none}}#project-nav{padding:var(--section-padding-mobile) var(--spacing-md)}@media (min-width: 768px){#project-nav{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){#project-nav{padding:var(--section-padding-desktop) var(--spacing-xl)}}#project-nav .bg-white-name{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--spacing-xs);margin-bottom:var(--spacing-xl)}[data-theme=dark] #project-nav .bg-white-name{color:var(--color-accent);text-align:center}.projects{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);justify-items:center;max-width:1200px;margin:0 auto}.project{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--card-padding);background-color:var(--color-primary);color:var(--color-text-light);border:var(--border-width-medium) solid var(--color-border-dark);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);transition:var(--transition-all);min-height:var(--card-min-height)}.projects:not(.visible):not(.animated) .project{opacity:0;transform:translateY(20px)}.projects .project:nth-child(1){animation-delay:.1s}.projects .project:nth-child(2){animation-delay:.2s}.projects .project:nth-child(3){animation-delay:.3s}.projects .project:nth-child(4){animation-delay:.4s}.projects.visible .project,.projects.animated .project{animation:slideUp var(--transition-smooth) ease-out forwards}.project:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-card-hover)}@media (prefers-reduced-motion: reduce){.project{opacity:1;transform:none}.projects.visible .project,.projects.fade-in .project{animation:none}.project:hover{transform:none}}.project img{width:100%;max-width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:var(--transition-transform)}.project:hover img{transform:scale(1.02)}.project h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height);color:var(--color-text-light);margin:0 0 var(--spacing-md) 0}.project h3#name{color:var(--color-text-light)}.project p{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-light);margin:0 0 var(--spacing-lg) 0;width:100%;flex-grow:1}.button-links{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin-top:auto}@media screen and (min-width: 1024px){.projects{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.project{width:100%;max-width:500px;min-height:450px}.project img{max-width:400px}}@media screen and (min-width: 768px) and (max-width: 1023px){.projects{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}.project{width:100%;max-width:450px}}@media screen and (max-width: 767px){.projects{gap:var(--spacing-md);padding:var(--spacing-md)}.project{width:90%;max-width:350px}.project img{max-width:300px}.button-links{gap:var(--spacing-sm)}}.extracurricular-section{padding:var(--section-padding-mobile) var(--spacing-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width: 768px){.extracurricular-section{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){.extracurricular-section{padding:var(--section-padding-desktop) var(--spacing-xl)}}.section-heading{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--spacing-xs);margin-bottom:var(--spacing-md);text-align:center}[data-theme=dark] .section-heading{color:var(--color-accent)}.section-intro{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.activity-card{background-color:var(--color-bg-primary);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-all);display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;box-sizing:border-box}.activity-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-card-hover)}@media (prefers-reduced-motion: reduce){.activity-card:hover{transform:none}}.activity-image-container{position:relative;width:100%;height:60%;min-height:300px;background-color:var(--color-neutral-light);overflow:hidden}.activity-hero-image{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9}.activity-icon-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:60px;height:60px;background-color:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.activity-icon{font-size:2rem;color:var(--color-text-light)}.activity-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-light)}[data-theme=dark] .activity-icon-fallback{background-color:var(--color-bg-primary)}.activity-icon-large{font-size:4rem;color:var(--color-text-secondary)}.activity-content{padding:var(--card-padding);flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:100%;min-height:0;background-color:var(--color-bg-primary)}[data-theme=dark] .activity-content{background-color:var(--color-primary)}.activity-title{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line-height);color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}[data-theme=dark] .activity-title{color:var(--color-accent)}.activity-organization{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.activity-role{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0;font-style:italic}.activity-dates{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0}.activity-description{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;flex-grow:1;flex-shrink:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:0}.activity-link{color:var(--color-link);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-color);align-self:flex-start;flex-shrink:0;white-space:nowrap}.activity-link:hover{color:var(--color-link-hover);text-decoration:underline}.activity-link:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.activities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.activities-grid .activity-card{width:100%;max-width:500px;min-height:600px;margin:0 auto}.carousel-wrapper{position:relative;width:100%;max-width:100%;margin:0 auto}.activities-carousel{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;box-sizing:border-box}@media screen and (max-width: 767px){.activities-carousel{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.activities-carousel::-webkit-scrollbar{display:none}}.carousel-container{display:flex;width:100%;will-change:transform;box-sizing:border-box}@media screen and (max-width: 767px){.carousel-container{width:auto;min-width:100%;display:flex;flex-direction:row}.carousel-container>*{flex:0 0 100%;width:100%;max-width:100%}}.carousel-slide{min-width:100%;flex-shrink:0;padding:0;box-sizing:border-box}@media screen and (max-width: 767px){.carousel-slide{scroll-snap-align:start;scroll-snap-stop:always}}.carousel-slide .activity-card{width:100%;max-width:100%;min-height:450px;box-sizing:border-box;margin:0;position:relative;z-index:1}.carousel-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5;width:100%;max-width:100%;box-sizing:border-box;padding:0}.carousel-arrow{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:50%;background-color:var(--color-primary);color:var(--color-text-light);border:none;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);pointer-events:all;box-shadow:var(--shadow-md);margin:0;flex-shrink:0;box-sizing:border-box;position:relative}.carousel-arrow:hover{background-color:var(--color-link-hover);transform:scale(1.1)}.carousel-arrow:active{transform:scale(.95)}.carousel-arrow:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.carousel-arrow-left{margin-left:var(--spacing-xs)}.carousel-arrow-right{margin-right:var(--spacing-xs)}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md) 0;position:relative;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-primary);background-color:transparent;cursor:pointer;transition:var(--transition-all);padding:0}.carousel-dot:hover{background-color:var(--color-primary);opacity:.7}.carousel-dot.active{background-color:var(--color-primary)}.carousel-dot:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.carousel-pause-toggle{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-md);width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:50%;background-color:var(--color-primary);color:var(--color-text-light);border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);box-shadow:var(--shadow-md);z-index:10;flex-shrink:0;box-sizing:border-box}@media screen and (max-width: 767px){.carousel-wrapper{position:relative;padding-bottom:60px}.activities-carousel{position:relative}.carousel-dots{display:none}.carousel-pause-toggle{position:absolute;bottom:var(--spacing-md);right:var(--spacing-sm);z-index:20;pointer-events:all}}.carousel-pause-toggle:hover{background-color:var(--color-link-hover);transform:scale(1.1)}.carousel-pause-toggle:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.carousel-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (min-width: 768px) and (max-width: 1023px){.carousel-slide .activity-card{min-height:500px}.activity-image-container{min-height:300px}}@media screen and (max-width: 767px){.extracurricular-section{padding:var(--section-padding-mobile) var(--spacing-sm);width:100%;max-width:100vw;overflow-x:hidden}.activities-carousel{max-width:100%;width:100%;padding:0;margin:0}.carousel-container{width:100%;max-width:100%}.carousel-slide{padding:0;width:100%;max-width:100%}.carousel-slide .activity-card{min-height:450px;width:100%;max-width:100%;margin:0;padding:0}.activity-image-container{min-height:250px;width:100%;max-width:100%}.activity-content{padding:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box;min-height:0}.activity-title,.activity-organization,.activity-role,.activity-dates,.activity-description{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.activity-description{flex-shrink:1;min-height:0}.activity-link{flex-shrink:0;margin-top:auto;white-space:nowrap}.activity-icon-overlay{width:50px;height:50px;top:var(--spacing-sm);right:var(--spacing-sm)}.activity-icon{font-size:1.5rem}.activity-icon-large{font-size:3rem}.carousel-controls{display:none}.carousel-slide .activity-card{z-index:1}.carousel-pause-toggle{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;font-size:1rem;bottom:var(--spacing-md);right:var(--spacing-sm)}.carousel-dots{width:100%;max-width:100%;padding:var(--spacing-md) var(--spacing-sm);box-sizing:border-box}}@media screen and (min-width: 1024px){.activities-grid .activity-card{min-height:700px}.activity-image-container{min-height:400px}}@media (prefers-reduced-motion: reduce){.carousel-container{transition:none}.activity-card{transition:box-shadow var(--transition-fast)}.activity-card:hover{transform:none}}.activity-card:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}#emerald-game{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);padding:var(--section-padding-mobile) var(--spacing-md);margin:var(--spacing-xl) auto;max-width:var(--max-width-container);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-height:400px;position:relative}@media (min-width: 768px){#emerald-game{padding:var(--section-padding-tablet) var(--spacing-lg)}}@media (min-width: 1024px){#emerald-game{padding:var(--section-padding-desktop) var(--spacing-xl)}}.game-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;text-align:center}.game-content p{font-size:var(--body-text-size);font-weight:var(--body-text-weight);line-height:var(--body-text-line-height);color:var(--color-text-primary);margin:0}.game-instructions{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.game-counter{font-size:var(--heading-h4-size);font-weight:var(--font-weight-semibold);color:var(--color-accent)!important;background-color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.game-warning{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.audio-controls{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--spacing-md) 0}.mute-button{background-color:var(--color-primary);color:var(--color-text-light);border:var(--border-width-medium) solid var(--color-border-dark);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xl);cursor:pointer;transition:var(--transition-all);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mute-button:hover{background-color:var(--color-link-hover);transform:scale(var(--hover-scale));box-shadow:var(--shadow-md)}.mute-button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.mute-button:active{transform:scale(var(--active-scale))}.volume-label{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:200px}.volume-slider{flex:1;height:6px;border-radius:var(--radius-sm);background:var(--color-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;border:var(--border-width-thin) solid var(--color-primary);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;border:var(--border-width-thin) solid var(--color-primary);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.volume-slider:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.volume-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:40px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#emerald-table{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;align-items:center;padding:var(--spacing-lg);background-color:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--spacing-md) 0;max-width:100%}.emerald-image{display:flex;align-items:center;justify-content:center;transition:var(--transition-transform);width:75px;height:75px;min-width:75px;min-height:75px;background-color:transparent}.emerald-image img{width:75px;height:75px;aspect-ratio:1 / 1;object-fit:contain;transition:var(--transition-all);display:block}.emerald-image:hover{transform:scale(var(--hover-scale))}@media screen and (max-width: 767px){#emerald-table{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);width:100%;justify-content:center}.emerald-image img{width:60px;height:60px}}.victory-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);margin-top:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-smooth)}.victory-message h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line-height);color:var(--color-text-light);text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chaos-emerald{width:75px;height:75px;border-radius:var(--radius-full);position:absolute;z-index:var(--z-dropdown);transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition-transform),var(--transition-shadow);will-change:transform,top,left}.chaos-emerald:hover{transform:translate(-50%,-50%) scale(var(--hover-scale));filter:drop-shadow(0 0 15px var(--color-accent));box-shadow:var(--shadow-lg)}.chaos-emerald:active{transform:translate(-50%,-50%) scale(var(--active-scale))}.chaos-emerald .emerald-image{width:100%;height:100%;border-radius:var(--radius-full)}.chaos-emerald img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:var(--radius-full);display:block}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(-10px)}50%{transform:translate(-50%,-50%) translateY(10px)}}@keyframes moveX{0%,to{left:var(--start-left, 50%)}50%{left:var(--end-left, 50%)}}@keyframes moveY{0%,to{top:var(--start-top, 50%)}50%{top:var(--end-top, 50%)}}@media (prefers-reduced-motion: reduce){.chaos-emerald,.victory-message{animation:none!important}.emerald-image:hover{transform:none}}