.intro{padding:4rem 2rem;background-color:#f4f4f4;text-align:center}.intro h1{font-size:3rem;color:#3498db}@media only screen and (max-width: 767px){.intro h1{font-size:2.25rem}}.intro p{margin-top:1rem;font-size:1.25rem;max-width:800px;color:#f4f4f4;margin-inline:auto}@media only screen and (max-width: 767px){.intro p{font-size:1rem}}.experience{padding:3rem 2rem}.experience h2{font-size:2rem;margin-bottom:2rem;color:#3498db;text-align:center}@media only screen and (max-width: 767px){.experience h2{font-size:1.75rem;margin-bottom:1.5rem}}.experience .exp-entry{margin-bottom:2rem;border-left:4px solid #3498db;padding-left:1rem}@media only screen and (max-width: 767px){.experience .exp-entry{margin-bottom:1.5rem;padding-left:.75rem}}.experience .exp-entry h3{margin-bottom:.3rem}@media only screen and (max-width: 767px){.experience .exp-entry h3{font-size:1rem}}.experience .exp-entry span{color:#777;font-size:.85rem}@media only screen and (max-width: 767px){.experience .exp-entry span{font-size:.8rem}}.experience .exp-entry p{margin-top:.5rem}@media only screen and (max-width: 767px){.experience .exp-entry p{font-size:.9375rem}}#projects{padding:3rem 2rem;background-color:#121212}#projects h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:#3498db}@media only screen and (max-width: 767px){#projects h2{font-size:1.75rem;margin-bottom:1.5rem}}#projects .project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media only screen and (max-width: 767px){#projects .project-grid{grid-template-columns:1fr;gap:1rem}}#projects .project-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#0a0a0a;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff}@media only screen and (max-width: 767px){#projects .project-card{padding:1rem}}#projects .project-card h3{font-size:1.25rem;color:#3498db}@media only screen and (max-width: 767px){#projects .project-card h3{font-size:1.125rem}}#projects .project-card p{font-size:1rem;color:#bbb;margin-bottom:1rem}@media only screen and (max-width: 767px){#projects .project-card p{font-size:.9375rem}}#projects .project-card .button-row{margin-top:auto;display:flex;justify-content:space-between;gap:1rem}#projects .project-card .button-row a{flex:1;text-align:center;padding:.5rem 1rem;background-color:#1e1e1e;color:#fff;border-radius:6px;text-decoration:none;transition:background-color .2s ease}#projects .project-card .button-row a:hover{background-color:#333}@media only screen and (max-width: 767px){#projects .project-card .button-row a{padding:.5rem .75rem}}#projects .showcase-projects{margin-bottom:3rem;background-color:#121212}@media only screen and (max-width: 767px){#projects .showcase-projects{margin-bottom:2rem}}#projects .showcase-projects h2{font-size:2rem;color:#3498db}#projects .other-projects{background-color:#121212}#projects .other-projects h2{font-size:2rem;color:#fff}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff}.carousel,.carousel *{box-sizing:border-box}.carousel{height:var(--vc-carousel-height);overscroll-behavior:none;position:relative;touch-action:pan-x pan-y pinch-zoom;z-index:1}.carousel.is-dragging{touch-action:none}.carousel__track{display:flex;gap:var(--vc-slide-gap);height:100%;list-style:none;margin:0;padding:0;position:relative;transition:transform ease-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel__viewport{height:100%;overflow:hidden;width:100%}.carousel__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel.is-rtl{direction:rtl}.carousel.is-ttb .carousel__track{flex-direction:column}.carousel.is-btt .carousel__track{flex-direction:column-reverse}.carousel.is-vertical .carousel__slide--clone:first-child{margin-block-start:var(--vc-cloned-offset)}.carousel:not(.is-vertical) .carousel__slide--clone:first-child{margin-inline-start:var(--vc-cloned-offset)}.carousel.is-effect-fade .carousel__track{display:grid;grid-template-columns:100%;grid-template-rows:100%;transition:none}.carousel.is-effect-fade .carousel__slide{grid-area:1 / 1;height:100%;opacity:0;pointer-events:none;transition:opacity ease-in-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel.is-effect-fade .carousel__slide--active{opacity:1;pointer-events:auto}:root{--vc-icn-width: 100%}.carousel__icon{fill:currentColor;height:var(--vc-icn-width);width:var(--vc-icn-width)}:root{--vc-nav-background: transparent;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-height: 30px;--vc-nav-width: 30px}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);justify-content:center;padding:0;position:absolute;inset-block-start:50%;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__next{inset-inline-end:0}.carousel__prev{inset-inline-start:0}.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev{inset-inline:auto 50%;inset-block-start:auto;transform:translate(50%)}.carousel.is-vertical.is-ttb .carousel__next{inset-block-end:0}.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next{inset-block-start:0}.carousel.is-vertical.is-btt .carousel__prev{inset-block-end:0}@media (hover: hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}:root{--vc-pgn-active-color: var(--vc-clr-primary);--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-border-radius: 0;--vc-pgn-gap: 6px;--vc-pgn-height: 4px;--vc-png-bottom: 10px;--vc-png-left: auto;--vc-png-right: 10px;--vc-pgn-width: 16px}.carousel__pagination{bottom:var(--vc-png-bottom);display:flex;gap:var(--vc-pgn-gap);justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%)}.carousel__pagination-button{background-color:var(--vc-pgn-background-color);border:0;border-radius:var(--vc-pgn-border-radius);cursor:pointer;display:block;height:var(--vc-pgn-height);margin:0;padding:0;width:var(--vc-pgn-width)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover{background-color:var(--vc-pgn-active-color)}}.carousel.is-vertical .carousel__pagination{bottom:50%;flex-direction:column;left:var(--vc-png-left);right:var(--vc-png-right);transform:translateY(50%)}.carousel.is-vertical .carousel__pagination-button{height:var(--vc-pgn-width);width:var(--vc-pgn-height)}.carousel.is-btt .carousel__pagination{flex-direction:column-reverse}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;transform:translateZ(0)}section.blogs.section{min-height:100svh;padding:3rem 2rem;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;position:relative}@media only screen and (max-width: 767px){section.blogs.section{padding:3rem 1rem}}section.blogs.section h2{font-size:2rem;color:#3498db;font-family:Roboto,sans-serif;margin-bottom:2rem}section.blogs.section .carousel-wrapper{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}section.blogs.section .carousel-wrapper .carousel{width:90%;max-width:1400px;position:relative}section.blogs.section .carousel-wrapper .carousel .carousel__slide{padding:.75rem}section.blogs.section .carousel-wrapper .carousel .carousel__slide--active .blog-card{transform:scale(1.05);border-color:#fff;box-shadow:0 0 20px #fff9}section.blogs.section .carousel-wrapper .carousel .blog-card{width:100%;height:50svh;background:#333;border-radius:1rem;box-shadow:0 4px 12px #00000026;border:3px solid transparent;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .4s ease,border-color .4s ease}@media only screen and (max-width: 767px){section.blogs.section .carousel-wrapper .carousel .blog-card{height:55svh}}section.blogs.section .carousel-wrapper .carousel .blog-card a{color:inherit;text-decoration:none;height:100%;display:flex;flex-direction:column}section.blogs.section .carousel-wrapper .carousel .blog-card img{width:100%;height:60%;object-fit:cover}section.blogs.section .carousel-wrapper .carousel .blog-card .content{padding:1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}section.blogs.section .carousel-wrapper .carousel .blog-card .content h3{font-size:1rem;margin:0 0 .5rem;color:#3498db}section.blogs.section .carousel-wrapper .carousel .blog-card .content p{font-size:.875rem;color:#fff;line-height:1.4}section.blogs.section .carousel-wrapper .carousel .carousel__prev,section.blogs.section .carousel-wrapper .carousel .carousel__next{box-sizing:content-box;background:#14141480;color:#fff;width:3rem;height:3rem;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;transition:color .2s ease,background-color .2s ease}section.blogs.section .carousel-wrapper .carousel .carousel__prev:hover,section.blogs.section .carousel-wrapper .carousel .carousel__next:hover{color:#3498db;background:#000000b3}@media only screen and (max-width: 767px){section.blogs.section .carousel-wrapper .carousel .carousel__prev,section.blogs.section .carousel-wrapper .carousel .carousel__next{width:2.5rem;height:2.5rem}}section.blogs.section .carousel-wrapper .carousel .carousel__prev{left:-3.75rem}@media only screen and (max-width: 767px){section.blogs.section .carousel-wrapper .carousel .carousel__prev{left:.3125rem}}section.blogs.section .carousel-wrapper .carousel .carousel__next{right:-3.75rem}@media only screen and (max-width: 767px){section.blogs.section .carousel-wrapper .carousel .carousel__next{right:.3125rem}}section.blogs.section .carousel-wrapper .carousel .carousel__pagination{position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem}section.blogs.section .carousel-wrapper .carousel .carousel__pagination .carousel__pagination-button{padding:0;border:none;background:transparent}section.blogs.section .carousel-wrapper .carousel .carousel__pagination .carousel__pagination-button:after{content:"";display:block;width:1.5rem;height:.25rem;background-color:#555;border-radius:.125rem}section.blogs.section .carousel-wrapper .carousel .carousel__pagination .carousel__pagination-button--active:after{background-color:#3498db}.contact{padding:3rem 2rem;text-align:center}.contact h2{font-size:2rem;margin-bottom:2rem;color:#3498db}@media only screen and (max-width: 767px){.contact h2{font-size:1.75rem;margin-bottom:1.5rem}}.contact .contact-list{list-style:none;padding:0;margin:0 auto 3rem;max-width:400px}@media only screen and (max-width: 767px){.contact .contact-list{margin-bottom:2rem}}.contact .contact-list li{margin:1rem 0;font-size:1.1rem}@media only screen and (max-width: 767px){.contact .contact-list li{font-size:1rem}}.contact .contact-form{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto}.contact .contact-form input,.contact .contact-form textarea{width:100%;padding:.8rem 1rem;background:transparent;border:1px solid #3498db;border-radius:8px;color:#fff;font-size:1rem;resize:none}@media only screen and (max-width: 767px){.contact .contact-form input,.contact .contact-form textarea{font-size:.9375rem;padding:.75rem}}.contact .contact-form button{background:#3498db;color:#000;font-weight:600;padding:.75rem 2rem;border:none;border-radius:8px;cursor:not-allowed;opacity:.5}@media only screen and (max-width: 767px){.contact .contact-form button{padding:.75rem 1.5rem}}.navbar-wrapper{position:fixed;top:0;left:50%;transform:translate(-50%);width:max-content;z-index:1000}.navbar-wrapper .navbar{transform:translateY(0);background-color:#0a0a0a;border-radius:0 0 14px 14px;transition:transform .5s ease-in-out;display:flex}.navbar-wrapper .navbar .navbar-items{position:relative;padding:1rem;color:#f8f8ff;font-weight:600;text-decoration:none;transition:color .3s ease}@media only screen and (max-width: 767px){.navbar-wrapper .navbar .navbar-items{padding:.75rem .875rem;font-size:.9375rem}}.navbar-wrapper .navbar .navbar-items:after{content:"";position:absolute;left:50%;bottom:.7rem;width:80%;height:3px;background:#f8f8ff;transform:translate(-50%) scaleX(0);transform-origin:center;border-radius:14px;transition:transform .3s ease-in-out;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(255,255,255,.7)) drop-shadow(0 0 20px rgba(255,255,255,.5))}.navbar-wrapper .navbar .navbar-items:hover:after{transform:translate(-50%) scaleX(1)}.navbar-wrapper.hidden .navbar{transform:translateY(-100%)}.navbar-wrapper:hover .navbar,.navbar-wrapper.visible .navbar{transform:translateY(0)}.portfolio{height:100svh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.section{min-height:100svh;scroll-snap-align:start;background-color:#121212}:root{--background: $intro-text-color;--foreground: #171717}@media (prefers-color-scheme: dark){:root{--background: #0a0a0a;--foreground: #ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme: dark){html{color-scheme:dark}}