:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333;--text-secondary: #666;--border-color: #e6e8ef;--accent-color: #646cff;--nav-bg-rgb: 255, 255, 255;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #444;--accent-color: #7c80ff;--nav-bg-rgb: 26, 26, 26}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navigation{position:fixed;top:0;left:0;right:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo h2{margin:0;color:var(--text-primary);font-size:1.5rem}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-menu button{background:none;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:color .3s ease;padding:.5rem 0}.nav-menu button:hover{color:var(--accent-color)}.nav-toggles{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;justify-content:center;gap:1rem}}.language-toggle{position:fixed;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #646cff;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#646cff;box-shadow:0 4px 12px #646cff33}.language-toggle:hover{background:#646cff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #646cff4d}.language-toggle .flag{font-size:1.2rem;transition:transform .3s ease}.language-toggle:hover .flag{transform:scale(1.1)}.lang-text{font-size:.9rem;font-weight:600}@media (max-width: 768px){.language-toggle{top:15px;right:15px;padding:.4rem .8rem;font-size:.8rem}.language-toggle .flag{font-size:1rem}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.language-toggle{animation:slideIn .5s ease-out}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.theme-toggle:hover{background-color:#646cff1a}.theme-icon{display:inline-block;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:scale(1.2) rotate(20deg)}.hero{min-height:100vh;display:flex;align-items:center;padding:2rem 0;background:var(--bg-secondary)}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{text-align:left}.hero-title{font-size:3.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.highlight{color:#646cff;background:linear-gradient(45deg,#646cff,#747bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem}.btn{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:#5a5fcf;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.btn-secondary:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center}.profile-photo{width:300px;height:300px;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:0 10px 30px #646cff4d;border:4px solid #fff;transition:transform .3s ease,box-shadow .3s ease}.profile-photo:hover{transform:scale(1.05);box-shadow:0 15px 40px #646cff66}.image-placeholder{width:300px;height:300px;border-radius:50%;background:linear-gradient(45deg,#646cff,#747bff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 10px 30px #646cff4d}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content{text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.profile-photo,.image-placeholder{width:200px;height:200px}}.about{padding:5rem 0;background:var(--bg-primary)}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:#646cff}.about-content{display:grid;gap:3rem;align-items:center}.about-text{text-align:center}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:3rem}.stat{text-align:center;padding:1.5rem;border-radius:10px;background:var(--bg-secondary);transition:transform .3s ease}.stat:hover{transform:translateY(-5px)}.stat h3{font-size:2.5rem;color:var(--accent-color);margin-bottom:.5rem}.stat p{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.about{padding:3rem 0}.section-title{font-size:2rem}.about-stats{grid-template-columns:1fr;gap:1rem}}.education{padding:5rem 0;background:var(--bg-primary)}.education-container{max-width:1200px;margin:0 auto;padding:0 2rem}.education-timeline{position:relative;max-width:700px;margin:0 auto}.education-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent-color);transform:translate(-50%)}.education-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;gap:2rem}.education-item:nth-child(odd){flex-direction:row-reverse}.education-item:nth-child(odd) .education-content{text-align:right}.education-item:before{content:"";position:absolute;left:50%;top:20px;width:15px;height:15px;background:var(--accent-color);border-radius:50%;transform:translate(-50%);z-index:1}.education-date{flex:0 0 120px;background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:20px;text-align:center;font-weight:700;font-size:.9rem}.education-content{flex:1;background:var(--bg-secondary);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a}.education-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem}.education-content h4{color:var(--accent-color);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.education-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.education-courses h5{color:var(--text-primary);margin-bottom:.8rem;font-size:1rem}.education-courses ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.education-courses li{color:var(--text-secondary);position:relative;padding:.3rem 0 .3rem 1.2rem}.education-courses li:before{content:"▸";position:absolute;left:0;color:#646cff;font-weight:700}@media (max-width: 768px){.education{padding:3rem 0}.education-timeline:before{left:20px}.education-item{flex-direction:column!important;margin-left:40px}.education-item:before{left:20px;transform:translate(-50%)}.education-item:nth-child(odd) .education-content{text-align:left}.education-date{align-self:flex-start;flex:none}.education-courses ul{grid-template-columns:1fr}}.skills{padding:5rem 0;background:var(--bg-secondary)}.skills-container{max-width:1200px;margin:0 auto;padding:0 2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.skill-item{background:var(--bg-primary);padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px #0000001a}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.skill-header span{color:var(--accent-color);font-weight:700}.skill-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(45deg,#646cff,#747bff);border-radius:4px;transition:width 1s ease}.skills-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.skill-tag{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem .9rem;border-radius:999px;box-shadow:0 2px 8px #0000000f;font-weight:500}.skills-block{background:var(--bg-primary);border-radius:12px;padding:1.25rem 1.25rem .25rem;margin-bottom:1.5rem;box-shadow:0 5px 15px #0000000f}.skill-block-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.skill-block-icon{font-size:1.8rem}.skills-block h3{font-size:1.25rem;color:var(--text-primary);margin:0}.skills-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;font-size:.95rem}.technologies{text-align:center}.technologies h3{font-size:1.8rem;margin-bottom:2rem;color:var(--text-primary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.tech-item{background:var(--bg-primary);padding:1rem;border-radius:8px;box-shadow:0 3px 10px #0000001a;color:var(--text-primary);font-weight:500;transition:transform .3s ease}.tech-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px #646cff33}@media (max-width: 768px){.skills{padding:3rem 0}.skills-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.languages{padding:5rem 0;background:var(--bg-secondary)}.languages-container{max-width:1200px;margin:0 auto;padding:0 2rem}.languages-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.language-line{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.language-line:last-child{border-bottom:none}.language-flag{font-size:1.5rem}.language-name{font-weight:600}.language-level{color:var(--text-secondary);font-size:.95rem}.additional-skills{text-align:center}.additional-skills h3{font-size:1.8rem;margin-bottom:2rem;color:#333}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.skill-card h4{color:#333;margin-bottom:1rem;font-size:1.2rem}.skill-card p{color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.languages{padding:3rem 0}.language-line{flex-wrap:wrap}}.projects{padding:5rem 0;background:var(--bg-primary)}.projects-container{max-width:1200px;margin:0 auto;padding:0 2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.project-card{background:var(--bg-secondary);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.project-image{height:200px;background:linear-gradient(135deg,#646cff,#747bff);display:flex;align-items:center;justify-content:center;position:relative}.project-icon{font-size:4rem}.project-content{padding:2rem}.project-content h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.4rem}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--accent-color);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.project-links{display:flex;gap:1rem}.project-link{padding:.7rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid var(--accent-color);color:var(--accent-color);background:transparent}.project-link:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.project-link.demo{background:#646cff;color:#fff}.project-link.demo:hover{background:#5a5fcf}@media (max-width: 768px){.projects{padding:3rem 0}.projects-grid{grid-template-columns:1fr}.project-links{flex-direction:column}}.contact{padding:5rem 0;background:var(--bg-secondary)}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-primary)}.contact-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact-items{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:10px;box-shadow:0 3px 10px #0000001a}.contact-icon{font-size:2rem;min-width:50px}.contact-item h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.contact-item p{margin:0;color:var(--text-secondary)}.contact-form{background:var(--bg-primary);padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box;background:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:#5a5fcf;transform:translateY(-2px)}@media (max-width: 768px){.contact{padding:3rem 0}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}}.footer{background:#333;color:#fff;padding:3rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#646cff}.footer-section p{color:#ccc;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#646cff}.social-links{display:flex;gap:1rem}.social-links a{display:inline-block;font-size:1.5rem;transition:transform .3s ease}.social-links a:hover{transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #555;color:#ccc}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}.App{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary)}section{scroll-margin-top:80px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text-primary);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.section-title{font-size:2rem}}html{scroll-behavior:smooth}