@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #121212;--bg-container: #1e1e1f;--bg-container-light: #2b2b2c;--primary-gold: #FFDB70;--text-main: #FAFAFA;--text-muted: #D6D6D6;--border-color: #383838;--font-primary: "Poppins", sans-serif;--box-shadow: 0 16px 30px hsla(0, 0%, 0%, .25);--border-radius: 20px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-muted);font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}a{text-decoration:none;color:inherit;transition:var(--transition)}li{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-container-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.sidebar-info{display:flex;flex-direction:column;align-items:center;gap:15px}.avatar-box{background:var(--bg-container-light);border-radius:var(--border-radius);padding:15px;display:flex;justify-content:center;align-items:center}.avatar-box img{border-radius:50%}.info-content{text-align:center}.name{color:var(--text-main);font-size:26px;font-weight:500;letter-spacing:-.25px;margin-bottom:10px}.title{color:var(--text-main);background:var(--bg-container-light);font-size:12px;font-weight:300;padding:5px 18px;border-radius:8px;display:inline-block}.separator{width:100%;height:1px;background:var(--border-color);margin:30px 0}.contacts-list{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;align-items:center;gap:16px}.icon-box{width:48px;height:48px;border-radius:12px;background:var(--bg-container-light);display:flex;justify-content:center;align-items:center;color:var(--primary-gold);border:1px solid var(--border-color);box-shadow:-4px 8px 24px #00000020;flex-shrink:0}.contact-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.contact-title{color:var(--text-muted);font-size:12px;text-transform:uppercase}.contact-link,address{color:var(--text-main);font-size:14px;font-style:normal;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-link:hover{color:var(--text-muted)}.social-list{display:flex;justify-content:center;gap:15px}.social-link{color:var(--text-muted);transition:color var(--transition)}.social-link:hover{color:var(--text-main)}.navbar-list{display:flex;gap:30px}.navbar-link{color:var(--text-main);font-weight:500;transition:color var(--transition)}.navbar-link:hover,.navbar-link.active{color:var(--primary-gold)}.article{animation:fadeIn .5s ease forwards}.article-title{color:var(--text-main);font-size:32px;font-weight:600;margin-bottom:20px;padding-bottom:20px;position:relative}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:5px;background:var(--primary-gold);border-radius:3px}.about-text{color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:15px}.download-resume-button{display:inline-flex;align-items:center;gap:14px;background:#494b4e;color:#f8fafc;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:700;line-height:1;margin-bottom:24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,opacity .2s ease}.download-resume-button:hover{transform:translateY(-1px);opacity:.95}.download-resume-button:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}.service{margin-bottom:30px}.service-title{color:var(--text-main);font-size:24px;font-weight:600;margin-bottom:25px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-item{background:var(--bg-container-light);border-radius:14px;padding:30px;display:flex;align-items:flex-start;gap:18px;box-shadow:var(--box-shadow);border:1px solid var(--border-color)}.service-icon-box{margin-top:5px;color:var(--primary-gold)}.service-item-title{color:var(--text-main);font-size:18px;font-weight:600;margin-bottom:7px}.service-item-text{color:var(--text-muted);font-size:15px;line-height:1.6}@media(max-width:768px){.service-list{grid-template-columns:1fr}}.skills-section{margin-top:40px}.skills-container{overflow-x:auto;padding:25px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.skills-track{display:flex;gap:40px;padding:0 20px}.skill{min-width:150px;display:flex;justify-content:center;align-items:center;scroll-snap-align:center}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.skill img{width:110px;height:110px;object-fit:contain;cursor:pointer}.skill img:hover{animation:zoomInOut 4s infinite ease-in-out}.skills-container::-webkit-scrollbar{height:6px}.skills-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:10px}.skills-container::-webkit-scrollbar-thumb{background:#f6d365;border-radius:10px}.skills-container::-webkit-scrollbar-thumb:hover{background:#ffd86f}.timeline{margin-bottom:30px}.title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.timeline-title{color:var(--text-main);font-size:24px;font-weight:600}.timeline-list{font-size:15px;margin-left:24px;padding-left:30px;border-left:1px solid var(--border-color);position:relative}.timeline-item{position:relative;margin-bottom:30px}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";position:absolute;top:6px;left:-37px;width:14px;height:14px;background:var(--primary-gold);border-radius:50%;box-shadow:0 0 0 4px var(--bg-container)}.timeline-item-title{color:var(--text-main);font-size:16px;font-weight:600;margin-bottom:7px}.timeline-item span{color:var(--primary-gold);font-weight:400;line-height:1.6}.timeline-text{color:var(--text-muted);font-weight:300;line-height:1.6;margin-top:10px}.filter-list{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:30px}.filter-list button{color:var(--text-muted);font-size:15px;transition:color var(--transition)}.filter-list button:hover{color:var(--text-main)}.filter-list button.active{color:var(--primary-gold)}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-item{display:block;animation:fadeIn .5s ease backwards}.project-img-box{position:relative;width:100%;height:200px;border-radius:16px;background:var(--bg-container-light);margin-bottom:15px;overflow:hidden;display:flex;justify-content:center;align-items:center}.project-img-box img{width:100%;height:100%;object-fit:cover}.project-icon-placeholder{color:var(--border-color);opacity:.5;transition:opacity var(--transition),transform var(--transition)}.project-item-icon-box{background:var(--bg-container);color:var(--primary-gold);width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:var(--transition);z-index:1}.project-item>a:hover .project-img-box{background:var(--bg-container);border:1px solid var(--border-color)}.project-item>a:hover .project-icon-placeholder{transform:scale(1.1);opacity:.2}.project-item>a:hover .project-item-icon-box{transform:translate(-50%,-50%) scale(1);opacity:1}.project-title{color:var(--text-main);font-size:16px;font-weight:600;margin-bottom:5px}.project-category{color:var(--text-muted);font-size:14px;font-weight:300}@media(max-width:1024px){.project-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.project-list{grid-template-columns:1fr}}.blog-posts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.blog-post-item{height:100%}.blog-post-item>a{display:flex;flex-direction:column;height:100%;background:var(--bg-container-light);border-radius:16px;box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition);border:1px solid var(--border-color)}.blog-post-item>a:hover{background:var(--bg-container);transform:translateY(-5px)}.blog-banner-box{width:100%;aspect-ratio:16 / 9;border-radius:16px 16px 0 0;overflow:hidden}.blog-banner-box img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-item>a:hover .blog-banner-box img{transform:scale(1.05)}.blog-content{padding:25px;display:flex;flex-direction:column;gap:12px}.blog-meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}.dot{width:4px;height:4px;background:var(--text-muted);border-radius:50%}.blog-item-title{color:var(--text-main);font-size:20px;font-weight:600;line-height:1.4;transition:color var(--transition)}.blog-post-item>a:hover .blog-item-title{color:var(--primary-gold)}.blog-text{color:var(--text-muted);font-size:15px;line-height:1.6}@media(max-width:1024px){.blog-posts-list{grid-template-columns:1fr}}.mapbox{margin-bottom:40px;border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.google-map{filter:grayscale(1) invert(1) contrast(.8) opacity(.8);border:none}.form-title{color:var(--text-main);font-size:24px;font-weight:600;margin-bottom:25px}.form{display:flex;flex-direction:column;gap:20px}.input-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-input{color:var(--text-main);background:var(--bg-container-light);font-family:inherit;font-size:15px;font-weight:400;padding:15px 20px;border:1px solid var(--border-color);border-radius:14px;outline:none;transition:var(--transition)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--primary-gold)}textarea.form-input{resize:vertical;min-height:150px;margin-bottom:15px}.form-btn{background:var(--bg-container-light);color:var(--primary-gold);border:1px solid var(--border-color);border-radius:14px;padding:16px 20px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;margin-left:auto;transition:var(--transition);box-shadow:var(--box-shadow)}.form-btn:hover{background:var(--bg-container);border-color:var(--primary-gold)}@media(max-width:768px){.input-wrapper{grid-template-columns:1fr}.form-btn{width:100%}}.container{max-width:1250px;margin:0 auto;padding:60px 20px;display:flex;justify-content:center;align-items:flex-start;gap:30px;min-height:100vh}.sidebar{flex:0 0 280px;background-color:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:30px;position:sticky;top:60px;box-shadow:var(--box-shadow);z-index:10}.main-content{flex:1;min-width:0;background-color:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--border-radius);position:relative;box-shadow:var(--box-shadow)}.navbar{position:absolute;top:0;right:0;background-color:#2b2b2cbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding:20px 40px;display:flex;gap:30px;box-shadow:-4px 4px 20px #0000001a;z-index:10}.navbar a{color:var(--text-main);font-weight:500;font-size:15px;transition:color var(--transition)}.navbar a:hover,.navbar a.active{color:var(--primary-gold)}.page-content{padding:30px;margin-top:60px}@media(max-width:1024px){.container{flex-direction:column;padding:30px 15px}.sidebar{width:100%;position:static;flex:none;padding:20px}.navbar{position:fixed;bottom:0;top:auto;left:0;right:0;justify-content:center;border-radius:var(--border-radius) var(--border-radius) 0 0;padding:15px 20px;background-color:#2b2b2ce6}.main-content{width:100%;margin-bottom:80px}.page-content{margin-top:0}}