*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #333333;--primary-light: #545454;--secondary: #7a7a7a;--accent: #0066B3;--accent-hover: #005A9E;--orange: #FF8C00;--orange-hover: #e67e00;--text: #333333;--text-light: #545454;--text-muted: #7a7a7a;--background: #ffffff;--background-alt: #f8f9fa;--border: #e5e5e5;--success: #28a745}html{scroll-behavior:smooth}body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);font-size:16px}a{text-decoration:none;color:var(--accent);transition:color .2s ease}a:hover{color:var(--accent-hover)}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{font-size:30px;font-weight:700;color:var(--primary);margin-bottom:10px;text-align:center}.section-subtitle{font-size:16px;color:var(--text-muted);text-align:center;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:4px;font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--orange);color:var(--primary)}.btn-primary:hover{background:var(--orange-hover);color:var(--primary)}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover,.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);color:#fff}@media(max-width:768px){.section{padding:40px 0}.section-title{font-size:24px}}.header{position:fixed;top:0;left:0;right:0;background:#0080ff;z-index:1000}.header-container{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center}.logo-img{height:45px;width:auto}.nav{display:flex;align-items:center;gap:0;height:100%}.nav-list{display:flex;gap:0;height:100%;align-items:stretch}.nav-list li{display:flex;align-items:stretch}.nav-link{font-family:Segoe UI,Open Sans,Arial,sans-serif;font-weight:400;font-size:18px;color:#fff;transition:background-color .2s ease;padding:0 22px;display:flex;align-items:center;height:100%}.nav-link:after{display:none}.nav-link:hover,.nav-link.active{background:#005a9e;color:#fff}.nav-btn{padding:8px 18px;font-size:13px;background:var(--orange);color:#fff;margin-left:15px;font-weight:500}.nav-btn:hover{background:var(--orange-hover);color:#fff}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px}@media(max-width:768px){.menu-toggle{display:block}.header-container{height:70px}.nav{position:fixed;inset:70px 0 0;background:#0080ff;flex-direction:column;justify-content:flex-start;padding:0;transform:translate(100%);transition:transform .3s ease;height:auto}.nav-open{transform:translate(0)}.nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%}.nav-list li{border-bottom:1px solid rgba(255,255,255,.1)}.nav-link{font-size:15px;padding:15px 22px;justify-content:center}.nav-btn{margin:20px;text-align:center;justify-content:center}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:70px;background:#fff}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge-mvp{display:inline-block;margin-bottom:15px;transition:opacity .2s ease}.hero-badge-mvp:hover{opacity:.8}.mvp-badge-img{height:50px;width:auto}.hero-greeting{display:block;font-size:14px;color:var(--text-muted);font-weight:400;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.hero-title{font-size:42px;font-weight:700;color:var(--primary);line-height:1.2;margin-bottom:8px}.hero-subtitle{font-size:20px;color:var(--text-muted);font-weight:400;margin-bottom:20px}.hero-description{font-size:16px;color:var(--text-light);max-width:480px;margin-bottom:30px;line-height:1.7}.hero-description strong{color:var(--primary);font-weight:500}.hero-actions{display:flex;gap:15px;margin-bottom:40px}.hero-stats{display:flex;gap:40px;padding-top:30px;border-top:1px solid var(--border)}.stat{text-align:left}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--primary)}.stat-label{font-size:13px;color:var(--text-muted)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-image-container{position:relative}.hero-avatar-img{width:280px;height:280px;border-radius:50%;object-fit:cover;border:4px solid var(--border);box-shadow:0 10px 30px #0000001a}.hero-badge{position:absolute;bottom:30px;right:0;background:var(--orange);padding:8px 16px;border-radius:4px;font-weight:500;color:var(--primary);font-size:13px}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:var(--text-muted);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}@media(max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center}.stat{text-align:center}.hero-visual{order:-1}.hero-avatar-img{width:200px;height:200px}}.skills{background:var(--background-alt)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.skill-card{background:#fff;border:1px solid var(--border);border-radius:4px;padding:25px;transition:border-color .2s ease}.skill-card:hover{border-color:var(--orange)}.skill-icon{width:50px;height:50px;border-radius:4px;background:var(--background-alt);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:20px}.skill-card:hover .skill-icon{background:var(--orange);color:var(--primary)}.skill-title{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:10px}.skill-description{color:var(--text-muted);font-size:14px;margin-bottom:15px;line-height:1.6}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--background-alt);color:var(--text-muted);padding:4px 10px;border-radius:3px;font-size:12px;font-weight:500}.skill-card:hover .skill-tag{background:#2783b91a;color:var(--accent)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.projects{background:#fff}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:15px;color:var(--text-muted)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text-muted);font-weight:400;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--orange);color:var(--primary);border-color:var(--orange)}.lang-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.project-card{background:#fff;border:1px solid var(--border);border-radius:4px;padding:20px;display:flex;flex-direction:column;transition:border-color .2s ease}.project-card:hover{border-color:var(--orange)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-icon{color:var(--text-muted)}.project-stats{display:flex;gap:12px}.project-stats .stat{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.project-title{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:8px}.project-title:hover{color:var(--accent)}.project-description{color:var(--text-muted);font-size:14px;line-height:1.6;flex-grow:1;margin-bottom:15px}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--border)}.project-language{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.project-links{display:flex;gap:8px}.project-link{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--background-alt);transition:all .2s ease}.project-link:hover{background:var(--accent);color:#fff}.projects-cta{text-align:center;margin-top:40px}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact{background:var(--background-alt);border:none}.contact-container{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto}.social-links{display:flex;flex-direction:row;justify-content:center;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--orange);border-radius:50%;color:#fff;font-size:1.5rem;transition:all .3s ease}.social-link span{display:none}.social-link:hover{background:var(--orange-hover);color:#fff;transform:translateY(-3px)}.social-link svg{color:#fff}.social-link:hover svg{color:#fff}.availability{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#28a7451a;border-radius:4px;color:var(--success);font-weight:500;font-size:13px}.availability-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.contact-form{background:#fff;border:1px solid var(--border);border-radius:4px;padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:var(--text);margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;justify-content:center}.form-success{text-align:center;padding:40px 20px;color:var(--success)}.form-success svg{margin-bottom:15px}.form-success h3{font-size:20px;margin-bottom:8px;color:var(--text)}.form-success p{color:var(--text-muted);font-size:14px}.footer{background:#0080ff;color:#fff;min-height:70px;padding:15px 0;display:flex;align-items:center;border:none}.footer-container{display:flex;align-items:center;justify-content:center;width:100%}.footer-content{text-align:center}.footer-logo{display:inline-block;margin-bottom:8px}.footer-logo-img{height:36px;width:auto;filter:brightness(0) invert(1)}.footer-tagline{color:#fff9;font-size:14px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#ffffffb3;font-weight:400;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:var(--orange)}.footer-bottom{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.copyright{color:#fff;font-size:14px}.made-with{display:flex;align-items:center;gap:4px;color:#fff;font-size:14px}.heart{color:#e53e3e}.footer-github{color:#ffffff80;transition:color .2s ease}.footer-github:hover{color:var(--orange)}@media(max-width:768px){.footer{padding:20px 0}.footer-links{gap:15px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}