#header{position:fixed;top:0;left:0;bottom:0;width:100px;z-index:9997;transition:transform .35s ease,width .35s ease,background-color .35s ease;padding:18px 12px;overflow-y:auto;background:#0d1118f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.08)}@media (max-width: 991px){#header{width:280px;background:#fffffffa;border-right:1px solid rgba(0,0,0,.08);left:-300px;box-shadow:16px 0 60px #0000001f}}@media (min-width: 992px){#header{width:100px;left:0}#main{margin-left:100px}}.nav-menu{padding:0;display:block}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a,.nav-menu a:focus{display:flex;align-items:center;justify-content:center;gap:12px;color:#c7d0df;padding:12px 16px;margin-bottom:12px;transition:.25s ease;font-size:.95rem;border-radius:999px;background:#ffffff0a;height:56px;width:100%;overflow:hidden}.nav-menu a i,.nav-menu a:focus i{font-size:20px}.nav-menu a span,.nav-menu a:focus span{color:#c7d0df}@media (min-width: 992px){#header{width:100px}#header:hover{width:220px}#header:hover~#main{margin-left:220px}.nav-menu a,.nav-menu a:focus{width:56px;justify-content:center}.nav-menu a i,.nav-menu a:focus i{min-width:24px;text-align:center}.nav-menu a span,.nav-menu a:focus span{display:none}.nav-menu li:hover>a{width:220px;justify-content:flex-start;padding-left:20px}.nav-menu li:hover>a span{display:inline-block}.mobile-nav-toggle{display:none!important}}.nav-menu a:hover,.nav-menu .active,.nav-menu .active:focus,.nav-menu li:hover>a{color:#fff;background:#ff3b3bf2}.nav-menu a:hover span,.nav-menu .active span,.nav-menu .active:focus span,.nav-menu li:hover>a span{color:#fff}.nav-menu a:hover,.nav-menu li:hover>a{width:100%}.nav-menu a:hover span,.nav-menu li:hover>a span{display:block}.mobile-nav-toggle{position:fixed;left:14px;bottom:14px;z-index:9998;border:0;background:#fffffff2;font-size:26px;transition:all .4s ease;outline:none!important;line-height:0;cursor:pointer;border-radius:50px;padding:10px;color:#ff3b3b!important;box-shadow:0 18px 30px #0000002e}.mobile-nav-toggle i{color:#ff3b3b!important}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}.mobile-nav-active .mobile-nav-toggle{color:#ff3b3b!important;background-color:#fff}.intro-img-container{height:100vh}.intro-message{position:absolute;top:300px;left:0;transition:top 1s ease-out}.intro-img-container img{width:100%;max-width:100%;height:100%!important;display:block;border-radius:24px;box-shadow:0 28px 60px #000c;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;image-rendering:auto}#intro{width:100%;height:100vh;background-size:cover;position:relative}.intro-lg{display:block;transition:display 1s ease-out}.intro-sm{display:none;transition:display 1s ease-out}#intro:before{content:"";background:inherit;position:absolute;bottom:0;top:0;left:0;right:0;pointer-events:none}#intro h1{font-size:35px!important;transition:font-size 1s ease-out;color:#fff}#intro h4{font-size:15px;transition:font-size 1s ease-out}.read-about-me{font-size:15px!important;transition:font-size 1s ease-out}@media (max-width: 550px){#intro{text-align:center}.intro-lg{display:none}.intro-sm{display:block}.intro-message{top:80px}}@media (min-width: 700px){#intro h1{font-size:50px!important}#intro h4{font-size:20px}.read-about-me{font-size:20px!important}}@media (min-width: 892px){.intro-img-container{padding-top:10px;height:90vh}}@media (min-width: 992px){#intro{padding-left:100px}#intro h1{font-size:60px!important}#intro h4{font-size:30px}.read-about-me{font-size:30px!important}.intro-img-container{padding-top:15px;height:95vh}}@media (max-width: 992px){#intro{padding-left:20px}}.intro-sm{padding:20px!important}#intro .intro-sm-container h4{font-size:25px}#intro .intro-sm-img-container img{max-height:70vh;height:inherit}#intro{background:linear-gradient(180deg,#07090eeb,#0d111840)}.intro-message h1{font-size:clamp(2.75rem,4vw,4.5rem);line-height:1.05}.intro-message h4{font-size:clamp(1rem,2vw,1.5rem);color:#d1d8e6}.intro-sm-container{background:#ffffff0d;border-radius:28px;border:1px solid rgba(255,255,255,.1)}#interests .interest-item{cursor:pointer;margin-bottom:30px!important}#interests .interest-item-title{margin-bottom:5px!important}#interests .interest-item .interest-item-icon{color:red}#interests .interest-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.4rem 1.2rem;transition:transform .3s ease,background-color .3s ease}#interests .interest-item:hover{transform:translateY(-4px);background:#ff3b3b14}#interests .interest-item-title{margin-bottom:12px!important}#interests .interest-item .interest-item-icon{color:var(--accent)}.resume .resume-title{font-size:26px;font-weight:700;margin-top:20px;margin-bottom:20px;color:#fff}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid red;position:relative}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;font-family:Poppins,sans-serif;color:#fff;margin-bottom:10px}.resume .resume-item h5{font-size:16px;background:#ff5656;color:#fff;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#171717;border:2px solid red}.full-resume{margin-top:20px}.resume .resume-title{color:var(--text)}.resume .resume-item{border-left-color:var(--accent)}.resume .resume-item h4{color:var(--text)}.resume .resume-item h5{background:var(--accent);border-radius:999px}.resume .resume-item:before{border-color:var(--accent);background:var(--bg-strong)}.skills .progress{height:70px;display:block;background:#ffffff0f;border-radius:18px;padding:16px;margin-bottom:20px}.skills .progress .skill{padding:0;margin:0 0 8px;text-transform:uppercase;display:block;font-weight:700;font-family:Poppins,sans-serif;color:var(--text)}.skills .progress .skill .val{float:right;font-style:normal;color:var(--muted)}.skills .progress-bar-wrap{background:#ffffff24;height:14px;border-radius:999px}.skills .progress-bar{width:1px;height:14px;transition:all .9s ease-in;background-color:var(--accent);border-radius:999px}.carousel-img{height:50vh;width:100%!important}.project-name{color:#fe3939}.portfolio-item-section-head{border-color:#fe3939!important;margin-bottom:20px}.carousel-img{border-radius:24px;object-fit:cover}.project-name{color:var(--accent)}.portfolio-item-section-head{border-color:var(--accent)!important}.project-details{background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px}hr{border-color:#ffffff1f}.portfolio-container{margin-top:20px}hr{margin-top:40px;margin-bottom:40px;border-color:#ffffff1f}:root{--bg: #0d1118;--bg-strong: #0b1017;--surface: rgba(255,255,255,.08);--surface-strong: rgba(255,255,255,.12);--text: #f5f8ff;--muted: #bbc4d1;--accent: #ff3b3b;--accent-soft: rgba(255,59,59,.14);--border: rgba(255,255,255,.08);--radius: 28px;--shadow: 0 24px 80px rgba(0,0,0,.45)}body{font-family:Inter,Open Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,59,59,.1),transparent 30%),linear-gradient(180deg,#0f131b,#0b1017);min-height:100vh;margin:0;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s ease,transform .2s ease}a:hover{color:#ff6b6b;transform:translate(1px)}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}button,.btn,.app-btn-color,.app-btn-color-outline{font-family:inherit}.app-color{color:var(--accent)}.app-btn-color-outline{border:2px solid var(--accent);color:var(--accent);background:transparent;transition:background-color .25s ease,color .25s ease,transform .25s ease}.app-btn-color{background-color:var(--accent);color:#fff;border:2px solid transparent}.app-btn-color-outline:hover,.app-btn-color-outline:focus{background-color:var(--accent);color:#fff;transform:translateY(-1px)}.app-btn-color:hover,.app-btn-color:focus{filter:brightness(1.05);transform:translateY(-1px)}.btn{border-radius:999px;padding:.85rem 1.7rem;font-weight:600}#main{margin-left:100px;transition:margin .3s ease}@media (max-width: 1199px){#main{margin-left:0}}.main-section-item .content{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.main-section-item .content h3{font-weight:700;font-size:clamp(1.75rem,2.2vw,2.4rem);color:var(--accent);margin-bottom:1rem}.main-section-item .content ul{list-style:none;padding:0}.main-section-item .content ul li{margin-bottom:18px;display:flex;align-items:center;color:var(--muted)}.main-section-item .content ul strong{margin-right:10px;color:var(--text)}.main-section-item .content ul i{font-size:16px;margin-right:8px;color:var(--accent);line-height:1}.main-section-item .content p:last-child{margin-bottom:0}section{padding:80px 0}.section-bg{background:transparent}.section-title{padding-bottom:28px;max-width:720px}.section-title h2{font-size:clamp(2.3rem,4vw,3.4rem);font-weight:800;margin-bottom:16px;position:relative;letter-spacing:-.02em}.section-title h2:after{content:"";position:absolute;display:block;width:60px;height:4px;background:var(--accent);bottom:0;left:0}.section-title p{margin-bottom:0;color:var(--muted);line-height:1.8;font-size:1rem}.text-white{color:var(--text)!important}.fst-italic{font-style:italic!important;color:var(--muted)}.lead{color:var(--text)}.border-2{border-width:2px!important}.rounded-pill{border-radius:999px!important}@media (max-width: 768px){section{padding:60px 0}}