.theme-selector{display:flex;gap:5px;margin-left:20px}.theme-btn{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-btn:hover{transform:scale(1.1);border-color:currentColor}.theme-btn.active{box-shadow:0 0 0 3px #ffffff80}.theme-check{color:#fff;font-size:14px;font-weight:700}[data-theme="2"] .theme-check,html[data-theme="2"] .theme-check{color:#000}@media (max-width: 768px){.theme-selector{margin-left:10px}.theme-btn{width:25px;height:25px}}.language-selector{margin-left:15px}.language-select{padding:8px 12px;border-radius:4px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.language-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.language-select option{background:var(--bg-primary);color:var(--text-primary)}@media (max-width: 768px){.language-selector{margin-left:10px}.language-select{padding:6px 10px;font-size:.8rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease;background-color:transparent}.header.scrolled{background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;max-width:1200px;margin:0 auto}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.nav-list{display:flex;list-style:none;gap:40px}.nav-link{color:var(--nav-link-color);font-size:1rem;font-weight:500;position:relative;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--nav-link-hover)}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:10px}.hamburger{display:block;width:25px;height:2px;background:var(--text-primary);position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:100%;height:100%;background:var(--text-primary);transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}@media (max-width: 768px){.nav-list{position:absolute;top:100%;left:0;right:0;background:#0a192ffa;flex-direction:column;padding:20px;gap:0;opacity:0;visibility:hidden;transition:all .3s ease;transform:translateY(-10px)}.nav.open .nav-list{opacity:1;visibility:visible;transform:translateY(0)}.nav-list li{padding:15px 0;border-bottom:1px solid var(--border)}.mobile-menu-btn{display:block}.header-container{padding:15px}}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 60px;position:relative;background:linear-gradient(var(--hero-bg-overlay),var(--hero-bg-overlay)),var(--hero-bg-image) no-repeat center center;background-size:cover;background-attachment:fixed}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{z-index:1}.hero-greeting{font-size:1.25rem;color:var(--accent);margin-bottom:10px;font-weight:500}.hero-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:2rem;font-weight:600;color:var(--text-secondary);margin-bottom:20px;min-height:60px}.typewriter{color:var(--accent)}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px;max-width:600px;line-height:1.7}.hero-cta{display:flex;gap:20px}.btn{display:inline-block;padding:14px 32px;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 25px #0d6efd4d}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover{background:#0d6efd1a;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center}.profile-image{width:350px;height:350px;border-radius:50%;object-fit:cover;border:3px solid var(--profile-border);box-shadow:0 0 40px var(--profile-border);transition:all .3s ease}.profile-image:hover{transform:scale(1.02);box-shadow:0 0 60px var(--profile-border)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary);font-size:.875rem;animation:bounce 2s infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@media (max-width: 768px){.hero{padding:150px 0 60px}.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-greeting{font-size:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{margin:0 auto 40px}.hero-cta{justify-content:center}.hero-image{order:-1}.image-placeholder{width:250px;height:250px}.scroll-indicator{display:none}}.about-container{max-width:800px;margin:0 auto}.about-content{background:var(--card-bg);padding:30px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.about-lead{font-size:1.125rem;color:var(--text-primary);margin-bottom:20px;font-weight:500}.about-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.8}@media (max-width: 768px){.about-content{padding:20px}.about-lead{font-size:1rem}}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:40px}.timeline-marker{position:absolute;left:-40px;top:10px;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 0 0 3px var(--border)}.timeline-content{background:var(--card-bg);padding:25px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .3s ease}.timeline-content:hover{transform:translate(5px);box-shadow:0 8px 30px #00000026}.timeline-header{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:15px}.timeline-title{font-size:1.25rem;color:var(--text-primary);font-weight:600}.timeline-company,.timeline-date{font-size:.875rem;color:var(--accent);font-weight:500}.timeline-description{color:var(--text-secondary);margin-bottom:15px;line-height:1.7}.timeline-role-description{color:var(--text-secondary);margin-bottom:15px;line-height:1.7;font-style:italic}.timeline-responsibilities{list-style:none;padding-left:0}.timeline-responsibilities li{color:var(--text-secondary);padding:8px 0 8px 20px;position:relative}.timeline-responsibilities li:before{content:"✓";color:var(--accent);position:absolute;left:0}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{padding-left:10px}.timeline-marker{left:5px}.timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-content{padding:20px}}.key-skills{margin-bottom:60px}.key-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.key-skill-item{text-align:center;padding:30px 20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease}.key-skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.donut-chart{position:relative;width:120px;height:120px;margin:0 auto 20px}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{stroke:var(--border);opacity:.3}.donut-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.donut-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.key-skill-item h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:15px;font-weight:600}.key-skill-item p{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin:0}.key-skill-item a{color:var(--accent);text-decoration:none}.key-skill-item a:hover{text-decoration:underline}.skills-section{margin-bottom:40px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.skill-category{background:var(--card-bg);padding:20px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.skill-category h4{color:var(--accent);font-size:1rem;margin-bottom:15px;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:transparent;color:var(--accent);padding:6px 14px;border-radius:20px;font-size:.875rem;border:1px solid var(--accent);transition:all .3s ease}.skill-tag:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.key-skills-grid,.skills-grid{grid-template-columns:1fr}.key-skill-item{padding:25px 15px}.donut-chart{width:100px;height:100px}.donut-percent{font-size:1.1rem}}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.education-item{background:var(--card-bg);padding:25px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .3s ease}.education-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.education-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:10px}.education-institution{color:var(--accent);font-size:1rem;margin-bottom:5px}.education-year{color:var(--text-secondary);font-size:.875rem}.education-languages{background:var(--card-bg);padding:25px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.education-languages h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:20px}.education-languages p{color:var(--text-secondary);font-size:1rem;margin-bottom:10px}@media (max-width: 768px){.education-grid{grid-template-columns:1fr}}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.contact-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:30px}.social-links{display:flex;gap:20px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:10px;color:var(--text-secondary);padding:10px 20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);transition:all .3s ease}.social-link:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}.contact-form-container{background:var(--card-bg);padding:30px;border-radius:8px;border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:14px;border-radius:4px;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);opacity:.8}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-group textarea{resize:vertical;min-height:120px}.btn{align-self:flex-start;padding:14px 32px}.success-message{color:var(--accent);font-weight:500;margin-top:10px}@media (max-width: 768px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-form-container{padding:25px}}.footer{background-color:var(--bg-secondary);padding:48px 0;border-top:1px solid var(--border);text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.social-links{display:flex;gap:15px;justify-content:center}.social-links a{color:var(--text-secondary);font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:var(--accent)}.copyright{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:var(--text-secondary);font-size:.875rem}.copyright p{margin:0}.copyright .version{color:var(--accent);font-size:.75rem}#go-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--accent);border:none;color:var(--bg-primary);font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}#go-top:hover{background:var(--accent-hover, var(--accent));transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}#go-top:focus{outline:none}@media (max-width: 768px){.social-links{gap:10px}.social-links a{font-size:1.25rem}.copyright{flex-direction:column;gap:10px}#go-top{bottom:15px;right:15px;width:45px;height:45px}}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary)}.loader{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{overflow-x:hidden}* margin: 0; padding: 0; box-sizing: border-box; } html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-title{font-size:2.5rem;font-weight:600;margin-bottom:40px;color:var(--text-primary);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:var(--accent)}.btn{display:inline-block;padding:12px 24px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.btn:hover{background:#64ffda1a;transform:translateY(-2px);box-shadow:0 4px 12px #64ffda33}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}}:root:not([data-theme]),:root[data-theme="1"],html:not([data-theme]),html[data-theme="1"]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #222222;--text-secondary: #666666;--accent: #0066cc;--accent-dark: #0052a3;--border: #e5e5e5;--card-bg: #ffffff;--card-border: #e5e5e5;--card-shadow: 0 4px 20px rgba(0, 0, 0, .05);--hero-bg-image: url(../images/header-background.jpg);--hero-bg-overlay: rgba(255, 255, 255, .95);--profile-border: #0066cc;--nav-link-color: #444444;--nav-link-hover: #0066cc}:root[data-theme="2"],html[data-theme="2"]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent: #0099cc;--accent-dark: #0077b3;--border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .05);--card-shadow: 0 4px 20px rgba(0, 153, 204, .1);--hero-bg-image: url(../images/header-background.jpg);--hero-bg-overlay: rgba(10, 10, 10, .7);--profile-border: #0099cc;--nav-link-color: #cccccc;--nav-link-hover: #0099cc}