@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lora&display=swap";
@import "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css";
@import "https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css";
@import "https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.carousel.min.css";
:root{--primary-color:#818cf8;--secondary-color:#a78bfa;--accent-color:#f472b6;--dark-bg:#0a0e1a;--darker-bg:#020617;--card-bg:#1a1f35;--text-primary:#fff;--text-secondary:#f0f4f8;--text-muted:#d4dae3;--gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-2:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-3:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-primary:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)50%,var(--accent-color)100%)}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,.btn,[role=button],.portfolio-item,.blog-item,.skill-card,.publication-card{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23a78bfa\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"%23a78bfa\"/></svg>") 14 14,pointer!important}input,textarea,select{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" stroke=\"%23818cf8\" stroke-width=\"2\"/></svg>") 12 12,text!important}a:hover,button:hover,.btn:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23f472b6\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"%23f472b6\"/></svg>") 16 16,pointer!important}.animated{animation-fill-mode:both;animation-duration:.6s!important}::selection{color:#fff;text-shadow:0 0 8px #f472b6cc;background:#f472b666}::selection{color:#fff;text-shadow:0 0 8px #f472b6cc;background:#f472b666}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}body{color:var(--text-primary);background:var(--dark-bg);will-change:scroll-position;background-image:radial-gradient(at 47% 33%,#0c0c31 0,#0000 59%),radial-gradient(at 82% 65%,#261339 0,#0000 55%);font-family:Montserrat,sans-serif;position:relative;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23818cf8\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/></svg>") 12 12,default!important}body *{cursor:inherit}body.cursor-home{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23818cf8\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2 L12 12 L20 12\" stroke=\"%23818cf8\" stroke-width=\"1.5\"/></svg>") 14 14,default!important}body.cursor-about{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2310b981\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4M12 8h.01\" stroke=\"%2310b981\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-skills{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23f59e0b\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\" stroke=\"%23f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-experience{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2306b6d4\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><rect x=\"8\" y=\"6\" width=\"8\" height=\"4\" fill=\"%2306b6d4\"/><path d=\"M8 14h8M8 18h8\" stroke=\"%2306b6d4\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-volunteering{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23ec4899\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 21c-2-2-7-5-7-9a4 4 0 0 1 8 0 4 4 0 0 1 8 0c0 4-5 7-7 9\" stroke=\"%23ec4899\" stroke-width=\"1.5\" fill=\"%23ec4899\" opacity=\"0.3\"/></svg>") 14 14,default!important}body.cursor-portfolio{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23a78bfa\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><rect x=\"6\" y=\"6\" width=\"12\" height=\"8\" stroke=\"%23a78bfa\" stroke-width=\"2\" fill=\"%23a78bfa\" opacity=\"0.2\"/><path d=\"M9 9h6M9 12h4\" stroke=\"%23a78bfa\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-publications{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23ef4444\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 8h8M8 12h8M8 16h5\" stroke=\"%23ef4444\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-review{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23fbbf24\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 2l2.5 7.5h7.5l-6 4.5 2.5 7.5-6-4.5-6 4.5 2.5-7.5-6-4.5h7.5z\" fill=\"%23fbbf24\" stroke=\"%23fbbf24\" stroke-width=\"1\"/></svg>") 14 14,default!important}body.cursor-blog{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2384cc16\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M7 8h10M7 12h10M7 16h7\" stroke=\"%2384cc16\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 14 14,default!important}body.cursor-contact{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23f472b6\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M16 8l-4 4-4-4\" stroke=\"%23f472b6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><rect x=\"6\" y=\"10\" width=\"12\" height=\"8\" stroke=\"%23f472b6\" stroke-width=\"1.5\" fill=\"%23f472b6\" opacity=\"0.2\"/></svg>") 14 14,default!important}body{transition:cursor .3s!important}.cursor-trail{pointer-events:none;z-index:9998;opacity:0;border-radius:50%;width:8px;height:8px;transition:opacity .3s,transform .15s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail.active{opacity:.6}#cursor-indicator{letter-spacing:.5px;font-family:Montserrat,sans-serif;box-shadow:0 4px 20px #818cf833}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#6366f126 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ec48991a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700}h1,h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;filter:brightness(1.2);-webkit-background-clip:text;background-clip:text}a{color:var(--text-secondary);transition:all .25s}a:hover,.contact-link{color:var(--primary-color)}.contact-link{transition:all .3s;display:inline-block}.contact-link:hover{color:var(--accent-color);text-decoration:none;transform:translate(5px)scale(1.05)}a:active,a:focus{color:var(--secondary-color);outline:none;text-decoration:none}.btn:focus,.form-control:focus{box-shadow:0 0 0 3px #6366f14d}.container-fluid{z-index:1;max-width:1366px;position:relative}.btn{letter-spacing:1px;color:#fff;text-shadow:0 1px 2px #0000004d;background:var(--gradient-primary);border:2px solid #0000;border-radius:50px;padding:12px 30px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{color:#fff;border-color:#ffffff4d;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #818cf8b3}#loader{opacity:0;visibility:hidden;-o-transition:opacity .3s ease-out,visibility 0s linear .3s;z-index:999;background:#fff;justify-content:center;align-items:center;transition:opacity .3s ease-out,visibility 0s linear .3s;display:flex;position:fixed;inset:0}#loader.show{-o-transition:opacity .6s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1;transition:opacity .6s ease-out,visibility linear}@media screen and (max-width:991px){#navbarCollapse{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-radius:15px;margin-top:10px;padding:15px;box-shadow:0 8px 32px #0006}}#loader .loader{border:5px solid #6366f133;border-top:5px solid var(--primary-color);border-right:5px solid var(--secondary-color);border-radius:50%;width:45px;height:45px;animation:2s linear infinite spin;position:relative}@-webkit-keyframes spin{0%{filter:hue-rotate();-webkit-transform:rotate(0)}to{filter:hue-rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes spin{0%{filter:hue-rotate();transform:rotate(0)}to{filter:hue-rotate(360deg);transform:rotate(360deg)}}.back-to-top{text-align:center;z-index:9;width:44px;height:44px;padding:8px 0;font-size:22px;line-height:1;display:none;position:fixed;bottom:15px;right:15px}.back-to-top i{color:#fff}.back-to-top:hover i{color:#414141}.navbar{transition:all .5s;position:relative;width:100%!important}.navbar.nav-sticky{width:100%;position:fixed;top:0;box-shadow:0 2px 5px #0000004d}.navbar .navbar-brand{letter-spacing:2px;margin:0;font-size:35px;font-weight:700;line-height:normal;transition:all .5s}.navbar .navbar-brand img{max-width:100%;max-height:40px}.navbar .dropdown-menu{background:#f8f9fa;border:0;border-radius:0;margin-top:0}@media (min-width:1000px){.navbar{z-index:9;margin-bottom:150px;padding:30px 30px 60px 10px;position:absolute;left:0;right:0;background:0 0!important;width:100%!important}.navbar.nav-sticky{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #6366f133;padding:10px 30px 25px;box-shadow:0 4px 30px #0000004d;background:#0f172af2!important}.navbar .navbar-brand{color:var(--text-primary);margin:25px;font-weight:700;transition:all .3s}.navbar .navbar-brand:hover{transform:scale(1.05)}.brand-letter{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:45px;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{filter:drop-shadow(0 0 5px #6366f180)}to{filter:drop-shadow(0 0 20px #ec4899cc)}}.navbar.nav-sticky .navbar-brand{color:var(--text-primary)}.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus{color:var(--text-muted);padding:10px 15px 8px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.navbar-dark .navbar-nav .nav-link:after{content:"";background:var(--gradient-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-dark .navbar-nav .nav-link:hover:after,.navbar-dark .navbar-nav .nav-link.active:after{width:80%}.navbar-dark.nav-sticky .navbar-nav .nav-link,.navbar-dark.nav-sticky .navbar-nav .nav-link:focus{color:var(--text-muted)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{color:var(--text-primary);transform:translateY(-2px)}.navbar-dark.nav-sticky .navbar-nav .nav-link:hover,.navbar-dark.nav-sticky .navbar-nav .nav-link.active{color:var(--text-primary)}}@media (max-width:999px){.navbar.nav-sticky{padding:10px 20px}}@media (max-width:1000px){.navbar{z-index:9;margin-bottom:150px;position:absolute;background:0 0!important;width:100%!important}body{overflow-x:hidden}.navbar .navbar-brand{color:var(--text-primary)}.brand-letter{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar .navbar-nav{margin-top:15px}.navbar a.nav-link{padding:5px}.navbar.nav-sticky{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 30px 25px;background:#0f172af2!important}.navbar .dropdown-menu{box-shadow:none}.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus{color:#797979;padding:10px 10px 8px;font-size:18px;font-weight:500}.navbar-dark.nav-sticky .navbar-nav .nav-link,.navbar-dark.nav-sticky .navbar-nav .nav-link:focus{color:#414141}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark.nav-sticky .navbar-nav .nav-link:hover,.navbar-dark.nav-sticky .navbar-nav .nav-link.active{color:#ff004f}}.hero{background-image:url(/images/hero.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;margin-bottom:45px;padding:120px 0 0;display:flex;position:relative;overflow:hidden}.hero-overlay{content:"";z-index:1;background:linear-gradient(135deg,#0a0e1ad9 0%,#0f172abf 50%,#1a1f35d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero .container-fluid{z-index:2;width:100%;position:relative}.hero .hero-row{justify-content:flex-start;align-items:center;padding-left:50px;display:flex}.hero .hero-content{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;max-width:700px;padding:40px 20px;display:flex;position:relative}.hero .hero-text .hero-intro{color:var(--text-secondary);opacity:.9;letter-spacing:2px;margin-bottom:10px;font-size:20px;font-weight:500}.hero .hero-text .hero-name{color:var(--text-primary);letter-spacing:2px;text-shadow:2px 2px 8px #00000080;white-space:nowrap;margin-bottom:20px;font-family:Lora,serif;font-size:56px;font-weight:700;line-height:1.2;animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero .hero-text .hero-typed{min-height:40px;color:var(--primary-color);border-bottom:3px solid var(--primary-color);margin:0;padding-bottom:5px;font-size:22px;font-weight:500;display:inline-block}.hero .hero-text .typed-text{display:none}.hero .hero-text .typed-cursor{color:var(--accent-color);font-size:30px;font-weight:300;animation:1s infinite blink}@keyframes blink{50%{fill:#0000}}.hero .hero-btn{margin-top:40px}.hero .hero-btn .btn{color:#fff;background:var(--gradient-primary);letter-spacing:1px;border-radius:50px;padding:15px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 8px 30px #6366f180}.hero .hero-btn .btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 40px #6366f1b3}@media (max-width:991.98px){.hero{background-attachment:scroll;padding-top:80px}.hero .hero-row{padding-left:30px}.hero .hero-text .hero-name{font-size:45px}.hero .hero-text .hero-typed{min-height:35px;font-size:20px}.hero .hero-btn .btn{padding:12px 30px;font-size:15px}}@media (max-width:767.98px){.hero{justify-content:center;min-height:100vh;padding-top:60px}.hero .hero-row{justify-content:center;padding-left:0}.hero .hero-content{text-align:center;align-items:center;padding:40px 15px}.hero .hero-text .hero-intro{font-size:16px}.hero .hero-text .hero-name{letter-spacing:1px;font-size:38px}.hero .hero-text .hero-typed{min-height:30px;font-size:18px}.hero .hero-btn .btn{padding:12px 25px;font-size:14px}}@media (max-width:575.98px){.hero .hero-text .hero-intro{font-size:14px}.hero .hero-text .hero-name{font-size:32px}.hero .hero-text .hero-typed{min-height:28px;font-size:16px}.hero .hero-btn .btn{padding:10px 20px;font-size:13px}.contact-left,.contact-right{flex-basis:100%!important}}.section-header{text-align:center;margin:40px 0 60px;position:relative}.section-header p{letter-spacing:3px;text-transform:uppercase;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block;position:relative}.section-header p:before{content:"";background:var(--gradient-primary);opacity:.5;border-radius:2px;width:50px;height:2px;position:absolute;top:50%;right:calc(100% + 15px)}.section-header p:after{content:"";background:var(--gradient-primary);opacity:.5;border-radius:2px;width:50px;height:2px;position:absolute;top:50%;left:calc(100% + 15px)}.section-header h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:45px;font-weight:700;line-height:1.3;position:relative}@media (max-width:767.98px){.section-header h2{font-size:30px}}.about{width:100%;margin:0;padding:80px 0;position:relative}.about .col-lg-6{padding:0}.about .section-header{margin-bottom:30px}.about .about-img{border-radius:20px;height:100%;position:relative;overflow:hidden}.about .about-img img{object-fit:cover;cursor:pointer;border-radius:20px;max-width:100%;max-height:100%;margin-top:55px;transition:all .5s;position:relative;box-shadow:0 10px 40px #6366f14d}.about .about-img img:hover{transform:scale(1.05)rotate(1deg);box-shadow:0 20px 60px #818cf880}.about .about-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35e6;border:1px solid #818cf84d;border-radius:20px;padding:50px 40px 40px;transition:all .4s;box-shadow:0 8px 32px #00000080}.about .about-content:hover{border-color:#818cf899;transform:translateY(-5px);box-shadow:0 15px 45px #818cf84d}.about .about-text p{color:var(--text-secondary);text-align:justify;margin-bottom:20px;font-size:16px;line-height:1.9;transition:all .3s}.about .about-text p strong{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;transition:all .3s}.about .about-text p:hover{color:var(--text-primary);transform:translate(5px)}.about .about-text p em{color:var(--text-muted);font-style:italic}.about .about-text h3{color:var(--text-primary);margin-top:35px;margin-bottom:25px;font-weight:700;transition:all .3s;display:inline-block;position:relative}.about .about-text h3:after{content:"";background:var(--gradient-primary);width:0;height:3px;transition:width .4s;position:absolute;bottom:-5px;left:0}.about .about-text h3:hover:after{width:100%}.about .about-text h3:hover{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translate(5px)}.about .skills{margin-bottom:40px}.about .skill-name{margin-top:20px}.about .skill-name p{color:var(--text-secondary);margin-bottom:5px;font-size:16px;font-weight:400;display:inline-block}.about .skill-name p:last-child{float:right;color:var(--primary-color);font-weight:600}.about .progress{cursor:pointer;background:#0a0e1ae6;border:1px solid #818cf833;border-radius:10px;height:12px;transition:all .3s;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.about .progress:hover{border-color:#818cf880;transform:scaleY(1.2)}.about .progress .progress-bar{background:var(--gradient-primary);border-radius:10px;width:0;transition:width 1.5s;position:relative;overflow:hidden}.about .progress .progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.about .about-text a.btn{margin-top:15px}@media (max-width:991.98px){.about .about-content{padding:45px 15px 0}}.skills-showcase{background:linear-gradient(135deg,#0a0e1afa,#1a1f35f2);padding:80px 0 60px;position:relative;overflow:hidden}.skills-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#818cf81a,#0000 50%),radial-gradient(circle at 80%,#f472b61a,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.skills-showcase .container{z-index:1;position:relative}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#1a1f35d9;border:1px solid #818cf833;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:40px 30px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.skill-card:hover{border-color:#818cf899;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 50px #818cf866}.skill-icon{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;transition:all .3s;display:flex}.skill-card:hover .skill-icon{transform:rotateY(360deg)}.skill-icon i{color:#fff;font-size:40px}.skill-card h4{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:600}.skill-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;display:flex}.skill-tags .badge{color:var(--text-secondary);background:#818cf826;border:1px solid #818cf84d;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}.skill-tags .badge:hover{background:var(--gradient-primary);color:#fff;border-color:#0000;transform:scale(1.05)}@media (max-width:768px){.skill-card{padding:30px 20px}.skill-icon{width:60px;height:60px}.skill-icon i{font-size:30px}}.experience{padding:80px 0 60px;position:relative}.experience .timeline{width:100%;position:relative}.experience .timeline:after{content:"";background:var(--gradient-primary);border-radius:3px;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 20px #6366f180}.experience .timeline .timeline-item{background:inherit;width:50%;margin-bottom:50px;position:relative}.experience .timeline .timeline-item.left{padding-right:40px;left:0}.experience .timeline .timeline-item.right{padding-left:40px;left:50%}.experience .timeline .timeline-item:after{content:"";background:var(--dark-bg);border:3px solid var(--primary-color);z-index:1;border-radius:50%;width:20px;height:20px;animation:2s infinite pulse;position:absolute;top:48px;right:-10px;box-shadow:0 0 20px #6366f1cc}@keyframes pulse{0%,to{box-shadow:0 0 20px #6366f1cc}50%{box-shadow:0 0 30px #ec4899}}.experience .timeline .timeline-item.right:after{left:-10px}.experience .timeline .timeline-item:before{content:"";z-index:1;border:10px solid #0000;border-left-color:#1e293bf2;width:0;height:0;position:absolute;top:46px;right:10px}.experience .timeline .timeline-item.right:before{border-color:#0000 #1e293bf2 #0000 #0000;left:10px}.experience .timeline .timeline-date{background:var(--gradient-primary);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;z-index:1;-webkit-background-clip:text;background-clip:text;width:100%;font-size:14px;font-weight:600;position:absolute;top:44px}.experience .timeline .timeline-item.left .timeline-date{text-align:left;left:calc(100% + 55px)}.experience .timeline .timeline-item.right .timeline-date{text-align:right;right:calc(100% + 55px)}.experience .timeline .timeline-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:3px solid;border-image:var(--gradient-primary)1;background:#1a1f35e6;border-radius:15px;padding:30px;transition:all .3s;position:relative;box-shadow:0 8px 32px #00000080}.experience .timeline .timeline-text:hover{background:#1a1f35f2;transform:translateY(-5px);box-shadow:0 12px 40px #818cf880}.experience .timeline .timeline-item.right .timeline-text{border-left:3px solid;border-right:none;border-image:var(--gradient-primary)1}.experience .timeline .timeline-text h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 5px;font-size:22px;font-weight:600}.experience .timeline .timeline-text h4{color:var(--text-muted);margin:0 0 20px;font-size:16px;font-style:italic;font-weight:500}.experience .timeline .timeline-text p{color:var(--text-secondary);text-align:justify;margin:0;font-size:16px;line-height:1.8}.experience .timeline .timeline-text ul{color:var(--text-secondary)}.experience .timeline .timeline-text li{text-align:justify;color:var(--text-secondary);margin-bottom:10px;line-height:1.7}@media (max-width:767.98px){.experience .timeline:after{left:8px}.experience .timeline .timeline-item{width:100%;padding-left:38px}.experience .timeline .timeline-item.left{padding-right:0}.experience .timeline .timeline-item.right{padding-left:38px;left:0%}.experience .timeline .timeline-item.left:after,.experience .timeline .timeline-item.right:after{left:0}.experience .timeline .timeline-item.left:before,.experience .timeline .timeline-item.right:before{border-color:#0000 #ddd #0000 #0000;left:18px}.experience .timeline .timeline-item.left .timeline-date,.experience .timeline .timeline-item.right .timeline-date{text-align:left;margin-bottom:10px;position:relative;top:0;left:0;right:auto}.experience .timeline .timeline-item.left .timeline-text,.experience .timeline .timeline-item.right .timeline-text{border-left:5px solid #ddd;border-right:none}}.portfolio{padding:80px 0 60px;position:relative}.portfolio #portfolio-filter{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 25px 25px 0;padding:0;font-size:0;list-style:none;display:flex}.portfolio #portfolio-filter li{cursor:pointer;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35cc;border:2px solid #818cf866;border-radius:50px;margin:5px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.portfolio #portfolio-filter li:before{content:"";background:var(--gradient-primary);z-index:-1;border-radius:50%;width:0;height:0;transition:width .4s,height .4s,top .4s,left .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio #portfolio-filter li:hover:before,.portfolio #portfolio-filter li.filter-active:before{width:300px;height:300px}.portfolio #portfolio-filter li:hover,.portfolio #portfolio-filter li.filter-active{color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.portfolio .portfolio-item{margin-bottom:40px;padding:0 15px;position:relative}.portfolio .portfolio-wrap{border-radius:20px;width:100%;transition:all .25s;position:relative;overflow:hidden}.portfolio .portfolio-wrap:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 60px #818cf880}.portfolio .portfolio-img{border-radius:20px 20px 0 0;width:100%;height:260px;position:relative;overflow:hidden}.portfolio .portfolio-img:before{content:"";background:var(--gradient-primary);opacity:0;z-index:1;transition:opacity .3s;position:absolute;inset:0}.portfolio .portfolio-wrap:hover .portfolio-img:before{opacity:.7}.portfolio .portfolio-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:inline-flex;position:relative;transform:scale(1)}.portfolio .portfolio-item:hover img{transform:scale(1.1)}.portfolio .portfolio-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35f2;border-top:2px solid #818cf866;border-radius:0 0 20px 20px;align-items:center;width:100%;height:70px;margin:0;padding:0 20px;display:flex;position:relative}.portfolio .portfolio-text h3{width:calc(100% - 70px);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.portfolio .portfolio-text a.btn{justify-content:center;align-items:center;width:50px;height:50px;padding:0 0 2px 1px;font-size:45px;font-weight:100;display:flex}.portfolio .portfolio-item:hover a.btn{color:#ff004f;background:#fff;border-color:#ff004f;box-shadow:inset 0 0 #ff004f}.more{color:#fff;background:#ff004f;border:1px solid #ff004f;border-radius:50px;width:fit-content;margin:30px auto;padding:14px 50px;text-decoration:none;transition:all .3s ease-out;display:block}.more:hover{color:#ff004f;background:#fff;border-color:#ff004f;text-decoration:none;box-shadow:inset 0 0 #ff004f}#services{padding:30px 0}.services-list{grid-gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px;display:grid}.publications{background:linear-gradient(135deg,#1a1f35f2,#0a0e1afa);padding:80px 0 60px;position:relative;overflow:hidden}.publications:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#a78bfa14,#0000 60%);width:50%;height:100%;position:absolute;top:0;right:0}.publication-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35d9;border:1px solid #818cf833;border-radius:20px;gap:25px;height:100%;padding:35px;transition:all .4s;display:flex;box-shadow:0 8px 32px #0000004d}.publication-card:hover{border-color:#a78bfa80;transform:translateY(-8px);box-shadow:0 15px 45px #a78bfa40}.pub-icon{background:linear-gradient(135deg,#818cf833,#a78bfa33);border:1px solid #818cf84d;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.pub-icon i{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px}.pub-content{flex:1}.pub-content h4{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:600;line-height:1.4}.pub-venue{color:var(--text-muted);margin-bottom:15px;font-size:14px;font-style:italic}.pub-description{color:var(--text-secondary);text-align:justify;margin-bottom:20px;font-size:15px;line-height:1.7}.pub-tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.pub-tags .tag{color:var(--text-secondary);background:#818cf826;border:1px solid #818cf840;border-radius:15px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .3s}.pub-tags .tag:hover{background:var(--gradient-primary);color:#fff;border-color:#0000}.pub-status{margin-top:auto}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.status-badge.ongoing{color:#f472b6;background:#f472b633;border:1px solid #f472b666}.status-badge.published{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66}.status-badge.deployed{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f666}@media (max-width:991px){.publication-card{text-align:center;flex-direction:column}.pub-icon{margin:0 auto}}.testimonial{color:#080808;max-height:auto;background:#080808;margin:0;padding:80px 0 60px;position:relative}.testimonial .container{max-width:900px}.testimonial .testimonial-icon{text-align:center;margin-bottom:45px}.testimonial .testimonial-icon i{color:#ffffff80;font-size:60px}.testimonial .testimonial-item{text-align:center;margin:0 15px;position:relative}.testimonial .testimonial-img{z-index:1;margin-bottom:15px;position:relative}.testimonial .testimonial-item img{border:5px dotted #fff;border-radius:100px;width:120px;margin:0 auto;padding:10px}.testimonial .testimonial-text{text-align:center;background:#fff;border-radius:100px;margin-top:-70px;padding:65px 35px 30px;position:relative}.testimonial .testimonial-item p{color:#080808;font-size:18px;font-style:italic}.testimonial .testimonial-text h3{color:#ff004f;margin-bottom:10px;font-size:18px;font-weight:600}.testimonial .testimonial-text h4{color:#666;margin-bottom:0;font-size:14px}.testimonial .owl-dots{text-align:center;margin-top:15px}.testimonial .owl-dot{border-radius:50%;width:12px;height:12px;margin:0 5px;display:inline-block}.testimonial .owl-dot.active{background:#fff}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:#9a9a9a}.blog{background:linear-gradient(135deg,#0a0e1af2,#1a1f35fa);width:100%;padding:80px 0 60px;position:relative}.blog .row{align-items:stretch;display:flex}.blog .row>[class*=col-]{display:flex}.blog .blog-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35d9;border:1px solid #818cf833;border-radius:20px;flex-direction:column;height:100%;margin-bottom:40px;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.blog .blog-item:hover{border-color:#818cf880;transform:translateY(-10px);box-shadow:0 15px 45px #818cf84d}.blog .blog-img{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);justify-content:center;align-items:center;width:100%;min-height:220px;padding:40px 20px;display:flex;position:relative;overflow:hidden}.blog .blog-img img{object-fit:cover;border:3px solid #818cf84d;border-radius:50%;width:150px;height:150px;transition:all .5s}.blog .blog-item:hover img{border-color:#818cf899;transform:scale(1.1)rotate(5deg)}.blog .blog-text{flex-direction:column;flex:1;padding:35px 30px;display:flex;position:relative}.blog .blog-text h2{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:22px;font-weight:600}.blog .blog-text p{text-align:justify;color:var(--text-secondary);flex:1;margin-bottom:15px;line-height:1.7}.blog .blog-item a.btn{align-self:flex-start;width:fit-content;margin-top:auto;padding:10px 20px}.blog .blog-item a.btn i{margin-left:5px}.blog .blog-meta{border-bottom:1px solid #818cf833;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex;position:relative}.blog .blog-meta p{color:var(--text-muted);align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.blog .blog-meta i{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px}.blog .blog-meta p:last-child{margin:0}@media (max-width:991px){.blog .blog-item{margin-bottom:30px}.blog .blog-img{min-height:180px;padding:30px 20px}.blog .blog-img img{width:120px;height:120px}.blog .blog-text{padding:25px 20px}.blog .blog-text h2{font-size:20px}}@media (max-width:576px){.blog .blog-img{min-height:160px;padding:25px 15px}.blog .blog-img img{width:100px;height:100px}.blog .blog-text{padding:20px 15px}.blog .blog-text h2{font-size:18px}.blog .blog-meta{gap:10px}.blog .blog-meta p{font-size:12px}}#contact{background:linear-gradient(#080808,#35080df2);margin-top:0;padding:80px 0 60px}.contact-book{color:var(--text-primary);margin-right:15px;font-size:36px}.contact-me{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex-wrap:nowrap;align-items:center;margin-bottom:50px;font-size:48px;display:flex}.contact-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35d9;border:1px solid #818cf84d;border-radius:20px;flex-basis:50%;padding:40px;box-shadow:0 8px 32px #00000080}.contact-menu{color:var(--text-secondary)}.contact-book{flex-basis:50%}.contact-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35d9;border:1px solid #818cf84d;border-radius:20px;flex-basis:50%;padding:40px;box-shadow:0 8px 32px #00000080}.contact-info{font-size:16px}.contact-left p i{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:15px;font-size:18px}.contact-social{margin-top:30px}.contact-social a{color:var(--text-secondary);background:#1a1f35cc;border:2px solid #818cf84d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;padding:10px;font-size:30px;text-decoration:none;transition:all .3s;display:inline-flex}.contact-social a:hover{background:var(--gradient-primary);transform:translateY(-5px)rotate(360deg);box-shadow:0 8px 20px #6366f180;color:#fff!important}.download{color:#fff;background:var(--gradient-primary);border:2px solid #0000;border-radius:50px;width:fit-content;margin-top:50px;margin-bottom:50px;padding:14px 50px;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166}.download:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.download:hover:before{left:100%}.download:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 25px #6366f199}.form-submit{color:#fff;background:var(--gradient-primary);cursor:pointer;border:2px solid #0000;border-radius:50px;width:fit-content;margin-bottom:50px;padding:14px 50px;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #6366f166}.typing-submit{margin-bottom:50px;margin-left:10px}.form-submit:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 25px #6366f199}.contact-right form{width:100%}form input,form textarea{width:100%;color:var(--text-primary);background:#0a0e1ae6;border:2px solid #818cf84d;border-radius:10px;outline:none;padding:15px;font-size:15px;transition:all .25s}form input:hover,form textarea:hover{background:#0f1423f2;border-color:#818cf880}form input:focus,form textarea:focus{border-color:var(--primary-color);background:#0a0e1a;transform:translateY(-2px);box-shadow:0 0 25px #818cf880}form input::placeholder,form textarea::placeholder{color:var(--text-muted);opacity:.7}form input,form textarea{margin:15px 0}@media (max-width:699px){.read-more-btn{text-align:center}#contact-row{display:block!important}#contact-row .contact-left{margin-bottom:30px}.contact-me{white-space:normal;flex-wrap:wrap;font-size:28px}.contact-book{margin-right:10px;font-size:28px}.contact-info h2{font-size:18px}.contact-link{font-size:16px}.contact-social{font-size:20px}.contact-left{text-align:center}}@media (min-width:700px){body{text-align:left}#contact-row{gap:30px;display:flex!important}.contact-me{font-size:40px}.contact-info h2{font-size:20px}.contact-link{font-size:18px}.contact-social{font-size:30px}}#msg{color:#61b752;margin-bottom:50px;display:inline-block}.chatbox{position:absolute;bottom:30px;right:30px}.chatbox__support{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-123456;opacity:0;background:#1a1f35f2;border:1px solid #818cf833;flex-direction:column;width:300px;height:520px;max-height:80vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:none;box-shadow:0 20px 60px #0000004d}.chatbox--active{z-index:123456;opacity:1;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(-40px)}.chatbox__button{text-align:right;text-align:center;z-index:123455;width:60px;height:60px;padding:0;font-size:28px;line-height:60px;transition:transform .3s;position:fixed;bottom:100px;right:20px}.chatbox__button:hover{transform:scale(1.1)}.send__button{background:var(--gradient-primary);cursor:pointer;color:#fff;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:8px 12px;font-size:18px;transition:all .3s;display:flex}.send__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #818cf866}.chatbox__support,.chatbox__support *{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23fbbf24\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"%23fbbf24\"/></svg>") 16 16,default!important}.chatbox__support input,.chatbox__support textarea{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" stroke=\"%23fbbf24\" stroke-width=\"2.5\"/><circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"none\" stroke=\"%23fbbf24\" stroke-width=\"1\" opacity=\"0.3\"/></svg>") 14 14,text!important;caret-color:var(--accent-color)!important}.chatbox__support a,.chatbox__support button,.chatbox__support .btn,.chatbox__support [role=button]{cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2310b981\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"%2310b981\"/></svg>") 16 16,pointer!important}.chatbox__support a:hover,.chatbox__support button:hover,.chatbox__support .btn:hover,.chatbox__support a:hover{border-radius:6px;transition:background .2s,color .2s;color:#fff!important;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2306b6d4\" stroke-width=\"3\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"%2306b6d4\"/></svg>") 18 18,pointer!important;background:#06b6d4!important}.chatbox__header{background:var(--gradient-primary);z-index:10;position:sticky;top:0}.chatbox__messages{scrollbar-width:thin;scrollbar-color:var(--primary-color)transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column-reverse;margin-top:auto;display:flex;overflow-y:auto}.chatbox__messages::-webkit-scrollbar{width:8px}.chatbox__messages::-webkit-scrollbar-track{background:#0a0e1a80;border-radius:10px}.chatbox__messages::-webkit-scrollbar-thumb{background:var(--primary-color);border:2px solid #0a0e1a80;border-radius:10px}.chatbox__messages::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.messages__item{width:fit-content;max-width:75%;animation:.3s messageSlide}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages__item--operator{margin-right:auto}.messages__item--visitor{margin-left:auto}.chatbox__footer{position:sticky;bottom:0}.chatbox__support{z-index:123456;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;background:#0a0e1afa;border-radius:24px;width:80%;height:70%;margin-bottom:60px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #818cf833}@media (min-width:700px){.chatbox__support{z-index:123456;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;background:#0a0e1afa;border-radius:24px;width:420px;height:600px;margin-bottom:60px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #818cf833,0 0 80px #818cf81a}}.chatbox__header{background:var(--gradient-primary);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:row;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.chatbox__header:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.chatbox__image--header{z-index:1;margin-right:12px;position:relative}.chatbox__heading--header{color:#fff;z-index:1;letter-spacing:.5px;font-size:1.3rem;font-weight:600;position:relative}.chatbox__description--header{color:#ffffffe6;z-index:1;font-size:.9rem;position:relative}.chatbox__close--header{z-index:10;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;cursor:pointer!important}.chatbox__close--header:hover{background:#fff3;transform:rotate(90deg)scale(1.1)}.chatbox__close--header:active{transform:rotate(90deg)scale(.95)}.chatbox__close--header svg{stroke-width:2.5px;width:20px;height:20px}.chatbox__messages{background:#0a0e1a80;padding:20px}.messages__item{-webkit-user-select:text;user-select:text;max-width:75%;margin-top:12px;padding:12px 16px;font-size:.95rem;line-height:1.5}.messages__item--visitor{color:#fff;background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);word-wrap:break-word;border-radius:18px 18px 4px;box-shadow:0 4px 15px #818cf84d}.messages__item--operator,.messages__item--typing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);word-wrap:break-word;background:#1a1f35cc;border:1px solid #818cf833;border-radius:18px 18px 18px 4px;box-shadow:0 4px 15px #0003}.chatbox__footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f35f2;border-top:1px solid #818cf81a;border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.chatbox__footer input{text-align:left;color:var(--text-primary);caret-color:var(--accent-color);background:#0a0e1acc;border:1px solid #818cf84d;border-radius:20px;flex:1;padding:12px 18px;font-size:.95rem;transition:all .3s;cursor:text!important}.chatbox__footer input:focus{border-color:var(--primary-color);caret-color:var(--accent-color);background:#0a0e1af2;outline:none;box-shadow:0 0 0 3px #818cf81a}.chatbox__footer input::placeholder{color:var(--text-muted)}.chatbox__send--footer{color:#fff;border-radius:20px;min-width:44px;padding:12px}.chatbox__button button,.chatbox__button button:focus,.chatbox__button button:visited{background:var(--gradient-primary);cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;margin-right:0;padding:14px;transition:all .3s;display:flex;box-shadow:0 8px 30px #818cf866,0 0 0 1px #818cf833}.chatbox__button button:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 40px #818cf899}.dot{fill:var(--primary-color);animation:1s infinite blink}.dot:nth-child(2){animation-delay:.25s}.dot:nth-child(3){animation-delay:.5s}.loader{color:var(--primary-color)}.contact-chatbot{color:var(--accent-color);border-bottom:2px solid var(--accent-color);padding-bottom:1px;font-style:normal;font-weight:600;text-decoration:none;transition:all .3s}.contact-chatbot:hover{color:var(--primary-color);border-bottom-color:var(--primary-color);transform:translateY(-1px)}#typing-system-container{background:0 0}.dot1{fill:var(--primary-color)}.dot2{fill:var(--secondary-color)}.dot3{fill:var(--accent-color)}.animation-ctn{text-align:center;margin-top:5em}@-webkit-keyframes checkmark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:200px}}@keyframes checkmark{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@-webkit-keyframes checkmark-circle{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}@keyframes checkmark-circle{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}@keyframes colored-circle{0%{opacity:0}to{opacity:100}}.inlinesvg .svg svg{display:inline}.icon--order-success svg polyline{animation:.25s ease-in-out .7s backwards checkmark}.icon--order-success svg circle{animation:.6s ease-in-out backwards checkmark-circle}.icon--order-success svg circle#colored{animation:.6s ease-in-out .7s backwards colored-circle}.circle{stroke-dasharray:76;stroke-dashoffset:76px;color:var(--primary-color);stroke:var(--primary-color);animation:1s forwards draw}.tick{stroke-dasharray:18;stroke-dashoffset:18px;color:var(--primary-color);stroke:var(--primary-color);animation:1s 1s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.success-tick{filter:drop-shadow(0 4px 8px #818cf84d);width:40px;height:40px;margin-bottom:50px;margin-left:50px}@media (max-width:768px){.navbar .navbar-brand{align-items:center;display:flex;white-space:nowrap!important;font-size:26px!important}.brand-letter{font-size:36px!important}.experience .timeline:after{width:4px!important;left:8px!important}.experience .timeline .timeline-item{width:100%!important;padding-left:35px!important;padding-right:0!important;left:0!important}.experience .timeline .timeline-item:after{margin:0!important;left:-1px!important;right:auto!important}.experience .timeline .timeline-item:before{display:none!important}.experience .timeline .timeline-date{text-align:left!important;width:100%!important;margin-bottom:10px!important;display:block!important;position:relative!important;left:0!important;right:auto!important}.experience .timeline .timeline-text{padding:15px!important}.back-to-top{z-index:99!important;bottom:95px!important;right:15px!important}.chatbox__button{z-index:100!important;bottom:20px!important;right:15px!important}.hero-content h1,h1{font-size:34px!important;line-height:1.3!important}.hero-content h2,.section-header h2,h2{font-size:26px!important}.skills .skill-card{margin-bottom:15px!important;padding:10px 15px!important}.portfolio .portfolio-item{margin-bottom:20px!important}.section-header p{padding-bottom:15px!important}}