@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}section{padding:var(--space-24) var(--space-4);max-width:1320px;margin:0 auto}@media (max-width: 1024px){section{padding:var(--space-16) var(--space-4)}}@media (max-width: 768px){section{padding:var(--space-12) var(--space-4)}.main-content{padding-top:70px}}.navbar{position:fixed;top:0;width:100%;background:#f7f9fcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;box-shadow:var(--shadow-sm);padding:1rem 0}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-md);padding:.75rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:transform .3s ease;text-decoration:none}.nav-logo:hover{transform:scale(1.05)}.nav-logo-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.nav-logo-fallback{width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700}.nav-logo-name{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;font-weight:700;color:var(--accent);letter-spacing:.01em;padding-left:.5rem;font-size:1.3rem}.nav-logo-line{display:block}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-menu a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;padding:.5rem 0}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu a:hover,.nav-menu a.active{color:var(--accent)}.nav-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-dark)}@media (max-width: 768px){.nav-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-white);width:100%;text-align:center;transition:transform .3s ease,opacity .3s ease;box-shadow:0 10px 27px #00000014;padding:1rem 0;gap:0;max-height:0;overflow:hidden;opacity:0}.nav-menu.active{max-height:90vh;opacity:1}.nav-menu a{padding:1rem 1.5rem;width:100%;display:block}.nav-container{padding:1rem 1.5rem}}.footer{background:var(--accent);color:var(--text-dark-bg);padding:var(--space-16) var(--space-4)}.footer-container{max-width:1320px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8);text-align:center}.footer-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.footer-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4)}.footer-avatar-fallback{width:80px;height:80px;border-radius:50%;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid rgba(255,255,255,.4)}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--bg-white);margin-bottom:var(--space-2)}.footer-tagline{color:var(--text-dark-bg);font-size:.9rem}.footer-title{font-size:1rem;font-weight:600;color:var(--bg-white);margin-bottom:var(--space-2)}.footer-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer-nav a{color:var(--text-dark-bg);text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:var(--bg-white)}.footer-social{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:var(--text-dark-bg);font-size:1.25rem;transition:all .3s ease}.footer-social a:hover{background:#ffffff40;color:var(--bg-white);transform:translateY(-2px)}.footer-email{color:var(--text-dark-bg);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-email:hover{color:var(--bg-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-8);text-align:center;display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.footer-bottom p{color:#fff}@media (max-width: 768px){.footer-content{grid-template-columns:1fr}.footer-social{justify-content:center}}.home{width:100%}.section-container{max-width:1320px;margin:0 auto;padding:0 var(--space-4)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2);color:var(--text-dark)}.section-subtitle{font-size:1.125rem;color:var(--text-light)}.section-footer{text-align:center;margin-top:var(--space-8)}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-light) 0%,#E8EDF5 100%);padding:var(--space-24) var(--space-4)}.hero-container{max-width:900px;width:100%;margin:0 auto}.hero-content{text-align:center}.hero-greeting{font-size:1.25rem;color:var(--accent);margin-bottom:var(--space-2);font-weight:500}.hero-name{font-size:4rem;font-weight:700;margin-bottom:var(--space-4);color:var(--accent);line-height:1.2}.hero-title{font-size:1.75rem;font-weight:500;color:var(--text-dark);margin-bottom:var(--space-6);line-height:1.4}.hero-description{font-size:1.125rem;color:var(--text-light);margin-bottom:var(--space-8);line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.btn{padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--text-dark);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:#fff}.btn-outline{background:transparent;color:var(--text-dark);border:2px solid var(--border)}.btn-outline:hover{background:var(--bg-light);border-color:var(--accent)}.btn-large{padding:var(--space-4) var(--space-8);font-size:1.125rem}.hero-social{display:flex;gap:var(--space-3);justify-content:center}.hero-social a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-white);color:var(--text-dark);font-size:1.25rem;transition:all .3s ease;box-shadow:var(--shadow)}.hero-social a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}.highlights-section{padding:var(--space-24) var(--space-4);background:var(--bg-white)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.highlight-block{padding:var(--space-6);background:var(--bg-light);border-radius:12px;border:1px solid var(--border)}.highlight-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-4)}.highlight-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.highlight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.highlight-list li{color:var(--text-light);font-size:.95rem;line-height:1.6}.projects-section{padding:var(--space-24) var(--space-4);background:var(--bg-light)}.experience-section{padding:var(--space-24) var(--space-4);background:var(--bg-white)}.timeline{max-width:800px;margin:0 auto}.cta-section{padding:var(--space-24) var(--space-4);background:var(--bg-light);color:var(--text-dark)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-4)}.cta-description{font-size:1.125rem;color:var(--text-light);margin-bottom:var(--space-8);line-height:1.8}.cta-section .btn-primary{background:var(--accent)}.cta-section .btn-primary:hover{background:var(--accent-hover)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.hero-name{font-size:3rem}.hero-title{font-size:1.5rem}.hero-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:center}.section-title{font-size:2rem}.projects-grid,.highlights-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}}@media (max-width: 480px){.hero-name{font-size:2.5rem}.hero-description{font-size:1rem}}.project-card{background:var(--bg-white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-lg)}.project-image{width:100%;height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--accent))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.03)}.project-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;text-align:center;padding:var(--space-4)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1f2a44d9;display:flex;align-items:center;justify-content:center;gap:var(--space-4);opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-white);color:var(--primary);border-radius:50%;font-size:1.25rem;transition:all .3s ease;text-decoration:none}.project-link.project-link-text{font-size:.875rem;padding:var(--space-3);width:auto;height:auto;border-radius:8px;font-weight:500}.project-link:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.project-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.project-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.project-role{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.project-oneliner{font-size:.875rem;color:var(--text-light);margin:0}.project-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.project-description{color:var(--text-light);line-height:1.6;margin:0}.project-outcomes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.project-outcomes li{color:var(--text-light);font-size:.875rem;position:relative;padding-left:var(--space-4)}.project-outcomes li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:600}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.project-cta{margin-top:auto;padding-top:var(--space-4);color:var(--accent);text-decoration:none;font-weight:600;transition:color .3s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.project-cta:hover{color:var(--accent-hover)}@media (max-width: 768px){.project-content{padding:var(--space-4)}}.tag-pill{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tag-pill-default{background:var(--bg-light);color:var(--accent);border:1px solid var(--border)}.tag-pill-primary{background:var(--accent);color:#fff}.timeline-item{display:flex;gap:var(--space-6);position:relative;margin-bottom:var(--space-8)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-white);box-shadow:0 0 0 3px var(--border);z-index:1}.timeline-line{width:2px;flex:1;background:var(--border);margin-top:var(--space-2);min-height:60px}.timeline-content{flex:1;padding-bottom:var(--space-6)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-2)}.timeline-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0}.timeline-period{font-size:.875rem;color:var(--text-light);white-space:nowrap}.timeline-company{font-size:1rem;font-weight:500;color:var(--accent);margin-bottom:var(--space-1)}.timeline-location{font-size:.875rem;color:var(--text-light);margin-bottom:var(--space-4)}.timeline-description{list-style:none;padding:0;margin:0 0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2)}.timeline-description li{color:var(--text-light);line-height:1.7;position:relative;padding-left:var(--space-4)}.timeline-description li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:600}.timeline-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 768px){.timeline-header{flex-direction:column;gap:var(--space-1)}.timeline-period{font-size:.8rem}}.projects-page{width:100%}.projects-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light);text-align:center}.page-title{font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-4)}.page-subtitle{font-size:1.125rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.7}.projects-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.projects-filters{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border:2px solid var(--border);background:transparent;color:var(--text-light);border-radius:20px;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.no-projects{text-align:center;padding:var(--space-12);color:var(--text-light)}@media (max-width: 768px){.page-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr}}.project-detail-page{width:100%}.project-detail-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);text-decoration:none;font-weight:500;margin-bottom:var(--space-6);transition:color .3s ease}.back-link:hover{color:var(--accent-hover)}.project-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.project-role-badge,.project-period-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.project-role-badge{background:var(--accent);color:#fff;text-transform:uppercase}.project-period-badge{background:var(--border);color:var(--text-dark)}.project-detail-title{font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-4);line-height:1.2}.project-detail-oneliner{font-size:1.25rem;color:var(--text-light);margin-bottom:var(--space-6);line-height:1.7}.project-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6)}.project-links{display:flex;gap:var(--space-3)}.project-link-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.project-link-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.project-metrics{display:flex;gap:var(--space-2);flex-wrap:wrap}.metric-badge{padding:var(--space-2) var(--space-4);background:var(--bg-white);color:var(--success);border:1px solid var(--border);border-radius:8px;font-weight:600;font-size:.875rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-detail-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.project-content-grid{max-width:900px;margin:0 auto}.content-section{margin-bottom:var(--space-12)}.content-section h2{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-4)}.content-section p{font-size:1.125rem;line-height:1.8;color:var(--text-light);margin-bottom:var(--space-4)}.outcomes-list,.improvements-list{list-style:none;padding:0;margin:var(--space-4) 0 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.outcomes-list li,.improvements-list li{padding-left:var(--space-6);position:relative;color:var(--text-light);line-height:1.7;font-size:1.125rem}.outcomes-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:600}.improvements-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:600}@media (max-width: 768px){.project-detail-title{font-size:2rem}.project-detail-oneliner{font-size:1.125rem}.content-section h2{font-size:1.5rem}}.experience-page{width:100%}.experience-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light);text-align:center}.experience-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.timeline{max-width:900px;margin:0 auto}.research-page{width:100%}.research-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light);text-align:center}.research-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.research-section{margin-bottom:var(--space-16)}.section-title-small{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-8)}.publications-list,.notes-list{display:flex;flex-direction:column;gap:var(--space-6)}.publication-card,.note-card{padding:var(--space-6);background:var(--bg-light);border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.publication-card:hover,.note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.publication-header{margin-bottom:var(--space-3)}.publication-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-2)}.publication-meta{display:flex;gap:var(--space-4);flex-wrap:wrap}.publication-journal{font-weight:600;color:var(--accent)}.publication-date{color:var(--text-light)}.publication-authors{color:var(--text-light);margin-bottom:var(--space-3);font-style:italic}.publication-summary{color:var(--text-light);line-height:1.7;margin-bottom:var(--space-4)}.publication-links{display:flex;gap:var(--space-3);flex-wrap:wrap}.pub-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s ease}.pub-link:hover{color:var(--accent-hover)}.note-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-3)}.note-summary{color:var(--text-light);line-height:1.7;margin-bottom:var(--space-4)}.note-metrics{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.metric-tag{padding:var(--space-1) var(--space-3);background:var(--bg-white);color:var(--success);border:1px solid var(--border);border-radius:6px;font-weight:600;font-size:.875rem}.note-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 768px){.section-title-small{font-size:1.75rem}}.contact-page{width:100%}.contact-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light);text-align:center}.contact-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);max-width:1200px;margin:0 auto}.contact-info-title{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-4)}.contact-info-description{color:var(--text-light);line-height:1.7;margin-bottom:var(--space-8)}.contact-details{display:flex;flex-direction:column;gap:var(--space-6)}.contact-detail-item{display:flex;gap:var(--space-4);align-items:flex-start}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:12px;font-size:1.5rem;flex-shrink:0}.contact-detail-content h3{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-1)}.contact-detail-content a,.contact-detail-content p{color:var(--text-light);text-decoration:none;transition:color .3s ease}.contact-detail-content a:hover{color:var(--accent)}.contact-form-wrapper{background:var(--bg-light);padding:var(--space-8);border-radius:16px;border:1px solid var(--border)}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-message{padding:var(--space-3);border-radius:8px;font-size:.95rem}.form-message-success{background:#22c55e26;color:var(--text-dark);border:1px solid rgba(34,197,94,.4)}.form-message-error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:500;color:var(--text-dark);font-size:.9rem}.form-group input,.form-group textarea{padding:var(--space-3);border:2px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--bg-white);color:var(--text-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4a6fff1a}.form-group textarea{resize:vertical;min-height:150px}.btn-submit{width:100%;padding:var(--space-4);font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}@media (max-width: 968px){.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}}.resume-page{width:100%}.resume-header{padding:var(--space-24) var(--space-4) var(--space-12);background:var(--bg-light);text-align:center}.resume-content{padding:var(--space-12) var(--space-4) var(--space-24);background:var(--bg-white)}.resume-wrapper{max-width:1000px;margin:0 auto;text-align:center}.resume-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--space-6)}.resume-viewer{width:100%;height:80vh;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg-light)}.resume-iframe{width:100%;height:100%;border:none}.resume-fallback{text-align:center;margin-top:var(--space-6);margin-left:auto;margin-right:auto;color:var(--text-light)}.resume-fallback p{margin:var(--space-2) 0}.resume-fallback a{color:var(--accent);text-decoration:none}.resume-fallback a:hover{text-decoration:underline}@media (max-width: 768px){.resume-viewer{height:70vh}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1F2A44;--primary-dark: #162030;--accent: #0D9488;--accent-hover: #0F766E;--bg-light: #F7F9FC;--bg-white: #FFFFFF;--text-dark: #0F172A;--text-light: #64748B;--text-muted: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--success: #16A34A;--error: #DC2626;--warning: #D97706;--text-dark-bg: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-dark)}h1{font-size:3rem;font-weight:700}h2{font-size:2.5rem;font-weight:600}h3{font-size:2rem;font-weight:600}h4{font-size:1.5rem;font-weight:600}p{line-height:1.7;color:var(--text-light)}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in{animation:fadeIn 1s ease-out}.animate-slide-in-left{animation:slideInLeft .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}