:root{--primary-color: #6c63ff;--secondary-color: #4d44db;--dark-color: #2f2e41;--light-color: #f8f9fa;--text-color: #333;--text-light: #777;--white: #fff;--black: #000;--shadow: 0 5px 15px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}body.dark-mode{color:#fff}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0d0d0d;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-text-container{position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.loading-text-background{color:#642a4f;display:block}.loading-text-foreground{position:absolute;top:0;left:0;color:#f80d82;overflow:hidden;white-space:nowrap;display:block}.starry-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at bottom,#0d1d31,#0c0d13);overflow:hidden;z-index:-1}.moon_outer{position:absolute;left:20px;top:20px;z-index:1}.moon{width:100px;height:100px;border-radius:50%;animation:shine 2s ease-in-out infinite;background-color:#e6e0e0;box-shadow:0 0 8px 2px #ebebe74d;position:relative;overflow:hidden}@keyframes shine{0%,to{box-shadow:0 0 8px 2px #ebebe74d,0 0 15px 5px #ebebe733}50%{box-shadow:0 0 12px 4px #ebebe766,0 0 25px 10px #ebebe74d}}.details{width:100px;height:100px;border-radius:50%;background-color:#a5a5a517}.details.one{position:absolute;top:20px;left:40px;width:20px;height:20px;border-radius:50%;background-color:transparent;box-shadow:inset 2px 0 4px #a7a7a7af}.details.two{position:absolute;top:60px;left:16px;width:20px;height:20px;border-radius:50%;background-color:transparent;box-shadow:inset -2px 0 4px #a7a7a7af}.details.three{position:absolute;top:70px;left:70px;width:20px;height:20px;border-radius:50%;background-color:transparent;box-shadow:inset 2px 0 4px #a7a7a7af}.details.four.small{position:absolute;top:40px;left:60px;width:10px;height:10px;border-radius:50%;background-color:transparent;box-shadow:inset 2px 0 4px #a7a7a795}#stars_container_for_js{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#stars_container_for_js>i{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 5px #fff,0 0 15px #fff,0 0 25px #fff;animation:animate_star linear infinite}@keyframes animate_star{0%{opacity:0;transform:translateY(0)}10%,90%{opacity:1}to{opacity:0;transform:translateY(-20px)}}main{position:relative;z-index:1}body.dark-mode header{background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;width:100%;top:0;z-index:1000}body.dark-mode .btn{background-color:var(--primary-color);color:#fff}body.dark-mode .btn:hover{background-color:var(--secondary-color)}body.dark-mode .nav-links a{color:#fff}body.dark-mode #home{background:#1a1a1a}body.dark-mode #projects{background:#252525}body.dark-mode #experience{background:#303030}body.dark-mode #education{background:#464646}body.dark-mode #certificates{background:#393939}body.dark-mode #contact{background:#373737}body.dark-mode footer{background:#1a1a1a;color:#fff;position:relative;z-index:2}body.dark-mode .h1-placeholder h1,body.dark-mode .hero-content p,body.dark-mode .hero-content .subtitle{color:#fff}body.dark-mode .social-icons a{background:#444;color:#fff}body.dark-mode .social-icons a:hover{background:var(--primary-color)}body.dark-mode .project-card{background:#1e1e1e;display:flex;flex-direction:column}body.dark-mode .project-card .project-info h3{color:#fff}body.dark-mode .project-card .project-info p{color:#fff;flex-grow:1}body.dark-mode .project-card.empty{background-color:#222;border-color:#444}body.dark-mode .project-card.empty h3,body.dark-mode .project-card.empty p,body.dark-mode .contact-info h3,body.dark-mode .contact-info p,body.dark-mode .contact-links a{color:#fff}body.dark-mode .contact-form{background:#2c2c2c}body.dark-mode .contact-form input,body.dark-mode .contact-form textarea{background:#1e1e1e;color:#fff;border-color:#444}body.dark-mode .contact-form input:focus,body.dark-mode .contact-form textarea:focus{border-color:#fff}body.dark-mode .certificate-card{background:#2e2e2e}body.dark-mode .certificate-card.empty{background-color:#333;border-color:#555}body.dark-mode .certificate-card.empty h3,body.dark-mode .certificate-card.empty p{color:#fff}body.dark-mode .timeline-content{background:#222}body.dark-mode .timeline-date{color:#fff}body.dark-mode .timeline-item.current-role .timeline-date{color:var(--primary-color)}body.dark-mode #education .timeline-date{color:var(--primary-color);background-color:#1e1e1e}body.dark-mode #education h2{color:#fff}body.dark-mode .timeline:before{background-color:#fff}body.dark-mode #education .timeline-item .timeline-content{background-color:#3a3a3a;color:#fff;border:2px solid var(--primary-color)}body.dark-mode .timeline-item:after{border-color:#fff}body.dark-mode #education .timeline-item:after{background-color:#464646}body.dark-mode #experience h2{color:#fff}body.dark-mode #experience .timeline:before{background-color:#fff}body.dark-mode #experience .timeline-item:after{background-color:#303030;border-color:#fff}body.dark-mode #projects h2,body.dark-mode #projects .project-card.empty h3,body.dark-mode #projects .project-card.empty p{color:#fff}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:15px}p{margin-bottom:15px}a{text-decoration:none;color:var(--primary-color);transition:var(--transition)}a:hover{color:var(--secondary-color)}.highlight{color:var(--primary-color)}.btn{display:inline-block;background:var(--primary-color);color:var(--white);padding:12px 25px;border-radius:30px;font-weight:600;transition:var(--transition);border:none;cursor:pointer;text-align:center}.btn:hover{background:var(--secondary-color);color:var(--white);transform:translateY(-3px);box-shadow:var(--shadow)}.btn-small{display:inline-block;background:var(--primary-color);color:var(--white);padding:8px 15px;border-radius:30px;font-size:14px;font-weight:600;transition:var(--transition);margin-right:10px}.btn-small:hover{background:var(--secondary-color);color:var(--white);transform:translateY(-2px)}header{box-shadow:var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.scroll-progress-bar-container{width:100%;height:5px}.scroll-progress-bar{height:100%;background:linear-gradient(to right,#6c63ff,#45aaf2);width:0%;transition:width .1s ease-out}nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;height:60px}.logo{font-size:24px;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;list-style:none;align-items:center}.nav-links li{margin-left:30px}.nav-links a{font-weight:600;position:relative;padding:5px 0}.nav-links a:after{content:"";position:absolute;width:0;height:2px;background:var(--primary-color);bottom:-5px;left:0;transition:var(--transition)}.nav-links a:hover:after{width:100%}.burger{display:none;cursor:pointer}.burger div{width:25px;height:3px;margin:5px;transition:all .3s ease}body.dark-mode .burger div{background-color:#fff}.burger.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.burger.toggle .line2{opacity:0}.burger.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.hero{padding-top:80px;padding-bottom:80px;min-height:100vh;display:flex;align-items:center;position:relative;z-index:2}.hero .container{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1200px;margin:0 auto}.hero-content{flex:1;padding-right:50px}.h1-placeholder{position:relative;margin-bottom:30px}.h1-placeholder h1{font-size:48px;margin:0;text-align:center}.h1-placeholder h1:first-child{visibility:hidden}.h1-placeholder h1:last-child{position:absolute;top:0;left:0;right:0}.subtitle{font-size:20px;margin-bottom:25px;margin-top:10px}.social-icons{margin:25px 0}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:15px;color:var(--primary-color);box-shadow:var(--shadow);transition:var(--transition)}.social-icons a:hover{background:var(--primary-color);color:var(--white);transform:translateY(-5px)}.hero-image{flex:1;text-align:center}.hero-image img{max-width:100%;border-radius:20px;box-shadow:var(--shadow);animation:float 3s ease-in-out infinite;border:5px solid white}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}section{padding-top:80px;padding-bottom:80px;position:relative;z-index:2}#projects h2,#experience h2,#education h2,#certificates h2,#contact h2{text-align:center;font-size:36px;margin-bottom:50px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.project-image{height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.project-info h3{font-size:22px;margin-bottom:10px}.project-info p{margin-bottom:15px}.project-links{margin-top:20px}.project-card.empty{border:2px dashed #ddd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:300px}.project-card.empty .project-image{background-color:transparent;display:flex;align-items:center;justify-content:center;height:auto;margin-bottom:15px}.project-card.empty .project-image i{font-size:50px;color:var(--primary-color);opacity:.7}body.dark-mode .project-card.empty .project-image i{color:#fff;opacity:.7}.project-card.empty h3{color:var(--primary-color)}.contact-content{display:flex;gap:50px}.contact-info{flex:1}.contact-info h3{font-size:24px;margin-bottom:20px}.contact-links{margin:30px 0}.contact-links a{display:block;margin-bottom:15px;font-weight:600}.contact-links a i{margin-right:10px;color:var(--primary-color)}.contact-form{flex:1;padding:30px;border-radius:10px;box-shadow:var(--shadow)}.contact-form input,.contact-form textarea{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-family:inherit;transition:var(--transition)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color)}.contact-form textarea{height:150px;resize:none}footer{text-align:center;padding:20px 0}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;width:2px;background-color:var(--primary-color);top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:20px 40px;position:relative;width:50%;box-sizing:border-box}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-content{padding:20px;border-radius:10px;box-shadow:var(--shadow);position:relative;border:2px solid var(--primary-color)}.timeline-content h3{margin-top:0;color:var(--primary-color)}.timeline-content h4{font-size:16px;margin:5px 0 15px}.timeline-date{position:absolute;top:20px;font-weight:700;padding:5px 10px;border-radius:20px;box-shadow:var(--shadow)}.timeline-item:nth-child(odd) .timeline-date{right:-170px}.timeline-item:nth-child(2n) .timeline-date{left:-170px}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--primary-color);border-radius:50%;top:30px;z-index:1}.timeline-item:nth-child(odd):after{right:-10px}.timeline-item:nth-child(2n):after{left:-10px}.blinking-cursor{display:inline;animation:blink .7s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.certificate-card{border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.certificate-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.certificate-image{height:200px;overflow:hidden}.certificate-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.certificate-card:hover .certificate-image img{transform:scale(1.05)}.certificate-info{padding:20px}.certificate-info h3{color:var(--primary-color);margin-bottom:10px}.certificate-card.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border:2px dashed #ddd;min-height:300px}.certificate-icon{font-size:50px;color:var(--primary-color);margin-bottom:20px;opacity:.5}body.dark-mode .certificate-card.empty .certificate-icon{color:#fff}.hero-buttons{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.btn-cv{border:2px solid var(--dark-color)}.btn-cv:hover{background:transparent}body.dark-mode .btn-cv{background:#555;border-color:#777;color:#fff}body.dark-mode .btn-cv:hover{background:transparent;color:#eee;border-color:#eee}.btn-cv{box-shadow:0 4px 15px #0003;transition:all .3s ease}.btn-cv:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.nav-links a.active{position:relative}body.dark-mode .nav-links a.active{color:#fff!important}.nav-links a.active:after{content:"";position:absolute;width:80%;height:3px;bottom:-5px;left:10%;border-radius:3px;animation:fadeIn .3s ease}body.dark-mode .nav-links a.active:after{background:#fff}@keyframes fadeIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.timeline-item.current-role .timeline-content{box-shadow:0 5px 20px #6c63ff26;border:2px solid var(--primary-color)}body.dark-mode .timeline-item.current-role .timeline-content{box-shadow:0 5px 20px #6c63ff40;border:2px solid var(--primary-color)}.section-animate{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.section-animate.section-animated{opacity:1;transform:translateY(0)}@media (max-width: 992px){.hero .container{flex-direction:column;text-align:center}.hero-content{padding-right:0;margin-bottom:50px;text-align:center}.social-icons{justify-content:center}.contact-content{flex-direction:column}}@media (max-width: 768px){.nav-links{display:none;position:absolute;right:0;top:65px;width:100%;flex-direction:column;align-items:center;padding:20px 0;box-shadow:var(--shadow);z-index:999}body.dark-mode .nav-links{background:#1e1e1ef2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-links.active{display:flex}.nav-links li{margin:15px 0}.burger{display:block}.h1-placeholder h1{font-size:36px}.projects-grid{grid-template-columns:1fr}.timeline:before{left:40px}.timeline-item{width:100%;padding-left:70px;padding-right:0}.timeline-item:nth-child(2n){left:0}.timeline-item:nth-child(odd) .timeline-date,.timeline-item:nth-child(2n) .timeline-date{position:relative;left:0;top:auto;right:auto;width:fit-content;margin-bottom:10px;text-align:left;padding:5px 8px;font-weight:700;border-radius:20px;box-shadow:var(--shadow)}.timeline-item:after{left:30px;top:30px}.timeline-item:nth-child(2n):after{left:30px}.certificates-grid{grid-template-columns:1fr}.loading-text-container{font-size:3rem}}@media (max-width: 576px){.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;text-align:center}.loading-text-container{font-size:2.5rem}}