:root{--color-bg:#FEFEFE;--color-navy:#002147;--color-orange:#FFA500;--color-green:#228B22;--color-text:#1A1A1A;--color-white:#FFFFFF;--font-base:'Montserrat',sans-serif;--font-size-base:16px;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--color-light-gray:#F8F9FA;--color-medium-gray:#6C757D;--color-border:#E5E5E5;--color-success:var(--color-green);--color-info:var(--color-navy);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--border-radius:12px;--transition:all 0.3s ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-navy);color:var(--color-bg);padding:var(--space-xs) var(--space-sm);text-decoration:none;border-radius:var(--border-radius);z-index:1000;font-weight:600}.skip-link:focus{top:6px;outline:3px solid var(--color-orange);outline-offset:2px}.language-toggle{position:fixed;top:var(--space-sm);right:var(--space-sm);z-index:1000;background:rgba(0,33,71,0.95);border-radius:var(--border-radius);padding:var(--space-xs)}.language-toggle select{background:transparent;border:2px solid var(--color-orange);color:var(--color-bg);font-family:var(--font-base);font-size:0.9rem;cursor:pointer;outline:none;padding:var(--space-xs);border-radius:4px}.language-toggle select:focus{outline:3px solid var(--color-orange);outline-offset:2px}.language-toggle select option{background:var(--color-navy);color:var(--color-bg)}nav{position:fixed;top:0;left:0;right:0;background:var(--color-navy);padding:var(--space-sm) 0;z-index:999;box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 var(--space-md)}.nav-menu{display:flex;list-style:none;gap:var(--space-md)}.nav-menu a{color:var(--color-bg);text-decoration:none;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:6px;transition:var(--transition);font-size:0.95rem;border:2px solid transparent}.nav-menu a:hover,.nav-menu a:focus{background:var(--color-orange);color:var(--color-navy);outline:none;border:2px solid var(--color-orange)}.nav-menu a.active{background:rgba(255,165,0,0.2);color:var(--color-orange);border:2px solid var(--color-orange)}.mobile-menu-toggle{display:none;background:none;border:2px solid var(--color-orange);color:var(--color-bg);font-size:1.2rem;cursor:pointer;padding:var(--space-xs);border-radius:4px}.mobile-menu-toggle:focus{outline:3px solid var(--color-orange);outline-offset:2px}.hero{background:linear-gradient(135deg,rgba(0,33,71,0.9),rgba(0,33,71,0.8)),url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80');background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-bg);padding:var(--space-md);margin-top:80px}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}.profile-image{width:200px;height:200px;border-radius:50%;border:6px solid var(--color-bg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-md);object-fit:cover}.hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.hero-subtitle{font-size:1.3rem;font-weight:400;margin-bottom:var(--space-md);line-height:1.8;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.cta-button{display:inline-block;background:var(--color-orange);color:var(--color-navy);padding:var(--space-sm) var(--space-md);text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-md);border:3px solid var(--color-orange)}.cta-button:hover,.cta-button:focus{background:var(--color-bg);color:var(--color-navy);transform:translateY(-2px);box-shadow:var(--shadow-lg);outline:3px solid var(--color-orange);outline-offset:2px}section{padding:var(--space-lg) var(--space-md)}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--color-navy);position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--color-orange);border-radius:2px}.awards-grid,.teaching-grid,.edtech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);margin-top:3rem;justify-content:center;max-width:100%}.award-card,.teaching-card,.edtech-card{background:var(--color-white);border-radius:var(--border-radius);padding:var(--space-md);box-shadow:var(--shadow-md);transition:var(--transition);border:2px solid var(--color-border);width:100%;max-width:400px;margin:0 auto}.award-card:hover,.teaching-card:hover,.edtech-card:hover,.award-card:focus-within,.teaching-card:focus-within,.edtech-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-orange)}.award-card img,.teaching-card img,.edtech-card img{width:100%;max-width:250px;height:auto;border-radius:var(--border-radius);margin-bottom:1.5rem;display:block;margin-left:auto;margin-right:auto}.award-card h3,.teaching-card h3,.edtech-card h3{font-size:1.3rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-sm);text-align:center}.award-card p,.teaching-card p,.edtech-card p{font-size:1rem;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.6;text-align:left}.award-card a,.teaching-card a,.edtech-card a{color:var(--color-green);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:var(--transition);display:inline-block;margin-top:var(--space-xs)}.award-card a:hover,.teaching-card a:hover,.edtech-card a:hover,.award-card a:focus,.teaching-card a:focus,.edtech-card a:focus{color:var(--color-navy);border-bottom-color:var(--color-orange);outline:none}.awards{background:var(--color-bg)}.teaching{background:var(--color-light-gray)}.teaching-card{overflow:hidden;max-width:380px}.teaching-card img{width:100%;height:200px;object-fit:cover}.teaching-card-content{padding:var(--space-md)}.edtech{background:var(--color-light-gray)}.edtech-card{text-align:center;max-width:350px}.edtech-card i{font-size:3rem;color:var(--color-green);margin-bottom:var(--space-sm)}.research{background:var(--color-bg)}.publication-list{list-style:none;margin-top:var(--space-md);max-width:1000px;margin-left:auto;margin-right:auto}.publication-item{background:var(--color-white);padding:1.5rem;margin-bottom:var(--space-sm);border-radius:var(--border-radius);border-left:4px solid var(--color-green);box-shadow:var(--shadow-sm);font-size:0.95rem;line-height:1.6;border:2px solid var(--color-border);border-left:4px solid var(--color-green)}.publication-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-orange);border-left-color:var(--color-green)}.publication-item a{color:var(--color-navy);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.publication-item a:hover,.publication-item a:focus{color:var(--color-green);border-bottom-color:var(--color-orange);outline:none}.resources{background:var(--color-bg)}.quotes{background:linear-gradient(135deg,var(--color-navy) 0%,#003366 100%);color:var(--color-bg);text-align:center}.quote-card{background:rgba(255,255,255,0.1);border-radius:var(--border-radius);padding:3rem;margin:var(--space-md) 0;backdrop-filter:blur(10px);border:2px solid rgba(255,165,0,0.3)}.quote-text{font-size:1.4rem;font-style:italic;line-height:1.8;margin-bottom:var(--space-sm)}.cv{background:var(--color-bg);text-align:center}.cv-download{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-green);color:var(--color-white);padding:1.5rem 3rem;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.2rem;transition:var(--transition);box-shadow:var(--shadow-md);border:3px solid var(--color-green)}.cv-download:hover,.cv-download:focus{background:var(--color-white);color:var(--color-green);transform:translateY(-2px);box-shadow:var(--shadow-lg);outline:3px solid var(--color-orange);outline-offset:2px}.cv-download i{font-size:1.5rem}.contact{background:var(--color-navy);color:var(--color-bg)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.contact-info{text-align:center}.contact-info h3{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--color-orange)}.contact-info p{font-size:1.1rem;margin-bottom:var(--space-sm)}.contact-info a{color:var(--color-orange);text-decoration:none;border-bottom:2px solid transparent;transition:var(--transition)}.contact-info a:hover,.contact-info a:focus{color:var(--color-bg);border-bottom-color:var(--color-orange);outline:none}footer{background:var(--color-navy);color:var(--color-bg);padding:3rem var(--space-md) var(--space-md);text-align:center}.social-links{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-orange);color:var(--color-navy);border-radius:50%;text-decoration:none;font-size:1.2rem;transition:var(--transition);border:3px solid var(--color-orange)}.social-links a:hover,.social-links a:focus{background:var(--color-bg);color:var(--color-navy);transform:translateY(-3px);box-shadow:var(--shadow-md);outline:3px solid var(--color-orange);outline-offset:2px}.webmail-button{margin-top:var(--space-sm)}.webmail-button a{display:inline-block;background:var(--color-orange);color:var(--color-navy);padding:var(--space-xs) var(--space-md);text-decoration:none;border-radius:25px;font-weight:500;transition:var(--transition);border:3px solid var(--color-orange)}.webmail-button a:hover,.webmail-button a:focus{background:var(--color-bg);color:var(--color-navy);transform:translateY(-2px);box-shadow:var(--shadow-md);outline:3px solid var(--color-orange);outline-offset:2px}.copyright{margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-orange);color:var(--color-bg)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp 0.8s ease-out}@media (max-width:768px){:root{--space-md:1rem;--space-lg:2rem}.mobile-menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-navy);flex-direction:column;padding:var(--space-sm);gap:0;box-shadow:var(--shadow-md)}.nav-menu.show{display:flex}.nav-menu a{padding:var(--space-sm);border-radius:0;border-bottom:1px solid var(--color-orange);text-align:center}.hero h1{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.awards-grid,.teaching-grid,.edtech-grid{grid-template-columns:1fr}.profile-image{width:150px;height:150px}section{padding:3rem var(--space-sm)}.language-toggle{top:var(--space-xs);right:var(--space-xs)}.contact-grid{grid-template-columns:1fr;gap:var(--space-md)}}@media (max-width:480px){.hero h1{font-size:1.8rem}.profile-image{width:120px;height:120px}.award-card,.teaching-card,.edtech-card{margin-bottom:var(--space-sm)}.cta-button,.cv-download{padding:var(--space-sm) 1.5rem;font-size:1rem}}*:focus{outline:3px solid var(--color-orange);outline-offset:2px}.award-card:focus,.teaching-card:focus,.edtech-card:focus{outline:3px solid var(--color-orange);outline-offset:2px;border-color:var(--color-orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.language-toggle,nav,.cta-button,.social-links,.webmail-button{display:none !important}body{font-size:12pt;line-height:1.4;color:var(--color-text)}.hero{background:none !important;color:var(--color-text) !important;page-break-inside:avoid}section{page-break-inside:avoid;margin-bottom:2cm}.section-title{color:var(--color-navy)}}@media (prefers-contrast:high){.award-card,.teaching-card,.edtech-card{border:3px solid var(--color-navy)}.hero{background:var(--color-navy) !important;color:var(--color-bg) !important}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.hero{background-attachment:scroll}}img[src=""],img:not([src]){display:none}.image-placeholder{width:100%;height:200px;background:var(--color-light-gray);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-medium-gray);font-style:italic;border-radius:var(--border-radius)}