:root{--primary-color:#2c3e50;--secondary-color:#d4af37;--light-color:#f8f9fa;--dark-color:#212529;--text-color:#333;--text-light:#6c757d}body{color:var(--text-color);font-family:Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}.navbar{padding:1rem 0;box-shadow:0 2px 10px #0000001a;background-color:#fff!important}.navbar-brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--primary-color)!important}.nav-link{padding:.5rem 1rem;font-weight:500;position:relative;color:var(--primary-color)!important}.nav-link:hover{color:var(--secondary-color)!important}.nav-link:after{content:"";background:var(--secondary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}#header{color:var(--primary-color);text-align:center;background-color:#0000;background-image:linear-gradient(#ffffff1a,#fff),url(/images/6.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:8rem 0;position:relative;content-visibility:auto!important;contain-intrinsic-size:800px!important}#header h2{justify-content:center;align-items:center;width:100%;height:2em;margin:0 auto;display:flex}.image.avatar{object-fit:cover;border:5px solid #fff;border-radius:50%;margin-bottom:1.5rem;box-shadow:0 5px 20px #0000001a}section{padding-top:5rem;padding-bottom:5rem}.section-title{margin-bottom:3rem;position:relative}.section-title:after{content:"";background:var(--secondary-color);width:50px;height:3px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}#about{padding-top:5rem!important}.about-text{font-size:1.1rem;line-height:1.8}.details-card{border:none;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #0000000d}.details-card-header{background-color:var(--primary-color);color:#fff;text-align:center;padding:1.5rem}.details-card-body{padding:2rem}.detail-item{align-items:flex-start;margin-bottom:1.5rem;display:flex}.detail-icon{color:var(--secondary-color);margin-top:3px;margin-right:1rem;font-size:1.2rem}.experience-item{margin-bottom:2.5rem;padding-left:2rem;position:relative}.experience-item:before{content:"";background-color:var(--secondary-color);z-index:1;border:3px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:5px;left:0}.experience-item:after{content:"";background-color:#e0e0e0;width:1px;height:calc(100% - 20px);position:absolute;top:25px;left:7px}.experience-item:last-child:after{display:none}.experience-date{background-color:var(--primary-color);color:#fff;border-radius:20px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.85rem;display:inline-block}.experience-company{color:var(--primary-color);margin-bottom:.5rem;font-weight:600}.experience-position{margin-bottom:.75rem;font-weight:500}.experience-skills{flex-wrap:wrap;gap:.5rem;display:flex}.experience-skill{color:var(--primary-color);background-color:#f1f1f1;border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.expanded{max-height:none!important}.project-card{border:none;border-radius:8px;margin-bottom:2rem;transition:transform .3s;overflow:hidden;box-shadow:0 5px 20px #0000000d}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.project-card img{object-fit:cover;width:100%;height:175px}.project-card .card-body{padding:2rem}.project-card .card-title{color:var(--primary-color);margin-bottom:1rem}.tech-badge{color:var(--primary-color);background-color:#f1f1f1;border-radius:4px;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);padding:.6rem 1.5rem;font-weight:500}.btn-primary:hover{background-color:#1a2a3a;border-color:#1a2a3a}.contact-form .form-control{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.contact-form .form-control:focus{border-color:var(--secondary-color);box-shadow:0 0 0 .25rem #d4af3740}.contact-info{background-color:#f9f9f9;border-radius:8px;height:100%;padding:2rem}.contact-item{align-items:flex-start;margin-bottom:1.5rem;display:flex}.contact-icon{color:var(--secondary-color);margin-right:1rem;font-size:1.5rem}footer{background-color:var(--primary-color);color:#fff;padding:3rem 0}.social-icon{color:#fff;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:.75rem;transition:all .3s;display:inline-flex}.social-icon:hover{background-color:var(--secondary-color);color:var(--primary-color);transform:translateY(-3px)}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box;overflow:hidden}.project-description.expanded{-webkit-line-clamp:unset;max-height:150px;overflow-y:auto}.view-more-btn{color:#d4af37;cursor:pointer;background:0 0;border:none;margin-bottom:15px;padding:0}.tech-badge{background:#f1f1f1;border-radius:3px;margin-bottom:5px;margin-right:5px;padding:3px 8px;font-size:12px;display:inline-block}.loader-container{z-index:1000;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader{border:8px solid #e0e0e0;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content{text-align:center;padding:20px;display:none}.content.show{display:block}@media (width<=768px){#header{padding:5rem 0}.image.avatar{width:150px;height:150px}section{padding:3rem 0}}