*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1rem}.hidden{display:none!important}.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}section{padding:2rem 0}.section-title{text-align:center;margin-bottom:2rem;color:#2c3e50}.hero-section{background:linear-gradient(135deg,#667eeacc,#764ba2cc,#f093fbcc),url(./hero-banner-D_X05Zbb.jpg) center center / cover no-repeat;color:#fff;padding:3rem 0;text-align:center;min-height:40vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;z-index:1;pointer-events:none}.hero-section.image-error{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,226,.1) 0%,transparent 50%),linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.hero-section .container{position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.profile-image-container{position:relative;width:150px;height:150px}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2)}.profile-fallback{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#34495e;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.2)}.initials{font-size:3rem;font-weight:700;color:#fff}.hero-text{max-width:600px}.hero-title{margin-bottom:1rem}.bio-text{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.linkedin-link{display:inline-block;background-color:#0077b5;color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:500;transition:background-color .3s ease,transform .2s ease}.linkedin-link:hover,.linkedin-link:focus{background-color:#005885;transform:translateY(-2px);outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.achievements-section{background-color:#f8f9fa}.achievements-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.achievement-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.achievement-title{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem}.achievement-description{color:#666;line-height:1.5}.content-section{padding:3rem 0}.filter-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-btn{background-color:#e9ecef;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;color:#495057}.filter-btn:hover,.filter-btn:focus{background-color:#dee2e6;outline:2px solid #007bff;outline-offset:2px}.filter-btn.active{background-color:#007bff;color:#fff}.filter-btn.filter-reset{background-color:#6c757d;color:#fff;margin-left:1rem}.filter-btn.filter-reset:hover,.filter-btn.filter-reset:focus{background-color:#5a6268}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.no-content{text-align:center;color:#666;font-style:italic;padding:2rem;grid-column:1 / -1}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.content-card:hover,.content-card:focus{border-color:#007bff;box-shadow:0 4px 15px #007bff1a;transform:translateY(-2px)}.content-card.clickable{cursor:pointer}.content-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#666}.content-type{background-color:#e9ecef;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;text-transform:uppercase;font-weight:500}.content-date{color:#666}.content-title{color:#2c3e50;margin-bottom:.5rem;font-size:1.25rem}.content-description{color:#666;line-height:1.5}.pagination{display:flex;justify-content:center;margin-top:2rem}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{background-color:#f8f9fa;border:1px solid #dee2e6;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;color:#495057}.pagination-btn:hover,.pagination-btn:focus{background-color:#e9ecef;outline:2px solid #007bff;outline-offset:2px}.pagination-btn.active{background-color:#007bff;color:#fff;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.container{padding:0 2rem}section{padding:3rem 0}.hero-content{flex-direction:row;text-align:left;gap:3rem}.profile-image-container{width:200px;height:200px;flex-shrink:0}.achievements-grid,.content-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.filter-controls{gap:1rem}}@media (min-width: 1024px){section{padding:4rem 0}.hero-section{padding:4rem 0;min-height:40vh}.achievements-grid,.content-grid{grid-template-columns:repeat(3,1fr)}.profile-image-container{width:250px;height:250px}.initials{font-size:4rem}}@media (min-width: 1200px){.content-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.achievements-grid{gap:2.5rem}}.filter-btn:focus,.pagination-btn:focus,.linkedin-link:focus,.content-card:focus{outline:3px solid #007bff;outline-offset:2px;box-shadow:0 0 0 1px #007bff40}.skip-link{position:absolute;top:-40px;left:6px;background:#007bff;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:500}.skip-link:focus{top:6px;outline:2px solid #fff}@media (prefers-contrast: high){.hero-section{background:#000;border-bottom:2px solid #fff}.filter-btn.active{background-color:#000;border:2px solid #fff;color:#fff}.content-card:hover,.content-card:focus{border:2px solid #000}.achievement-card:hover{border:2px solid #000}}.content-meta,.achievement-description,.content-description{color:#495057}.content-card[tabindex]:focus{transform:translateY(-2px);border-color:#007bff;box-shadow:0 4px 15px #007bff33}@media (prefers-contrast: high){.hero-section{background:#000}.filter-btn.active{background-color:#000;border:2px solid #fff}}@media (max-width: 767px){.filter-btn{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:1rem}.pagination-btn{min-height:44px;min-width:44px;padding:.75rem 1rem}.linkedin-link{min-height:44px;padding:1rem 1.5rem;font-size:1rem}.content-card{padding:1rem;-webkit-tap-highlight-color:rgba(0,123,255,.1)}.bio-text{font-size:1rem;line-height:1.6}.content-description{font-size:.95rem;line-height:1.6}.filter-controls{gap:.75rem;padding:0 .5rem}.hero-section{padding:2rem 0;min-height:35vh}.achievements-grid,.content-grid{gap:1rem}}@media (max-width: 480px){.container{padding:0 .75rem}.profile-image-container{width:120px;height:120px}.initials{font-size:2.5rem}.hero-title{font-size:1.5rem}.section-title{font-size:1.75rem}.filter-controls{flex-direction:column;align-items:stretch}.filter-btn{width:100%;margin:0}.filter-btn.filter-reset{margin:.5rem 0 0}}@media (max-width: 767px) and (orientation: landscape){.hero-section{min-height:30vh;padding:1.5rem 0}.hero-content{gap:1.5rem}.profile-image-container{width:100px;height:100px}}@media (min-width: 768px) and (max-width: 1023px){.hero-content{gap:2.5rem}.achievements-grid,.content-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.filter-btn,.pagination-btn{min-height:40px;padding:.6rem 1rem}}@media (min-width: 1024px) and (max-width: 1199px){.content-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 1400px){.container{max-width:1400px}.content-grid{grid-template-columns:repeat(4,1fr)}.hero-section{padding:5rem 0;min-height:40vh}}@media print{.filter-controls,.pagination{display:none}.hero-section{background:none;color:#000}.content-card,.achievement-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1.5rem;margin:1rem 0;color:#c33}.error-message h2{color:#a11;margin-bottom:.5rem}.error-message details{margin-top:1rem}.error-message summary{cursor:pointer;font-weight:600;padding:.5rem 0}.error-message pre{background-color:#f5f5f5;padding:.5rem;border-radius:4px;font-size:.875rem;overflow-x:auto;margin-top:.5rem}.render-error-notification{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-bottom:1rem;text-align:center}.render-error-notification button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-left:.5rem}.render-error-notification button:hover{background-color:#0056b3}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;border-radius:0 0 4px 4px;z-index:1000;transition:top .3s}.skip-link:focus{top:0}a[href^="#"].active{font-weight:600;color:#007bff}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*:focus{outline:2px solid #007bff;outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.content-card,.filter-btn,.pagination-btn{border:2px solid #000}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.content-card{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.content-card.visible{opacity:1;transform:translateY(0)}.profile-image.loading{opacity:.5;position:relative}.profile-image.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.content-grid.loading{opacity:.6;pointer-events:none}.content-card{will-change:transform,opacity}.content-card:hover{transform:translateY(-2px);transition:transform .2s ease}.hero-section,.achievements-section,.content-section{transform:translateZ(0);backface-visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.content-card.visible{animation:fadeInUp .3s ease forwards}.content-card:nth-child(1){animation-delay:0ms}.content-card:nth-child(2){animation-delay:50ms}.content-card:nth-child(3){animation-delay:.1s}.content-card:nth-child(4){animation-delay:.15s}.content-card:nth-child(5){animation-delay:.2s}.content-card:nth-child(6){animation-delay:.25s}.content-grid,.achievements-grid{contain:layout style paint}body{font-display:swap}.hero-section{contain:layout style paint;content-visibility:auto}.achievements-section,.content-section{content-visibility:auto;contain-intrinsic-size:0 500px}.filter-btn,.pagination-btn{contain:layout style}@media (max-width: 768px){.content-card{will-change:auto}.content-card:hover{transform:none}.content-card.visible{animation:none;opacity:1;transform:translateY(0)}}.hero-section:before{content:"";position:absolute;inset:-1px;background:transparent;z-index:-1}