:root{--bs-primary: #0dbcb7;--bs-primary-rgb: 13, 188, 183;--section-card-bg: #191d20;--section-card-border: #212529;--section-card-shadow: 0 4px 8px rgba(0, 0, 0, .3);--section-card-hover-shadow: 0 8px 16px rgba(0, 0, 0, .5)}.btn-primary{--bs-btn-bg: #0dbcb7;--bs-btn-border-color: #0dbcb7;--bs-btn-color: #fff;--bs-btn-hover-bg: #0aa8a3;--bs-btn-hover-border-color: #099e99;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #099e99;--bs-btn-active-border-color: #089490;--bs-btn-active-color: #fff;--bs-btn-focus-shadow-rgb: 13, 188, 183;--bs-btn-disabled-bg: #0dbcb7;--bs-btn-disabled-border-color: #0dbcb7}.btn-outline-primary{--bs-btn-color: #0dbcb7;--bs-btn-border-color: #0dbcb7;--bs-btn-hover-bg: #0dbcb7;--bs-btn-hover-border-color: #0dbcb7;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #099e99;--bs-btn-active-border-color: #089490;--bs-btn-active-color: #fff;--bs-btn-focus-shadow-rgb: 13, 188, 183}html{scroll-behavior:smooth}.content-area{margin-left:280px;min-height:100vh}section{scroll-margin-top:60px}.section-card{background-color:var(--section-card-bg);border:1px solid var(--section-card-border);border-radius:.375rem;padding:1.5rem;box-shadow:var(--section-card-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;margin-bottom:1rem}.section-card:hover{transform:scale(1.03);box-shadow:var(--section-card-hover-shadow);border-color:var(--bs-primary)}.section-title{text-align:start;margin-bottom:3rem}.section-title h2,.section-title h1{color:var(--bs-light);margin-bottom:1rem}.section-title .underline{text-decoration:underline;text-decoration-color:var(--bs-primary);text-underline-offset:6px}.section-icon{color:var(--bs-primary)}.contact-link{color:var(--bs-secondary-color, #adb5bd);text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--bs-primary)}.mobile-topbar{background-color:var(--section-card-bg);border-bottom:1px solid var(--section-card-border)}.sidebar{width:280px;background-color:var(--section-card-bg);border-right:1px solid var(--section-card-border)}.sidebar-offcanvas{background-color:var(--section-card-bg)}.sidebar-avatar{border:3px solid var(--bs-primary)!important}.sidebar-profession{color:var(--bs-secondary-color, #adb5bd);font-size:.95rem}.sidebar-link{color:var(--bs-secondary-color, #adb5bd);border-radius:.375rem;padding:.75rem 1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;border:1px solid transparent}.sidebar-link i{color:var(--bs-primary);transition:color .3s ease}.sidebar-link:hover{color:var(--bs-light);background-color:#ffffff0d;border-color:var(--bs-primary)}.sidebar-link:hover i{color:var(--bs-light)}.sidebar-link.active{background-color:var(--bs-primary)!important;color:#fff!important;border-color:var(--bs-primary)}.sidebar-link.active i{color:#fff}.hero-section{position:relative;height:100vh;background-color:var(--bs-dark);overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1}.circle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:2}.circle-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--bs-light);text-shadow:2px 2px 4px rgba(0,0,0,.8);height:100%;width:100%}.hero-name{font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.hero-job{font-size:1.5rem;font-weight:700;margin-bottom:0}.animated-text{display:inline-block;white-space:nowrap;overflow:hidden;font-family:Poppins,sans-serif;font-size:1em;animation:typing 3s steps(30,end) forwards,blink-caret .75s step-end infinite;border-right:2px solid transparent;vertical-align:baseline;line-height:1.2;text-shadow:1px 1px 3px rgba(0,0,0,.7);color:var(--bs-light)}.animated-underline{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background-color:var(--bs-primary);animation:underlineExpand 3s steps(30,end) forwards}.circle-icon{position:absolute;width:70px;height:70px;object-fit:contain;transition:transform .3s ease-in-out,filter .3s ease-in-out;filter:drop-shadow(0px 4px 6px rgba(0,0,0,.6));z-index:2}.circle-icon:hover{z-index:5;filter:drop-shadow(0px 10px 15px rgba(255,255,255,.8))}.tooltip-label{position:absolute;background-color:var(--bs-primary);color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem;text-align:center;white-space:nowrap;transition:opacity .3s ease-in-out;z-index:10;opacity:1;pointer-events:none}@keyframes typing{0%{width:0}to{width:100%}}@keyframes underlineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blink-caret{0%,to{border-right-color:transparent}50%{border-right-color:var(--bs-primary)}}.profile-image{border-radius:10px;box-shadow:0 4px 10px #0006;transition:transform .3s ease,border-color .3s ease;border:1px solid transparent;object-fit:cover;height:auto;max-height:100%}.profile-image:hover{transform:scale(1.05);border-color:var(--bs-primary)}.profession-title{font-size:1.8rem;font-weight:700}.detail-text,.detail-link{font-size:1.2rem;color:var(--bs-light)}.detail-link{font-weight:700}.detail-icon{font-size:1.5rem;color:var(--bs-primary)}.progress{background-color:var(--bs-secondary-bg, #6c757d)}.progress-bar{background-color:var(--bs-primary)!important;border-radius:5px;transition:width .6s ease}.portfolio-card{background-color:var(--section-card-bg);border:1px solid var(--section-card-border);border-radius:.5rem;overflow:hidden;height:100%;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.portfolio-card:hover{transform:translateY(-5px);box-shadow:var(--section-card-hover-shadow);border-color:var(--bs-primary)}.image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111}.portfolio-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.image-wrapper:hover .portfolio-img{transform:scale(1.03)}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .3s ease}.image-wrapper:hover .overlay{opacity:1}a:focus-visible .overlay{opacity:1;background:rgba(var(--bs-primary-rgb),.7)}.contact-item{display:flex;align-items:center}.contact-item h4{font-size:1.25rem;font-weight:700}.detail-title-card{padding:1.25rem 1.5rem;border-left:4px solid var(--bs-primary)}.media-container{background-color:var(--section-card-bg);border-radius:.375rem;overflow:hidden}.detail-image{width:100%;height:400px;object-fit:cover;cursor:pointer;display:block}.carousel-control-prev,.carousel-control-next{width:5%}.carousel-arrow{color:var(--bs-primary);font-size:2rem;text-shadow:0 0 4px rgba(0,0,0,.6)}.section-card hr{border-color:var(--bs-primary);opacity:1}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1050;cursor:pointer}.fullscreen-image{max-width:100%;max-height:100%;box-shadow:0 0 20px #000000b3}@media (max-width: 991.98px){.content-area{margin-left:0;padding-top:56px}}@media (max-width: 768px){.profession-title{font-size:1.5rem}.detail-text,.detail-link{font-size:1rem}.profile-image{border-radius:8px}.section-card h3{font-size:1.3rem}.portfolio-card h5{font-size:1rem}.contact-item h4{font-size:1.1rem}.contact-item p{font-size:.9rem}.detail-image{height:250px}.carousel-arrow{font-size:1.5rem}}@media (max-width: 576px){.circle-container{width:400px;height:400px}.hero-name{font-size:2rem}.hero-job{font-size:1rem}.animated-text{font-size:.8em;animation-duration:2s}.animated-underline{bottom:-.5px;height:1.5px;animation-duration:2s}.circle-icon{width:35px;height:35px;filter:drop-shadow(0px 3px 5px rgba(0,0,0,.5))}.tooltip-label{font-size:.6rem}}@media (min-width: 992px){section{scroll-margin-top:0}}