*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;min-height:100vh;color:white;position:relative}body.has-overlay::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:-1;pointer-events:none}.navbar{background:rgba(0,0,0,0.2) !important;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1)}.navbar-brand{font-weight:600;font-size:1.2rem}.nav-link{font-weight:500;transition:color 0.3s ease}.nav-link:hover{color:#fff !important}.glass-card,.glass-card-rounded,.section-title,.work-card,.cv-container,.bio-section{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.glass-card-rounded,.section-title{border-radius:20px}.social-section{text-align:center;margin:3rem 0}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:rgba(255,255,255,0.1);border-radius:50%;color:white;text-decoration:none;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.2)}.social-link:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.social-link i{font-size:1.5rem}footer{background:rgba(0,0,0,0.3);color:rgba(255,255,255,0.8);text-align:center;padding:2rem 0;margin-top:2rem;backdrop-filter:blur(10px)}.section-header{text-align:center;margin-bottom:3rem}.section-title{display:inline-block;margin-bottom:2rem}.section-title h2{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;color:#fff}.section-title p{font-size:1.2rem;color:rgba(255,255,255,0.8);margin:0}.works-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:2rem;margin-bottom:3rem}.work-card{padding:0;overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease}.work-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}.work-card-img{width:100%;height:200px;object-fit:cover;object-position:center;display:block;border-bottom:1px solid rgba(255,255,255,0.1)}.work-card-img-placeholder{width:100%;height:200px}.work-card-img-placeholder{background:linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.15));display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.3);font-size:2.5rem}.work-card-body{padding:1.2rem}.work-card-title{font-size:1.1rem;font-weight:600;margin-bottom:0.8rem;line-height:1.4}.work-card-title a{color:#74b9ff;text-decoration:none;transition:color 0.3s ease}.work-card-title a:hover{color:#a0d2ff}.work-card-meta{display:flex;flex-wrap:wrap;gap:0.5rem;font-family:monospace;font-size:0.85rem;color:rgba(255,255,255,0.7)}.work-card-tag{background:rgba(255,255,255,0.08);padding:0.25rem 0.6rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.work-card-tag.year-tag{color:#fdcb6e;border-color:rgba(253,203,110,0.3)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp 1s ease-out}@media (max-width: 768px){.section-title{padding:1.5rem;margin:1rem}.section-title h2{font-size:2rem}.section-title p{font-size:1rem}.works-grid{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1rem;margin:0 1rem}.navbar-brand{font-size:1rem}.social-links{gap:1.5rem}.social-link{width:70px;height:70px}.social-link i{font-size:1.8rem}}@media (max-width: 480px){.section-title{padding:1rem;margin:0.5rem}.section-title h2{font-size:1.6rem}.works-grid{grid-template-columns:1fr;gap:0.8rem;margin:0 0.5rem}}@media (min-width: 1025px){body{background-attachment:fixed}.section-title{padding:3rem}.section-title h2{font-size:3rem}.section-title p{font-size:1.3rem}.works-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (prefers-contrast: high){.glass-card,.glass-card-rounded,.section-title,.work-card,.cv-container,.bio-section,.glass-card-rounded,.section-title{background:rgba(0,0,0,0.8);border:2px solid white}.social-link{background:rgba(0,0,0,0.8);border:2px solid white}}.hero-section{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem}.hero-content{max-width:600px;margin:0 auto;animation:fadeInUp 1s ease-out}.hero-title{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.hero-title h1{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#fff}.hero-title h2{font-size:1.4rem;font-weight:500;margin-bottom:0.5rem;color:rgba(255,255,255,0.9)}.hero-title h3{font-size:1.1rem;font-weight:400;color:rgba(255,255,255,0.8);margin:0}@media (max-width: 768px){.hero-title{padding:1.5rem;margin:1rem}.hero-title h1{font-size:1.6rem}.hero-title h2{font-size:1.2rem}.hero-title h3{font-size:1rem}.hero-section{padding:1rem}}@media (max-width: 480px){.hero-title{padding:1rem;margin:0.5rem}.hero-title h1{font-size:1.4rem}.hero-title h2{font-size:1.1rem}.hero-title h3{font-size:0.95rem}}@media (min-width: 769px) and (max-width: 1024px){.hero-title h1{font-size:2.2rem}.hero-title h2{font-size:1.6rem}.hero-title h3{font-size:1.3rem}}@media (min-width: 1025px){.hero-title{padding:3rem}.hero-title h1{font-size:2.5rem}.hero-title h2{font-size:1.8rem}.hero-title h3{font-size:1.4rem}}.about-section{padding:3rem 0;min-height:calc(100vh - 76px);animation:fadeInUp 1s ease-out}.cv-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.cv-btn{background:rgba(255,255,255,0.1);color:white;border:1px solid rgba(255,255,255,0.3);padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px);font-family:monospace;cursor:pointer}.cv-btn:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.cv-btn.active{background:#74b9ff;color:white;border-color:#74b9ff}.cv-container{margin-bottom:3rem}.pdf-viewer{width:100%;height:800px;border-radius:10px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.95);overflow:hidden}.pdf-viewer iframe{width:100%;height:100%;border:none;border-radius:10px}.bio-section{margin-bottom:3rem;display:none}.bio-section.active{display:block}.bio-section h3{font-size:1.8rem;font-weight:600;color:#fdcb6e;margin-bottom:1.5rem;text-align:center}.bio-section p{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;text-align:justify}.bio-section p:last-child{margin-bottom:0}@media (max-width: 768px){.cv-container,.bio-section{padding:1.5rem;margin:1rem}.pdf-viewer{height:600px}.cv-controls{flex-direction:column;align-items:center}.cv-btn{width:200px;text-align:center}.bio-section h3{font-size:1.5rem}.bio-section p{font-size:1rem;text-align:left}}@media (max-width: 480px){.about-section{padding:1rem 0}.cv-container,.bio-section{padding:1rem;margin:0.5rem}.pdf-viewer{height:500px}}@media (min-width: 1025px){.cv-container,.bio-section{padding:3rem}.pdf-viewer{height:900px}}