html{scroll-behavior:smooth}.layout{width:85%;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}.content{min-height:700px;flex:1}.footer{min-height:60px;text-align:center;font-size:14px;margin-top:150px;padding:20px 10px;border-top:2px solid #666;background:#2c2c2c;color:#eceef0;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer h2{font-size:13px;font-style:italic;order:2}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:20px;order:1}.footer-links a{color:#f4a261;margin:0 10px;text-decoration:none;font-size:13px;transition:color .3s;display:flex;align-items:center;gap:5px}.footer-links a:hover{color:#d57a40;background:#ffffff1a}.icons-links-footer{height:16px;width:16px}.not-found{text-align:center;padding:50px}.not-found h1{font-size:8rem;color:#f4a261}.not-found p{font-size:1.5rem;color:#eceef0;margin:20px 0}.not-found .go-home{display:inline-block;margin-top:20px;padding:10px 20px;font-size:1rem;color:#eceef0;background-color:#f4a261;text-decoration:none;border-radius:5px;transition:background .3s ease}.not-found .go-home:hover{background-color:#e76f51}@media (max-width: 480px){.footer{padding:10px 5px}.footer h2{font-size:10px;font-style:italic;margin:5px 0}.footer-links{gap:8px}.footer-links a{font-size:10px}.icons-links-footer{height:12px;width:12px}}.presentation-container{text-align:center;padding:40px 20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 15px #0000004d;min-height:600px}.title{margin-bottom:20px}.name{font-size:2.5rem;color:#eceef0;font-weight:700;display:block;margin-bottom:10px}.role{font-size:2rem;color:#f4a261;font-weight:600;display:block;margin-bottom:10px}.education{font-size:1.2rem;color:#8d99ae;font-weight:400;display:block}.work-details{font-size:1.2rem;color:#eceef0;font-weight:400;line-height:1.5;max-width:500px;width:100%;word-wrap:break-word;margin:15px auto 0;text-align:center}.profile-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #f4a261}.works{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:20px}.work-card{position:relative;background:#1e1e1e;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease-out}.work-card:hover{transform:scale(1.02);box-shadow:0 15px 25px #0000004d}.work-card h2{color:#ededed;font-weight:800;margin-bottom:10px}p strong{color:#f4a261}.work-card p{color:#bdbdbd;font-size:.95rem}.work-card a{display:inline-block;background:#f4a261;color:#262626;padding:10px 15px;border-radius:5px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}.work-card a:hover{background:#d57a40;transform:scale(1.1)}.work-card h5{font-size:1rem;color:#eceef0;overflow-wrap:break-word}.card-image{width:100%;height:200px;background:#2a2a2a;overflow:hidden}.img-portfolio{width:100%;height:100%;object-fit:cover}.card-content{padding:15px;flex-direction:column;align-items:center;text-align:center}.tech-logo{position:absolute;top:10px;left:10px;width:28px;height:28px;border:2px solid #555555;background:#f8f8f8;border-radius:50%;padding:5px;box-shadow:1px 1px 4px #0003}h2{margin-top:10px;font-size:18px}p{font-size:14px;margin-bottom:10px}.learn-more{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:10px 15px;border-radius:5px;font-weight:700;text-decoration:none;transition:all .3s ease;min-width:16px;text-align:center}.learn-more:hover{background:#a5552b;transform:scale(1.05)}.learn-more.repo-link .github-icon,.icon{width:18px;height:18px;margin-right:8px;vertical-align:text-bottom}.home .learn-more{margin:5px}.home h1{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:50px;margin-top:35px}.home a{background-color:#ff8c42;color:#eceef0;padding:8px;border-radius:5px;margin:.5rem;font-weight:bolder;text-decoration:none;transition:all .3s}.home a:hover{background:#d65a31;color:#eceef0}.heading,.page .heading,.home .heading{font-size:40px;font-weight:700;color:#eceef0;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:0}.page .heading{font-size:55px;font-weight:700}.home{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.home.visible{opacity:1;transform:translateY(0)}.work-card{opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease}.home.visible .work-card{opacity:1;transform:scale(1)}h2.heading{text-align:center}.divider{width:80%;height:2px;background:linear-gradient(90deg,transparent,#D4A373,transparent);margin:20px auto}.last-works{margin-top:117px;background-color:#242424;padding:40px;border-radius:10px;box-shadow:0 4px 15px #0000004d}.language-selector{display:flex;justify-content:flex-end;margin:20px 0;padding:0 20px;position:relative}.language-selector select{padding:10px;font-size:16px;border:2px solid #D4A373;border-radius:8px;background-color:#333;color:#fff;cursor:pointer;transition:all .3s ease}.language-selector select:hover{border-color:#d4a373;background-color:#d4a373;color:#333}.language-selector select:focus{outline:none;border-color:#d4a373;background-color:#333;color:#fff}.language-selector option{padding:10px;font-size:16px;background-color:#333;color:#fff}@media (max-width: 768px){.language-selector{justify-content:center;padding:0 10px}.language-selector select{padding:8px 12px;font-size:14px;width:auto;max-width:160px}.home h1{font-size:35px;margin-top:20px}.presentation-container{padding:20px 10px;min-height:auto}.profile-photo{width:120px;height:120px;border-width:3px}.name{font-size:1.8rem}.role{font-size:1.5rem}.education,.work-details{font-size:.85rem}.works{grid-template-columns:1fr;gap:10px;padding:10px}.work-card{padding:10px}.works{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px}.work-card{width:90%;max-width:320px;padding:12px;text-align:center}.work-card h2{font-size:1rem}.work-card p{font-size:.85rem}.work-card a{font-size:.85rem;padding:6px 10px}.card-image{height:140px}.last-works{margin-top:40px;padding:20px}.tech-logo{top:13px;left:13px;width:20px;height:20px}}@media (max-width: 770px){.works{gap:25px}.work-card{margin-bottom:25px}}.skills-section{text-align:center;padding:70px 0;min-height:700px;margin:50px 0 0;cursor:pointer}.skills-title{font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.skills-category{background:#222;padding:20px;border-radius:10px}.skills-category h3{font-size:18px;font-weight:700;color:#eceef0;margin-bottom:15px}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.skill-card{background:#333;padding:10px;border-radius:10px;text-align:center;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease-out}.skill-card:hover{transform:scale(1.02)}img.icon{width:40px;height:40px;object-fit:contain}.skill-card p{font-size:12px;color:#d4a373;font-weight:700}@media (max-width: 768px){body{overflow-x:hidden}.skills-category{padding:0}.skills-list{padding:20px}.home .heading,.skills-title{font-size:25px}img.icon{width:25px;height:25px}.skill-card span{font-size:14px}h3.category-title{font-size:16px}.works{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1024px){.skills-container{flex-direction:column;align-items:center}.skills-category{width:90%;display:flex;flex-direction:column;justify-content:space-between}.skills-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.skill-card{width:80px;padding:8px}.skill-card span{font-size:11px}img.icon{width:35px;height:35px}}body{background-color:#1e1a1a;font-size:16px;padding:0;font-family:Poppins,sans-serif;color:#eceef0}.container{display:flex;justify-content:space-between;width:85%;margin:100px auto;position:relative}.form{flex:1;display:flex;flex-direction:column;gap:15px;background:#282424;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}label{font-weight:700;color:#eceef0}input{padding:10px;border:none;border-radius:5px;background:#322e2e;color:#eceef0}.services{display:flex;gap:10px}button{background:#322e2e;color:#eceef0;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background .3s}button:hover{background:#d57a40}.send{background-color:#f4a261;color:#eceef0;width:100px;font-weight:700}.send:hover{background-color:#d57a40}.sidebar{display:flex;flex-direction:column;gap:15px;margin-left:20px;padding:20px;background:#282424;border-radius:10px;box-shadow:0 4px 6px #0000001a}.sidebar p a{color:#eceef0;text-decoration:none}.sidebar p a:hover{color:#f4a261}.info-btn,.awards-btn,.social-btn{background:transparent;border:1px solid white;padding:8px;font-weight:700;text-transform:uppercase;transition:color .3s,border-color .3s}.info-btn:hover,.awards-btn:hover,.social-btn:hover{color:#eceef0;border-color:#eceef0}.services button{background-color:#f4a261;border:1px solid #222;padding:10px 15px;margin:5px;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s;color:#eceef0}.services button:hover{background-color:#d57a40}.services button.active{background-color:#d57a40;color:#eceef0;border-color:#222}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#d4a373;padding:20px;border-radius:5px;text-align:center;color:#333;width:80%;max-width:400px;box-sizing:border-box}.popup h2{font-size:1.2rem;margin-bottom:10px}.popup p{font-size:1rem;margin-bottom:20px}.popup button{padding:10px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100%}.popup button:hover,.popup.error .popup-content{background-color:#d4a373;color:#333}.popup.success .popup-content{background-color:#333;color:#fff}@media (max-width: 600px){.popup-content{width:90%;padding:15px}.popup h2{font-size:1rem}.popup p{font-size:.9rem}}@media (max-width: 768px){.sidebar{display:none}.container{flex-direction:column;width:95%;margin-left:-8px}.form{width:100%;padding:15px}.services{flex-direction:column;align-items:center}}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#1e1a1a;color:#eceef0;line-height:1.6}.curriculum{max-width:900px;margin:20px auto;padding:20px;background-color:#2c2c2c;border-radius:10px;box-shadow:0 4px 8px #0000004d}.header-cv{text-align:center;border-bottom:2px solid rgb(236,238,240);padding-bottom:20px;margin-bottom:20px}.header-cv h1{font-size:2rem;margin:0}.header-cv h2{font-size:1.2rem;font-weight:400;color:#a8a8a8;margin:5px 0 15px}.contact-info p{margin:5px 0}.contact-info a{color:#eceef0;text-decoration:none;margin:0 5px;transition:color .3s}.contact-info a:hover{color:orange}.section{margin-bottom:30px}.section h3{font-size:1.5rem;border-bottom:2px solid rgb(236,238,240);padding-bottom:5px;margin-bottom:15px}.content h4{font-size:1.2rem;margin-bottom:5px}.content .date{font-size:.9rem;color:#a8a8a8;margin-bottom:10px}ul{list-style-type:disc;margin:10px 0 10px 20px;padding:0}ul li{margin-bottom:10px}a{color:orange;text-decoration:none;transition:color .3s}.download-cv-container{display:flex;justify-content:center;gap:20px;margin-top:30px}.download-cv{display:flex;justify-content:center}.download-btn{background-color:#d4a373;color:#333;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.download-btn:hover{background-color:#333;color:#fff}@media (max-width: 768px){.header-cv h1{font-size:1.5rem}.header-cv h2{font-size:1rem}.section h3{font-size:1.2rem}.content h4{font-size:1rem}.content .date{font-size:.8rem}}.curriculum{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#2c2c2c,#262525)}.header-cv h1{letter-spacing:.2px}.header-cv h2{color:#bdbdbd}.summary{max-width:70ch;margin:0 auto 10px;color:#cfcfcf}.links-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.dot-sep{width:4px;height:4px;background:#6a6a6a;border-radius:999px;display:inline-block}.section h3{border-bottom:1px solid rgba(255,255,255,.14);text-transform:none;letter-spacing:.2px}.content-exp,.content-edu{background:#00000024;border:1px solid rgba(255,255,255,.06);border-left:3px solid #D4A373;border-radius:8px;padding:12px 14px;margin-bottom:14px}.content-exp h4,.content-edu h4{margin:0 0 4px}.date{color:#a8a8a8!important;font-size:.9rem!important;margin:0 0 6px!important}ul{margin:8px 0 8px 18px}ul li{margin-bottom:6px}.recommendations .recommendation{background:#0000001a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px}.quote{margin:0;padding:8px 12px;border-left:4px solid #D4A373;background:#ffffff08;color:#f1f1f1;line-height:1.55;border-radius:6px}.quote-author{margin:10px 2px 6px;color:#c9c9c9;font-style:italic}.bullets-inline{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0}.bullets-inline li{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;font-size:.9rem;background:#ffffff05}.download-btn{border-radius:999px;font-weight:600;border:1px solid transparent}.download-btn:hover{background-color:#d4a373;color:#1e1a1a;border-color:#e2b586}@media (max-width: 768px){.content-exp,.content-edu{padding:10px 12px}.quote{font-size:.95rem}}.timeline{list-style:none;padding-left:0}.timeline li{position:relative;padding-left:22px;margin-bottom:10px}.timeline .dot{position:absolute;left:0;top:7px;width:10px;height:10px;background:#d4a373;border-radius:50%}.skills-block h4{margin:14px 0 6px;font-size:1rem;color:#d4a373;font-weight:600}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0}.tag-list li{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 10px;font-size:.9rem;color:#f3f3f3}.tag-list.soft li{background:#d4a3731a;border-color:#d4a37366;color:#e8d5c3}.pill-lang-selector{display:flex;align-items:center;background:#222;border-radius:999px;padding:3px 10px;box-shadow:0 2px 8px #00000014;border:none;gap:0}.pill-lang-btn{background:transparent;border:none;color:#bbb;font-weight:600;font-size:1rem;padding:6px 18px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s;outline:none}.pill-lang-btn.active{background:gold;color:#222;box-shadow:0 2px 8px #ffd70026}.pill-lang-btn:not(.active):hover{color:#fff;background:#ffffff12}.pill-divider{color:#bbb;font-size:1.1rem;font-weight:700;margin:0 2px;-webkit-user-select:none;user-select:none}:root{--text-light: rgb(236, 238, 240);--accent: #D4A373;--accent-hover: #F4A261}.header{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-light);position:relative;height:132px}.header .logo{display:flex;align-items:center;color:var(--text-light);text-decoration:none;width:200px;position:absolute;left:35%;transform:translate(-265%);transition:color .3s}.header .logo:hover{color:var(--text-light)}.header .logo span{font-size:90px;font-weight:bolder;line-height:1}.header .logo h3{margin-left:10px;font-weight:400;font-size:20px;line-height:1.2}.divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 40px}.header nav{flex-grow:1}.header nav ul{display:flex;justify-content:flex-end;align-items:center;gap:2rem;list-style:none;height:132px}.header li{text-transform:uppercase;font-weight:700}.header li a{color:var(--text-light);text-decoration:none;transition:color .3s}.header .active,.header a:hover{color:var(--accent-hover)}.language-selector-header{cursor:pointer;transition:background-color .3s,color .3s}.language-selector-header .language-selector-header{display:flex;gap:8px;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:2}.language-selector-header .pill-lang-selector{display:flex;align-items:center;background:#181515;border-radius:999px;padding:3px 10px;box-shadow:0 2px 8px #00000014;border:none;gap:0}.language-selector-header .pill-lang-btn{background:transparent;border:none;color:#fff;font-weight:600;font-size:1rem;padding:6px 18px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s;outline:none}.language-selector-header .pill-lang-btn.active{background:var(--accent, #FF9900);color:#181515;box-shadow:0 2px 8px #ff990026}.language-selector-header .pill-lang-btn:not(.active):hover{color:var(--accent, #FF9900);background:#ffffff12}.language-selector-header .pill-divider{color:#fff;font-size:1.1rem;font-weight:700;margin:0 2px;-webkit-user-select:none;user-select:none}.language-selector-header select:hover{background-color:var(--accent);color:#000}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;position:absolute;left:-15px;top:14px;z-index:101;border-radius:2px;transition:none}@media (max-width: 768px){.menu-toggle{display:block}.header{padding:0}.header .logo{display:none}.header nav{position:fixed;top:0;left:0;width:100%;height:105vh;background:#2c2c2cf2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease;z-index:100}.header nav.nav-open{visibility:visible;opacity:1}body.no-scroll{overflow:hidden;height:100vh}.header nav ul{flex-direction:column;gap:1.5rem;height:auto}.header li a{font-size:22px}.language-selector-header{top:29px;right:10px;transform:none}.language-selector-header select{font-size:.8rem;padding:4px 6px}}@media (min-width: 769px){.header{justify-content:space-between;padding:0 40px}.header .logo{position:relative;left:-52px;transform:none}.right-section{display:flex;align-items:center;gap:2rem}.header nav ul{gap:1.5rem}.language-selector-header{position:relative;top:auto;right:auto;transform:translateY(-6px)}}
