:root{--bg-color:#0f1115;--text-color:#f5f5f5;--accent-color:#e85d5d;--border-color:#1f2a38;--card-bg:#151515;--title-color:#fff;--surface-color:#151a23;--text-muted:#aaa;--input-bg:#12161d}html{overflow-y:scroll}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding-top:80px;font-family:Inter,sans-serif}h1,h2,h3{color:var(--title-color)}.accent-title{color:var(--accent-color);letter-spacing:1px;text-transform:uppercase;margin-top:30px;margin-bottom:10px;font-weight:600}.navbar-light,.bg-light{background-color:var(--surface-color)!important}*{transition:none!important}#about,#skills,#portfolio,#contact{margin-top:1.5rem;padding-top:1.5rem;padding-bottom:80px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}#portfolio{padding:80px 20px}#experience{background:var(--bg-color);padding:80px 0}.timeline{margin-top:60px;position:relative}.timeline:after{content:"";background:linear-gradient(to bottom, transparent, var(--accent-color), transparent);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{opacity:0;width:50%;padding:20px 40px;transition:all .6s;position:relative}.timeline-item.show{opacity:1;transform:translateY(0)}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s}.timeline-content:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 30px #e85d5d26}.timeline-content h3{margin-bottom:5px;font-size:1.2rem}.timeline-content h4{color:var(--text-muted);margin-bottom:15px;font-size:.9rem}.timeline-content p{color:var(--text-muted);font-size:.9rem}.timeline-item:before{content:"";background-color:var(--accent-color);border:4px solid var(--bg-color);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:30px;left:100%;transform:translate(-50%)}.timeline-item.right:before{left:0;transform:translate(-50%)}#about{position:relative}#about img{opacity:.85;z-index:0;width:400px;position:absolute;top:0;left:0}#about .container{z-index:1;position:relative}section{padding:80px 20px}.project-card:hover{border-color:var(--accent-color);transform:translateY(-10px)scale(1.02);box-shadow:0 30px 80px #e85d5d40}.project-card h3{text-align:center;margin-bottom:8px;font-size:1.2rem}.project-card img{object-fit:contain;background:#0f0f0f;width:100%;height:180px}.project-card p{color:var(--text-muted);text-align:center;max-width:260px;font-size:.95rem}.project-content{flex-direction:column;align-items:center;display:flex}.project-image{object-fit:contain;background:#0f0f0f;width:100%;height:180px;display:block}.contact-info{text-align:center;margin-top:40px}.navbar{transition:background-color .3s;background-color:var(--surface-color)!important;border-bottom:1px solid var(--border-color)!important}.navbar .nav-link,.navbar .navbar-brand{color:var(--text-muted)!important}.navbar .nav-link:hover{color:var(--accent-color)!important}.nav-link{transition:color .3s;position:relative}.nav-link:hover{color:var(--accent-color)!important}.nav-link:after{content:"";background:var(--accent-color);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.navbar-nav{position:relative}.nav-indicator{background:var(--accent-color);border-radius:2px;height:2px;transition:all .35s;position:absolute;bottom:8px}.active-link{color:var(--accent-color)!important}.navbarDark{background-color:var(--surface-color)!important}.accent-text{color:var(--accent-color)}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0;display:flex}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,320px));justify-content:center;gap:30px;display:grid}.portfolio-filters button{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:10px;padding:10px 22px;font-weight:500;transition:all .3s}.portfolio-filters button:hover,.portfolio-filters button.active{background:var(--accent-color);color:#fff}.footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:40px 0}.footer-container{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:0 20px;display:flex}.footer-name{color:var(--text-muted);font-size:.9rem}.footer-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-color);margin-left:20px;font-size:1.6rem;text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--accent-color);transform:translateY(-3px)}.contact-info p{margin-bottom:15px;font-size:18px}.contact-info a{color:var(--accent-color);font-weight:500;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-availability{opacity:.8;margin-top:20px;font-style:italic}.project-card{text-align:center;background:linear-gradient(145deg,#0f0f0f,#151515);border:1px solid #1f1f1f;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 25px;transition:all .35s;display:flex}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-card p{color:var(--text-muted);font-size:14px}.skills-carousel{margin-top:3rem;position:relative;overflow:hidden visible}.skills-track{z-index:0;gap:2.5rem;width:max-content;animation:50s linear infinite scroll;display:flex;position:relative}.skill-item{z-index:1;white-space:nowrap;background:#ffffff14;border-radius:40px;align-items:center;gap:12px;padding:12px 26px;transition:all .3s;display:flex;position:relative;overflow:visible}.skill-item img{object-fit:contain;filter:drop-shadow(0 2px 6px #0009);width:40px;height:40px}.skill-item span{font-size:1rem;font-weight:500}.skill-item:hover{background:var(--accent-color);color:#fff;transform:scale(1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-carousel:hover .skills-track{animation-play-state:paused}.skill-item.dev{border:1px solid #3498db66}.skill-item.qa{border:1px solid #e74c3c66}.skill-item.tools{border:1px solid #2ecc7166}.skill-item.dev:hover{background:#3498db40}.skill-item.qa:hover{background:#e74c3c40}.skill-item.tools:hover{background:#2ecc7140}.modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.close-modal{cursor:pointer;color:var(--accent-color);font-size:28px;position:absolute;top:15px;right:20px}.open-modal{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0;border-radius:8px;align-self:center;margin-top:15px;padding:8px 18px;transition:all .3s}.open-modal:hover{background:var(--accent-color);color:#fff}.project-modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.project-modal{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:14px;width:100%;max-width:800px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}.project-close{cursor:pointer;color:var(--accent-color);font-size:28px;position:absolute;top:15px;right:20px}.project-modal h2{margin-bottom:20px;font-size:2.5rem}.project-modal h3{margin-top:25px;margin-bottom:10px;font-size:1.5rem}.project-modal p{color:var(--text-muted);margin-bottom:10px;line-height:1.6}.project-modal ul{margin-top:10px;padding-left:20px}.project-modal li{margin-bottom:8px;padding-left:15px;list-style:none;position:relative}.project-modal li:before{content:"•";color:var(--accent-color);font-size:1.2rem;position:absolute;left:0}#skills .card{max-width:350px;height:auto;margin:auto}#skills .card img{object-fit:contain;width:100%;height:150px}.theme-tooltip-container{display:inline-block;position:relative}.theme-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background-color:#1f242d;border-radius:6px;padding:6px 10px;font-size:.75rem;transition:opacity .2s,transform .2s;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.theme-tooltip-container:hover .theme-tooltip{opacity:1;transform:translate(-50%)translateY(4px)}.switch{cursor:pointer;background-color:#2f343d;border-radius:50px;width:44px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:#2f343d;border-radius:50px;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}input:checked+.slider:before{transform:translate(20px)}.hero-text{text-align:center;flex-direction:column;justify-content:center;height:100%;display:flex}.hero_title{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:500}.hero_desc{margin-top:10px;font-size:1.4rem}.accent-name{color:var(--accent-color)}#about img{border-radius:50%;width:100%;max-width:250px;height:auto;margin:0 auto 30px;display:block}#about img:hover{transform:scale(1.05)}#skills .row{display:none}.cv-button{color:var(--accent-color);border:1px solid var(--accent-color);background:0 0;border-radius:8px;margin-top:20px;padding:12px 28px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.cv-button:hover{background:var(--accent-color);color:#fff}.contact-info button{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;transition:all .3s}.contact-info button:hover{background:var(--accent-color);color:#fff}.custom-modal{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:16px;width:100%;max-width:800px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0009}.custom-modal h2{margin-bottom:20px;font-size:2.2rem}.custom-modal h3{color:var(--accent-color);margin-top:25px;margin-bottom:10px;font-size:1.2rem}.custom-modal p{color:var(--text-muted);margin-bottom:10px;line-height:1.7}.custom-modal ul{margin-top:10px;padding-left:0}.custom-modal li{margin-bottom:8px;padding-left:18px;list-style:none;position:relative}.custom-modal li:before{content:"•";color:var(--accent-color);position:absolute;left:0}.modal-buttons{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.modal-buttons a{border:1px solid var(--accent-color);color:var(--accent-color);border-radius:8px;padding:10px 18px;text-decoration:none;transition:all .3s}.modal-buttons a:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.skills-block{background:linear-gradient(145deg,#0f0f0f,#151515);border:1px solid #1f1f1f;border-radius:16px;padding:25px;transition:all .3s}.skills-block:hover{transform:translateY(-5px)}.skills-block h3{margin-bottom:15px}.skills-block ul{padding-left:0}.skills-block li{justify-content:space-between;align-items:center;display:flex}.level{opacity:.5;margin-left:6px;font-size:.75rem}.skills-block.dev h3{color:#3498db}.skills-block.qa h3{color:#e74c3c}.skills-block.tools h3{color:#2ecc71}.soft-skills{text-align:center;margin-top:60px}.soft-list{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.soft-list span{background:#ffffff14;border-radius:20px;padding:8px 16px;font-size:.9rem}.soft-list span:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.skills-intro{text-align:center;max-width:700px;color:var(--text-muted);margin:15px auto 30px;font-size:1rem;line-height:1.6}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero_title{font-size:3rem}.hero_desc{font-size:1.2rem}#about .row{flex-direction:column;align-items:center;display:flex}#about .col-lg-4{order:-1;margin-bottom:25px}#about img{object-fit:cover;border-radius:50%;width:120px;height:120px;margin:0 auto;display:block}#about .col-lg-8{text-align:center;max-width:550px}.navbar-toggler{border:none;justify-content:center;align-items:center;padding:6px;display:flex}.navbar-toggler:focus{box-shadow:none;outline:none}.navbar-toggler-icon{background-image:none;background-color:var(--text-color);width:22px;height:2px;position:relative}.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";background-color:var(--text-color);width:22px;height:2px;position:absolute;left:0}.navbar-toggler-icon:before{top:-6px}.navbar-toggler-icon:after{top:6px}}#about ul{margin-top:10px;padding-left:20px}#about li{margin-bottom:4px;line-height:1.4}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:20px}.portfolio-filters{gap:10px}.portfolio-filters button{padding:8px 14px;font-size:.9rem}.hero_title{font-size:2.2rem}.hero_desc{font-size:1rem}.skills-track{gap:1.5rem}.skill-item{padding:8px 16px}.skill-item img{width:30px;height:30px}.navbar{padding:10px 15px}.navbar-toggler{border:none;justify-content:center;align-items:center;padding:6px 10px;display:flex}.navbar-toggler-icon{background-image:none;background-color:var(--text-color);width:22px;height:2px;position:relative}.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";background-color:var(--text-color);width:22px;height:2px;position:absolute;left:0}.navbar-toggler-icon:before{top:-6px}.navbar-toggler-icon:after{top:6px}.navbar-collapse{background:var(--surface-color);border-radius:10px;margin-top:10px;padding:15px}.navbar-nav{text-align:center;gap:15px}.nav-link{margin:10px 0}.footer-container{text-align:center;flex-direction:column;gap:20px}#about{padding:40px 15px}#about .row{flex-direction:column;align-items:stretch;display:flex}#about .col-lg-4{align-items:center;gap:12px;width:100%;margin-bottom:15px;display:flex}#about img{object-fit:cover;border-radius:50%;flex-shrink:0;width:70px;height:70px}#about .col-lg-4 h2{margin:0;font-size:1.3rem}#about .col-lg-8{text-align:left;width:100%}#about p{font-size:.95rem;line-height:1.6}#about ul{margin-top:15px;padding-left:15px}#about li{margin-bottom:6px;line-height:1.5}.timeline{padding:0 10px}.timeline:after{left:20px!important}.timeline-item,.timeline-item.left,.timeline-item.right{padding-left:50px;position:relative;width:100%!important;left:0!important}.timeline-item:before{left:15px!important;right:auto!important;transform:translate(-50%)!important}.timeline-item:after,.timeline-content:before,.timeline-content:after{display:none!important}.timeline-content{box-sizing:border-box;width:100%;padding:18px}}@media (width<=430px){.projects-grid{gap:15px}.project-card{padding:15px}.project-card h3{font-size:1rem}.project-card p{font-size:.9rem}.portfolio-filters{gap:8px}.portfolio-filters button{padding:6px 10px;font-size:.8rem}.hero_title{font-size:1.8rem}.hero_desc{font-size:.9rem}#about{padding:30px 10px}#about img{width:60px;height:60px}#about h2{font-size:1.2rem}#about p{font-size:.9rem}.timeline{padding:0 5px}.timeline-content{box-sizing:border-box;width:100%;max-width:100%;padding:15px}.timeline-content h3{font-size:1rem}.timeline-content p{font-size:.9rem}}html.light-mode{--bg-color:#f5f5f2;--surface-color:#fff;--text-color:#1e1e1e;--border-color:#e6e6e6}html.light-mode .footer{background-color:#fff;border-top:1px solid #e6e6e6}html.light-mode .nav-link,html.light-mode .navbar-brand{color:#1e1e1e!important}html.light-mode .timeline-content{background:#fff;border:1px solid #e2e2e2;box-shadow:0 8px 20px #0000000d}html.light-mode .timeline:after{background:linear-gradient(#0000,#b3393999,#0000)}html.light-mode .timeline-content h4{color:var(--text-muted)}html.light-mode .timeline-content p,html.light-mode .timeline-content li{color:#444}html.light-mode .custom-modal{color:#1e1e1e;background:#fff;border:1px solid #e4e4e4;box-shadow:0 20px 40px #0000001a}html.light-mode .custom-modal h3{color:#666}html.light-mode .highlight-title{color:var(--accent-color)}html.light-mode .form-group input,html.light-mode .form-group textarea{color:#1e1e1e;background:#fff;border:1px solid #ddd}html.light-mode .form-group label{color:#555}html.light-mode .switch{background-color:#e4e4e4;box-shadow:inset 0 0 0 1px #00000014}html.light-mode .theme-tooltip{background-color:#2f343d}html.light-mode .skill-item{background:#fff;border:1px solid #00000014;transition:all .3s;box-shadow:0 6px 20px #0000000a}html.light-mode .skill-item:hover{border-color:var(--accent-color);box-shadow:0 8px 20px #a832321f}html.light-mode .skill-item img{filter:drop-shadow(0 2px 6px #0003)}html.light-mode .portfolio-react{background:0 0}html.light-mode .skill-item.dev{border:1px solid #3498db59}html.light-mode .skill-item.dev:hover{border-color:#3498dbcc;box-shadow:0 8px 20px #3498db26}html.light-mode .skill-item.qa{border:1px solid #e74c3c59}html.light-mode .skill-item.qa:hover{border-color:#e74c3ccc;box-shadow:0 8px 20px #e74c3c26}html.light-mode .skill-item.tools{border:1px solid #2ecc7159}html.light-mode .skill-item.tools:hover{border-color:#2ecc71cc;box-shadow:0 8px 20px #2ecc7126}html.light-mode .timeline-content:hover{border-color:var(--accent-color);box-shadow:0 8px 30px #b3393926}body.light-mode .project-card img{background:#fff}body.light-mode .project-card{background:#fff;border:1px solid #e5e5e5;box-shadow:0 10px 25px #0000000d}body.light-mode .project-card h3{color:#222}body.light-mode .project-card p{color:#555}body.light-mode .project-card .open-modal{color:var(--accent-color);border:1px solid var(--accent-color);background:0 0}body.light-mode .project-card .open-modal:hover{background:var(--accent-color);color:#fff}body.light-mode .switch,body.light-mode .slider{background-color:#e4e4e4}body.light-mode .project-card:hover{border-color:var(--accent-color);transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #00000014}body.light-mode .skills-block{border:1px solid #e0e0e0;box-shadow:0 4px 20px #0000000d;background:#fff!important}body.light-mode .skills-block li{color:#333!important}body.light-mode .skills-block .level{color:#777!important}html.light-mode,body.light-mode{--bg-color:#f7f7f9;--text-color:#1c1c1c;--accent-color:#b33939;--title-color:#000;--surface-color:#f5f5f2;--border-color:#e6e6e6;--card-bg:#fff;--text-muted:#666;--input-bg:#fff}