:root{--accent:#4f46e5;--accent-hover:#4338ca;--bs-primary:#4f46e5;--bs-primary-rgb:79, 70, 229;font-family:Inter,system-ui,-apple-system,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:70px}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.profile-photo-wrapper{width:280px;height:280px;transition:transform .3s;display:inline-block;position:relative}.profile-photo{object-fit:cover;width:280px;height:280px;box-shadow:0 10px 30px rgba(var(--bs-primary-rgb), .3);border:4px solid var(--bs-primary);border-radius:50%;transition:transform .3s,box-shadow .3s,opacity .8s;position:absolute;top:0;left:0}.profile-photo-wrapper:hover{transform:scale(1.05)}.profile-photo-wrapper:hover .profile-photo{box-shadow:0 15px 40px rgba(var(--bs-primary-rgb), .4);transform:scale(1.15)}html[data-bs-theme=dark] .profile-photo--night{opacity:1;z-index:2}html[data-bs-theme=dark] .profile-photo--light,html[data-bs-theme=light] .profile-photo--night{opacity:0;z-index:1}html[data-bs-theme=light] .profile-photo--light{opacity:1;z-index:2}html[data-bs-theme=dark] .profile-photo{box-shadow:0 10px 30px rgba(var(--bs-primary-rgb), .4)}html[data-bs-theme=dark] .profile-photo:hover{box-shadow:0 15px 40px rgba(var(--bs-primary-rgb), .5)}header.site-header{z-index:1030;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #6c757d40;transition:background-color .3s;position:fixed;inset:0 0 auto}html[data-bs-theme=dark] header.site-header{background-color:#0a0a0af2}html[data-bs-theme=light] header.site-header{background-color:#f5f5f5f2}.custom-nav{max-width:1200px;margin:0 auto;padding:1rem 1.25rem}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{color:var(--bs-primary);letter-spacing:.4px;font-size:1.25rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.brand:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover));transform-origin:50%;opacity:.85;border-radius:2px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.brand:hover{color:var(--accent-hover)}.brand:hover:after{transform:scaleX(1)}.nav-links{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li{position:relative}.nav-links li:before{content:"";opacity:0;pointer-events:none;border-radius:12px;transition:opacity .3s,transform .3s;position:absolute;inset:-.35rem -.8rem;transform:scale(.96)}html[data-bs-theme=dark] .nav-links li:before{background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.18), #028f981f)}html[data-bs-theme=light] .nav-links li:before{background:linear-gradient(135deg, rgba(var(--bs-primary-rgb),.15), #028f981a)}.nav-links li:hover:before{opacity:1;transform:scale(1)}.nav-links a{padding:.35rem 0;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover));transform-origin:50%;opacity:.85;border-radius:2px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--accent-hover)}.nav-links a:hover:after{transform:scaleX(1)}html[data-bs-theme=dark] .nav-links a{color:#f5f5f5}html[data-bs-theme=light] .nav-links a{color:#111}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger div{border-radius:2px;width:24px;height:3px;transition:all .3s}html[data-bs-theme=dark] .hamburger div{background-color:#f5f5f5}html[data-bs-theme=light] .hamburger div{background-color:#111}@media (width<=768px){.nav-links{border-radius:0 0 8px 8px;flex-direction:column;gap:.75rem;width:220px;padding:1.1rem 1.4rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 1.4rem 2.4rem #0f172a52}html[data-bs-theme=dark] .nav-links{background:#0a0a0afa}html[data-bs-theme=light] .nav-links{background:#f5f5f5fa}.nav-links.active,.hamburger{display:flex}.nav-links li:before{display:none}.nav-links a{padding:.5rem 0}.nav-links a:after{transform-origin:0;bottom:-4px}}.btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--accent-hover);border-color:var(--accent-hover)}.text-primary{color:var(--bs-primary)!important}.bg-primary{background-color:var(--bs-primary)!important}.card-reveal{opacity:0;transition:opacity .6s,transform .6s,box-shadow .3s;transform:translateY(30px)}.card-reveal.revealed{opacity:1;transform:translateY(0)}.card{border-radius:12px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 1rem 2rem #00000026!important}html[data-bs-theme=dark] .card:hover{box-shadow:0 .5rem 1.5rem rgba(var(--bs-primary-rgb), .15), 0 .5rem 1rem rgba(var(--bs-primary-rgb), .1)!important}.progress-bar.skill-fill{width:0%;transition:width 1.5s cubic-bezier(.1,.7,.1,1)}.certificate-link{color:var(--bs-primary);background-color:#00000005;border:1px solid #00000014;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;position:absolute;top:12px;right:16px}html[data-bs-theme=dark] .certificate-link{background-color:#ffffff0d;border-color:#ffffff1f}.certificate-link:hover{color:var(--accent-hover);background-color:#0000000a;border-color:#0000002e}html[data-bs-theme=dark] .certificate-link:hover{background-color:#ffffff17;border-color:#fff3}.toggle-theme{background:var(--accent);color:#fff;cursor:pointer;z-index:1050;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;transition:transform .2s,background .2s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0003}.toggle-theme:hover{background:var(--accent-hover);transform:scale(1.06)}.scroll-to-top{z-index:1040;opacity:0;visibility:hidden;color:#f8f9fa;cursor:pointer;background-color:#212529;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-flex;position:fixed;bottom:80px;right:20px;transform:translateY(20px);box-shadow:0 4px 10px #0003}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--accent);color:#fff;transform:scale(1.06)}html[data-bs-theme=dark] .scroll-to-top{color:#212529;background-color:#f8f9fa}html[data-bs-theme=dark] .scroll-to-top:hover{background-color:var(--accent);color:#fff}.contact-form .form-control,.contact-form textarea{border:2px solid #0000001a;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s,background-color .3s}html[data-bs-theme=dark] .contact-form .form-control,html[data-bs-theme=dark] .contact-form textarea{color:#f5f5f5;background-color:#ffffff0d;border-color:#ffffff26}.contact-form .form-control:focus,.contact-form textarea:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb), .25);outline:none}html[data-bs-theme=dark] .contact-form .form-control:focus,html[data-bs-theme=dark] .contact-form textarea:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb), .3);background-color:#ffffff14}.animate-fade-up{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-up{opacity:1!important;animation:none!important;transform:none!important}.card-reveal{opacity:1!important;transform:none!important}.progress-bar.skill-fill{transition:none!important}}@media (width<=768px){.toggle-theme{width:46px;height:46px;bottom:16px;right:16px}.scroll-to-top{width:46px;height:46px;bottom:74px;right:16px}.opacity-0{opacity:1!important;transform:none!important}}.typewriter-cursor{width:2px;color:var(--accent);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.skeleton{background:linear-gradient(90deg,#8282821a 25%,#82828233 37%,#8282821a 63%) 0 0/400% 100%;border-radius:4px;animation:1.4s infinite skeleton-loading}html[data-bs-theme=light] .skeleton{background:linear-gradient(90deg,#c8c8c84d 25%,#c8c8c880 37%,#c8c8c84d 63%) 0 0/400% 100%}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.skeleton-title{width:60%;height:24px;margin-bottom:.5rem}.skeleton-text{width:100%;height:16px;margin-bottom:.5rem}.skeleton-badge{border-radius:12px;width:60px;height:24px}.skeleton-button{border-radius:6px;width:120px;height:38px}.custom-toast{z-index:1060;color:#333;background-color:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideInLeft;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #00000026}html[data-bs-theme=dark] .custom-toast{color:#f5f5f5;background-color:#2a2a2a;box-shadow:0 10px 30px #0006}.custom-toast-success{border-left:4px solid #198754}.custom-toast-error{border-left:4px solid #dc3545}.custom-toast-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.custom-toast-success .custom-toast-icon{background-color:#198754}.custom-toast-error .custom-toast-icon{background-color:#dc3545}.custom-toast-message{font-size:.95rem;font-weight:500}.custom-toast-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:18px;transition:opacity .2s}.custom-toast-close:hover{opacity:1}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.custom-toast{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideInUp;bottom:16px;left:16px;right:16px}}.timeline-container{max-width:800px;margin:0 auto;padding:20px 0;position:relative}.timeline-container:after{content:"";background-color:rgba(var(--bs-primary-rgb), .2);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.timeline-item{background-color:inherit;width:50%;padding:10px 40px;position:relative}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-dot{background-color:var(--bs-primary);border:3px solid var(--bs-body-bg);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:32px;right:-8px}.timeline-item.right .timeline-dot{left:-8px}@media (width<=768px){.timeline-container:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:15px}.timeline-item.right{left:0}.timeline-dot,.timeline-item.right .timeline-dot{left:23px}}.scroll-to-top{--scroll-progress:0%;position:fixed}.scroll-to-top:before{content:"";background:conic-gradient(var(--bs-primary) var(--scroll-progress), transparent 0);-webkit-mask-composite:xor;z-index:1;border-radius:50%;padding:2px;transition:background .1s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}