*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--secondary-color:#7c3aed;--accent-color:#06b6d4;--dark-bg:#0f172a;--darker-bg:#020617;--light-text:#f1f5f9;--gray-text:#94a3b8;--card-bg:#1e293b;--border-color:#334155;--success-color:#10b981;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-primary:linear-gradient(135deg,#2563eb,#7c3aed)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--dark-bg);color:#f1f5f9;color:var(--light-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#020617;background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:#334155;background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--primary-color)}html{scroll-behavior:smooth}@keyframes spin{to{transform:rotate(1turn)}}.loading{align-items:center;color:#94a3b8;color:var(--gray-text);display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.loading:after{animation:spin .8s linear infinite;border:4px solid #334155;border-top-color:#2563eb;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:40px;margin-left:1rem;width:40px}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#94a3b8;color:var(--gray-text);font-size:1.1rem;margin-bottom:3rem;max-width:600px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #334155;border:2px solid var(--border-color);color:#f1f5f9;color:var(--light-text)}.btn-secondary:hover{border-color:#2563eb;border-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header.scrolled{background:#0f172af2;box-shadow:0 4px 20px #0000004d}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--light-text);font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none;transition:all .3s ease}.logo:hover{color:var(--primary-color)}.logo-icon{font-size:2rem}.logo-icon,.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--gray-text);font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover{color:var(--light-text)}.nav-link.active:after,.nav-link:hover:after{width:100%}.menu-toggle,.nav-link.active{color:var(--light-text)}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.menu-toggle:hover{color:var(--primary-color)}@media (max-width:768px){.header-container{padding:1rem 1.5rem}.menu-toggle{display:block}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;border-bottom:1px solid #ffffff1a;box-shadow:0 10px 30px #0000004d;flex-direction:column;gap:1.5rem;left:0;padding:2rem;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav.nav-open{transform:translateX(0)}.nav-link{font-size:1.1rem;text-align:center;width:100%}}.footer{background:linear-gradient(180deg,var(--dark-bg) 0,var(--darker-bg) 100%);border-top:1px solid var(--border-color);margin-top:4rem}.footer-container{margin:0 auto;max-width:1400px;padding:3rem 2rem 1.5rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{align-items:center;color:var(--light-text);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.footer-logo-icon{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem}.footer-description{color:var(--gray-text);font-size:.95rem;line-height:1.6}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--gray-text);font-size:.95rem;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.footer-link:hover{color:var(--primary-color);transform:translateX(4px)}.footer-socials{display:flex;gap:1rem}.social-link{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--gray-text);display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.social-link:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 8px 16px #2563eb4d;color:#fff;transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;font-size:.9rem;justify-content:space-between;padding-top:2rem}.footer-bottom,.footer-tech{color:var(--gray-text)}@media (max-width:1024px){.footer-content{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-container{padding:2rem 1.5rem 1rem}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #2563eb33;transform:translateY(-8px)}.featured-badge{align-items:center;background:var(--gradient-primary);border-radius:20px;box-shadow:0 4px 12px #2563eb4d;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;z-index:10}.project-image-container{height:240px;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#000c);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1.5rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-icon-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.project-icon-link:hover{background:var(--primary-color);box-shadow:0 8px 16px #2563eb66;transform:translateY(-3px)}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.project-category{color:var(--primary-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.project-year{color:var(--gray-text);font-size:.85rem;font-weight:500}.project-title{color:var(--light-text);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--gray-text);display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tech-tag{background:#2563eb1a;border:1px solid #2563eb33;border-radius:6px;color:var(--primary-color);font-size:.8rem;font-weight:500;padding:.4rem .8rem}.view-details-btn{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-details-btn:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 8px 16px #2563eb4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.project-image-container{height:200px}.project-title{font-size:1.2rem}.project-description{-webkit-line-clamp:3;font-size:.9rem}}.home{width:100%}.hero{align-items:center;display:flex;min-height:90vh;overflow:hidden;position:relative}.hero-background{z-index:0}.hero-background,.hero-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.hero-gradient{background:radial-gradient(circle at 20% 50%,#2563eb26 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed26 0,#0000 50%)}.hero-pattern{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 2rem;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:2rem}.hero-greeting{color:var(--gray-text);display:block;font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.hero-role{display:block;font-size:4.5rem}.hero-subtitle{color:var(--gray-text);font-size:1.2rem;line-height:1.8;max-width:600px}.hero-subtitle strong{color:var(--light-text);font-weight:600}.hero-stats{display:flex;gap:3rem;margin:1rem 0}.stat-item{align-items:center;display:flex;gap:1rem}.stat-icon{color:var(--primary-color);font-size:2.5rem}.stat-number{color:var(--light-text);font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.hero-cta .btn{align-items:center;display:flex;gap:.5rem}.hero-socials{display:flex;gap:1rem}.social-icon{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--gray-text);display:flex;font-size:1.5rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.social-icon:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 8px 16px #2563eb4d;color:#fff;transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;justify-content:center}.visual-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2rem}.code-block{color:var(--gray-text);font-family:Courier New,monospace;font-size:.95rem;line-height:1.8}.code-line{margin:.25rem 0}.keyword{color:#c678dd}.class-name{color:#e5c07b}.function{color:#61afef}.string{color:#98c379}.featured-projects{background:linear-gradient(180deg,var(--dark-bg) 0,var(--darker-bg) 100%);padding:6rem 0}.section-header{margin-bottom:4rem;text-align:center}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.section-cta{margin-top:3rem;text-align:center}.skills-preview{background:var(--dark-bg);padding:6rem 0}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.skill-category-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-category-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #2563eb26;transform:translateY(-4px)}.skill-category-title{color:var(--light-text);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.skill-category-desc{color:var(--gray-text);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.skills-list{gap:1rem}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:.5rem}.skill-header{align-items:center;display:flex;gap:.75rem}.skill-icon{font-size:1.5rem}.skill-name{color:var(--light-text);flex:1 1;font-weight:500}.skill-level{color:var(--primary-color);font-size:.9rem;font-weight:600}.skill-bar{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.cta-section{background:linear-gradient(180deg,var(--darker-bg) 0,var(--dark-bg) 100%);padding:6rem 0}.cta-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:4rem 3rem;text-align:center}.cta-title{color:var(--light-text);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-text{color:var(--gray-text);font-size:1.2rem;line-height:1.8;margin:0 auto 2rem;max-width:700px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr}.hero-visual{order:-1}.hero-title{font-size:3rem}.hero-role{font-size:3.5rem}}@media (max-width:768px){.hero-content{padding:3rem 1.5rem}.hero-title{font-size:2.5rem}.hero-role{font-size:3rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem}.projects-grid,.skills-grid{grid-template-columns:1fr}.cta-card{padding:3rem 2rem}.cta-title{font-size:2rem}.cta-text{font-size:1.1rem}}.projects-page{min-height:calc(100vh - 200px);padding:4rem 0}.page-header{margin-bottom:3rem;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.page-subtitle{color:var(--gray-text);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.filter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.filter-header{align-items:center;color:var(--light-text);display:flex;font-weight:600;gap:.75rem;margin-bottom:1rem}.filter-icon{color:var(--primary-color);font-size:1.2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{background:#0000;border:2px solid var(--border-color);border-radius:8px;color:var(--gray-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 12px #2563eb4d;color:#fff}.projects-count{background:#2563eb1a;border-left:4px solid var(--primary-color);border-radius:4px;margin-bottom:2rem;padding:1rem}.count-text{color:var(--light-text);font-weight:500}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-projects{color:var(--gray-text);font-size:1.1rem;padding:4rem 2rem;text-align:center}@media (max-width:768px){.projects-page{padding:3rem 0}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.filter-section{padding:1rem}.projects-grid{grid-template-columns:1fr}}.project-detail{min-height:calc(100vh - 200px);padding:4rem 0}.back-link{align-items:center;color:var(--gray-text);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:all .3s ease}.back-link:hover{color:var(--primary-color);transform:translateX(-4px)}.project-header-detail{margin-bottom:3rem}.project-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.project-category-badge,.project-year-badge{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.project-title-detail{color:var(--light-text);font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.project-links-detail{display:flex;flex-wrap:wrap;gap:1rem}.project-links-detail .btn{align-items:center;display:inline-flex;gap:.5rem}.project-image-detail{border-radius:16px;box-shadow:0 20px 60px #0000004d;height:500px;margin-bottom:4rem;overflow:hidden;width:100%}.project-image-detail img{height:100%;object-fit:cover;width:100%}.project-content-detail{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 350px}.project-main{display:flex;flex-direction:column;gap:3rem}.project-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.section-heading{color:var(--light-text);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.project-description-detail{color:var(--gray-text);font-size:1.1rem;line-height:1.8}.technologies-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tech-badge{background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;color:var(--primary-color);font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.tech-badge:hover{background:var(--gradient-primary);box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-2px)}.features-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.features-list li{color:var(--gray-text);font-size:1.05rem;line-height:1.6;padding-left:2rem;position:relative}.features-list li:before{color:var(--success-color);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.highlight-text{background:#2563eb0d;border-left:4px solid var(--primary-color);border-radius:4px;color:var(--gray-text);font-size:1.05rem;line-height:1.8;padding:1.5rem}.project-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.sidebar-title{color:var(--light-text);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.info-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--gray-text);font-weight:500}.info-value{color:var(--light-text);font-weight:600}.featured-tag{background:var(--gradient-primary);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.sidebar-text{color:var(--gray-text);line-height:1.6;margin-bottom:1rem}.btn-full{justify-content:center;width:100%}.error-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:calc(100vh - 200px);padding:6rem 2rem;text-align:center}.error-container h2{color:var(--light-text);font-size:2.5rem}.error-container p{color:var(--gray-text);font-size:1.1rem}@media (max-width:1024px){.project-content-detail{grid-template-columns:1fr}.project-sidebar{order:2}}@media (max-width:768px){.project-detail{padding:3rem 0}.project-title-detail{font-size:2rem}.project-image-detail{height:300px}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.skills-page{min-height:calc(100vh - 200px);padding:4rem 0}.skills-container{display:flex;flex-direction:column;gap:4rem}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-category:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #2563eb26}.category-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.category-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--light-text);font-size:2rem;font-weight:700;margin-bottom:.75rem}.category-description{color:var(--gray-text);font-size:1.05rem;line-height:1.7}.skills-grid-page{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{background:#2563eb0d;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:hover{background:#2563eb1a;border-color:var(--primary-color);box-shadow:0 8px 24px #2563eb33;transform:translateY(-4px)}.skill-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.skill-icon-large{align-items:center;background:var(--gradient-primary);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.skill-info{flex:1 1}.skill-name-large{color:var(--light-text);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.skill-level-badge{background:var(--gradient-primary);border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.skill-bar-container{background:var(--border-color);border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.skill-bar-fill{align-items:center;background:var(--gradient-primary);border-radius:6px;display:flex;height:100%;justify-content:flex-end;padding-right:.5rem;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.skill-bar-label{color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.skills-footer{margin-top:4rem}.footer-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center}.footer-title{color:var(--light-text);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.footer-text{color:var(--gray-text);font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:800px}@media (max-width:768px){.skills-page{padding:3rem 0}.skill-category{padding:1.5rem}.category-title{font-size:1.6rem}.skills-grid-page{grid-template-columns:1fr}.skill-icon-large{font-size:2rem;height:50px;width:50px}.skill-name-large{font-size:1.1rem}}.experience-page{min-height:calc(100vh - 200px);padding:4rem 0}.timeline{margin-top:3rem;position:relative}.timeline-item{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:60px 1fr;margin-bottom:3rem;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;position:relative}.marker-dot{background:var(--gradient-primary);border:4px solid var(--dark-bg);border-radius:50%;box-shadow:0 0 0 4px var(--border-color);flex-shrink:0;height:20px;width:20px;z-index:2}.marker-line{background:var(--border-color);flex:1 1;margin-top:.5rem;width:2px}.experience-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.experience-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #2563eb33;transform:translateX(8px)}.company-logo{background:#fff;border:2px solid var(--border-color);border-radius:12px;height:80px;overflow:hidden;position:absolute;right:2rem;top:2rem;width:80px}.company-logo img{height:100%;object-fit:cover;width:100%}.experience-header{margin-bottom:1.5rem}.experience-title-section{margin-bottom:1rem}.position-title{color:var(--light-text);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.company-info{display:flex;flex-wrap:wrap;gap:1.5rem}.company-name,.location{align-items:center;color:var(--gray-text);display:flex;font-size:1rem;font-weight:500;gap:.5rem}.company-name{color:var(--primary-color);font-weight:600}.experience-date{align-items:center;color:var(--gray-text);display:flex;font-size:.95rem;gap:.75rem;margin-top:.75rem}.date-icon{color:var(--primary-color)}.current-badge{background:var(--success-color);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.experience-description{color:var(--gray-text);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.achievements-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.achievements-title{color:var(--light-text);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.achievements-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0}.achievement-item{align-items:flex-start;color:var(--gray-text);display:flex;font-size:.95rem;gap:.75rem;line-height:1.6}.achievement-icon{color:var(--success-color);flex-shrink:0;font-size:1rem;margin-top:.25rem}.technologies-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.tech-title{color:var(--light-text);font-size:1rem;font-weight:600;margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag-exp{background:#2563eb1a;border:1px solid #2563eb33;border-radius:6px;color:var(--primary-color);font-size:.85rem;font-weight:500;padding:.4rem .8rem}@media (max-width:768px){.experience-page{padding:3rem 0}.timeline-item{gap:1rem;grid-template-columns:40px 1fr}.marker-dot{height:16px;width:16px}.experience-card{padding:1.5rem}.company-logo{height:60px;margin-bottom:1rem;position:static;width:60px}.position-title{font-size:1.4rem}.company-info{flex-direction:column;gap:.5rem}}.publications-page{min-height:calc(100vh - 200px);padding:4rem 0}.publications-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:4rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #2563eb33;transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--gray-text);font-size:1rem;font-weight:500}.publications-list{display:flex;flex-direction:column;gap:2rem}.publication-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.publication-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #2563eb33;transform:translateY(-4px)}.publication-header-pub{margin-bottom:1.5rem}.publication-meta{display:flex;flex-wrap:wrap;gap:1rem}.conference-badge{background:var(--gradient-primary);color:#fff}.conference-badge,.year-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.year-badge{background:#2563eb1a;border:1px solid #2563eb33;color:var(--primary-color)}.citations-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:20px;color:var(--success-color);font-size:.9rem;font-weight:600;padding:.5rem 1rem}.publication-title{color:var(--light-text);font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.authors{color:var(--gray-text);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.authors strong{color:var(--light-text)}.abstract-section{background:#2563eb0d;border-left:4px solid var(--primary-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.abstract-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.quote-icon{color:var(--primary-color);font-size:1.2rem}.abstract-label{color:var(--light-text);font-size:1.1rem;font-weight:600}.abstract-text{color:var(--gray-text);font-size:1rem;font-style:italic;line-height:1.8}.tags-section{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag-badge{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:6px;color:var(--secondary-color);font-size:.85rem;font-weight:500;padding:.4rem .8rem}.publication-links{display:flex;flex-wrap:wrap;gap:1rem}.pub-link{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.pdf-link{background:var(--gradient-primary);color:#fff}.pdf-link:hover{box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.code-link{background:#0000;border:2px solid var(--border-color);color:var(--light-text)}.code-link:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width:768px){.publications-page{padding:3rem 0}.publications-stats{grid-template-columns:1fr}.publication-card{padding:1.5rem}.publication-title{font-size:1.4rem}.abstract-section{padding:1rem}}.contact-page{min-height:calc(100vh - 200px);padding:4rem 0}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:400px 1fr;margin-top:3rem}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.form-card,.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #2563eb26}.form-title,.info-title{color:var(--light-text);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.info-item-contact{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 0}.info-item-contact:last-child{border-bottom:none}.info-icon{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.info-label-contact{color:var(--gray-text);font-size:.85rem;font-weight:500;margin-bottom:.25rem}.info-value-contact{color:var(--light-text);font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}a.info-value-contact:hover{color:var(--primary-color)}.social-links-contact{display:flex;flex-direction:column;gap:.75rem}.social-link-contact{align-items:center;background:#2563eb0d;border:1px solid var(--border-color);border-radius:8px;color:var(--light-text);display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link-contact:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateX(4px)}.social-link-contact svg{font-size:1.2rem}.availability-card{background:#10b9811a;border:1px solid #10b98133;border-radius:12px;padding:1.5rem;text-align:center}.availability-badge{color:var(--success-color);font-size:1.05rem;font-weight:600}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:var(--light-text);font-size:.95rem;font-weight:600}.form-input,.form-textarea{background:#2563eb0d;border:2px solid var(--border-color);border-radius:8px;color:var(--light-text);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{background:#2563eb14;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-text)}.form-textarea{min-height:150px;resize:vertical}.form-status{border-radius:8px;font-weight:500;padding:1rem;text-align:center}.form-status.success{background:#10b9811a;border:1px solid #10b98133;color:var(--success-color)}.form-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.btn-submit{align-items:center;display:flex;font-size:1.05rem;gap:.75rem;justify-content:center;padding:1rem 2rem;width:100%}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-info-section{order:2}.contact-form-section{order:1}}@media (max-width:768px){.contact-page{padding:3rem 0}.form-card,.info-card{padding:1.5rem}}.app{background-color:var(--dark-bg);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}@media (max-width:768px){.main-content{padding-top:70px}}