:root{--color-bg:#0a0a0a;--color-bg-secondary:#111;--color-bg-card:#1a1a1a;--color-text:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-accent:#22c55e;--color-border:#2a2a2a;--color-border-light:#333;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--max-width:1200px;--header-height:70px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:hsla(0,0%,4%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.5px}.nav-menu{display:flex;gap:32px;list-style:none}.nav-menu a{font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:color .2s ease}.nav-menu a:hover{color:var(--color-text)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:all .3s ease}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px}.hero-content{max-width:var(--max-width);margin:0 auto;width:100%}.hero-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:32px;border:3px solid var(--color-border-light);box-shadow:0 0 30px rgba(59,130,246,.2)}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-greeting{font-size:16px;color:var(--color-primary);margin-bottom:16px;font-weight:500}.hero-name{font-size:clamp(40px,8vw,72px);font-weight:700;line-height:1.1;margin-bottom:16px;letter-spacing:-2px}.hero-title{font-size:clamp(24px,5vw,48px);font-weight:600;margin-bottom:24px;letter-spacing:-1px}.hero-description,.hero-title{color:var(--color-text-secondary)}.hero-description{font-size:18px;max-width:600px;margin-bottom:40px;line-height:1.7}.hero-description .highlight{color:var(--color-accent)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:15px;font-weight:600;border-radius:8px;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.btn-secondary:hover{border-color:var(--color-text-secondary);transform:translateY(-2px)}.btn-large{padding:18px 36px;font-size:16px}.section{padding:100px 24px}.section-title{font-size:32px;font-weight:700;margin-bottom:48px;letter-spacing:-1px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--color-primary);border-radius:2px}.about{background:var(--color-bg-secondary)}.about-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:60px;gap:60px;align-items:start}.about-text p{color:var(--color-text-secondary);margin-bottom:20px;font-size:16px;line-height:1.8}.about-highlights{display:flex;flex-direction:column;gap:24px}.highlight-card{background:var(--color-bg-card);padding:24px;border-radius:12px;border:1px solid var(--color-border);text-align:center}.highlight-number{display:block;font-size:36px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.highlight-label{font-size:14px;color:var(--color-text-secondary)}.timeline{position:relative;padding-left:32px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:48px}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-37px;top:6px;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-bg)}.timeline-content{background:var(--color-bg-card);padding:24px;border-radius:12px;border:1px solid var(--color-border)}.timeline-header{margin-bottom:12px}.timeline-header h3{font-size:18px;font-weight:600;margin-bottom:4px}.timeline-header .company{display:block;color:var(--color-primary);font-size:14px;font-weight:500;margin-bottom:4px}.timeline-header .date{display:block;color:var(--color-text-muted);font-size:13px}.timeline-content>p{color:var(--color-text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;background:rgba(59,130,246,.1);color:var(--color-primary);border-radius:4px}.projects{background:var(--color-bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px}.project-card{background:var(--color-bg-card);padding:0;border-radius:12px;border:1px solid var(--color-border);transition:all .3s ease;overflow:hidden}.project-card:hover{transform:translateY(-4px);border-color:var(--color-border-light)}.project-image{width:100%;height:200px;overflow:hidden;background:var(--color-bg)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:10px;margin-bottom:20px;color:var(--color-primary)}.project-card h3{font-size:18px;font-weight:600;margin-bottom:12px;padding:20px 20px 0}.project-card>p{color:var(--color-text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px;padding:0 20px}.project-card .tags{padding:0 20px 20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.skill-category{background:var(--color-bg-card);padding:24px;border-radius:12px;border:1px solid var(--color-border)}.skill-category h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--color-text)}.skill-items{display:flex;flex-wrap:wrap;gap:8px}.skill-item{padding:6px 14px;font-size:13px;background:var(--color-bg);color:var(--color-text-secondary);border-radius:6px;border:1px solid var(--color-border)}.education{background:var(--color-bg-secondary)}.education-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.education-card{background:var(--color-bg-card);padding:24px;border-radius:12px;border:1px solid var(--color-border)}.education-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.education-card .institution{color:var(--color-primary);font-size:14px;margin-bottom:8px}.education-card .year{color:var(--color-text-muted);font-size:13px}.contact{text-align:center}.contact .section-title{display:block;text-align:center}.contact .section-title:after{left:50%;transform:translateX(-50%)}.contact-content{max-width:600px;margin:0 auto}.contact-text{color:var(--color-text-secondary);font-size:18px;line-height:1.7;margin-bottom:40px}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:40px}.contact-link{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);font-size:15px;transition:color .2s ease}.contact-link:hover{color:var(--color-primary)}.contact-link svg{width:20px;height:20px}.footer{padding:40px 24px;text-align:center;border-top:1px solid var(--color-border)}.footer p{font-size:14px;margin-bottom:4px}.footer p,.footer-location{color:var(--color-text-muted)}.footer-location{font-size:13px}@media (max-width:900px){.about-content{grid-template-columns:1fr;gap:40px}.about-highlights{flex-direction:row;justify-content:space-between}.highlight-card{flex:1 1}}@media (max-width:768px){:root{--header-height:60px}.nav-menu{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:24px;gap:16px}.nav-menu.active,.nav-toggle{display:flex}.hero{padding:100px 24px 60px;min-height:auto}.section{padding:60px 24px}.section-title{font-size:28px}.projects-grid{grid-template-columns:1fr}.about-highlights,.contact-links{flex-direction:column}.contact-links{align-items:center}.timeline{padding-left:24px}.timeline-marker{left:-29px;width:10px;height:10px}}@media (max-width:480px){.hero-cta{flex-direction:column}.btn{width:100%}.education-grid,.skills-grid{grid-template-columns:1fr}}