:root{--primary: 184, 0, 0;--white: #ffffff;--primary-dark:#e62247;--background:#09090b;--surface:#111827;--surface-light:#1f2937;--text:#f8fafc;--text-light:#cbd5e1;--text-muted:#94a3b8;--border:rgba(255,255,255,.08);--success:#22c55e;--danger:#ef4444;--radius:18px;--transition:.35s ease;--shadow: 0 20px 60px rgba(0,0,0,.35)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.row{margin-left:0!important;margin-right:0!important}body{font-family:monospace,Inter,sans-serif;background:var(--background);color:var(--text);overflow-x:visible;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}ul{list-style:none;margin:0;padding:0}button{border:none;outline:none}input,textarea{outline:none;border:none}.hero-title{font-size:clamp(1rem,.9rem,1rem)}.hero-subtitle{font-size:clamp(.9rem,.9rem,.9rem)}.hero-title{perspective:1000px}.hero-description span{display:block}::-moz-selection{background:rgba(var(--primary),1);color:#fff}::selection{background:rgba(var(--primary),1);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#30363d;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary),1)}body:before{content:"";position:fixed;top:-250px;left:-250px;width:500px;height:500px;border-radius:50%;background:#ffffff2e;filter:blur(140px);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;right:-250px;bottom:-250px;width:500px;height:500px;border-radius:50%;background:rgb(var(--primary),.08);filter:blur(140px);pointer-events:none;z-index:-2}.container{max-width:93%}section{position:relative;padding:120px 0}.section-padding{padding:120px 0}.section-heading{margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:50px;background:rgba(var(--primary),.1);color:rgba(var(--primary),1);font-size:14px;font-weight:600;margin-bottom:20px}.section-heading h2{font-size:52px;line-height:1.2;font-weight:800;margin-bottom:20px}.section-heading p{color:var(--text-muted);max-width:700px}.btn{border-radius:14px;padding:15px 28px;font-weight:600;transition:var(--transition)}.hero-buttons .btn.btn-primary{background:rgba(var(--primary),1);box-shadow:7px 7px 2px #ffffff47}.hero-buttons .btn.btn-primary:hover{background:var(--white)}.btn-primary{background:rgba(var(--primary),1);border:none}.btn-primary:hover{background:#fff;color:#000}.btn-outline-light{border:1px solid var(--border);color:#fff}.btn-outline-light:hover{background:#fff;color:#111}.card-glass{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.text-muted{color:var(--text-muted)!important}.rounded-xl{border-radius:22px}.shadow-lg{box-shadow:var(--shadow)!important}.border-glass{border:1px solid var(--border)}.fade-up{opacity:0;transform:translateY(30px)}.fade-up.show{opacity:1;transform:none;transition:.7s}@media (max-width:992px){section{padding:90px 0}.section-heading{text-align:center}.section-heading h2{font-size:38px}}@media (max-width:576px){.section-heading h2{font-size:30px}.btn{margin-top:1rem;width:100%}}.site-header{position:fixed;top:0;left:0;width:100%;z-index:9999;padding:18px 0;transition:all .35s ease}.site-header.scrolled{padding:10px 0}.site-header.scrolled .navbar{background:#09090bd1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.07);box-shadow:0 15px 40px #00000073}.navbar{width:100%;min-height:76px;display:flex;align-items:center;padding:14px 24px;background:transparent;border-radius:18px;transition:all .35s ease}.navbar-brand{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:24px;font-weight:800;white-space:nowrap}.navbar-brand:hover{color:#fff!important}.logo-circle{width:12px;height:12px;flex-shrink:0;border-radius:50%;background:rgba(var(--primary),1);box-shadow:0 0 10px rgba(var(--primary),1),0 0 25px rgba(var(--primary),1);animation:logoPulse 2s infinite}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.navbar-nav{display:flex;align-items:center;gap:8px}.nav-link{position:relative;color:var(--text-light)!important;font-size:15px;font-weight:500;padding:10px 15px!important;transition:all .3s ease}.nav-link.active{color:#fff!important}.nav-link:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:2px;transform:translate(-50%);background:rgba(var(--primary),1);border-radius:10px;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:60%}.header-actions{display:flex;align-items:center;gap:10px}.github-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:19px;transition:all .3s ease}.github-btn:hover{background:#fff;color:#111;transform:translateY(-3px);border-color:#fff}.navbar-toggler{width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;color:#fff!important;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;font-size:20px;transition:all .3s ease}.navbar-toggler:hover{background:#ffffff1a}.navbar-toggler:focus{box-shadow:none!important}@media (max-width: 991.98px){.site-header{padding:12px 0}.site-header.scrolled{padding:8px 0}.navbar{padding:12px 18px;min-height:68px}.navbar-collapse{margin-top:15px;padding:15px 0 5px;border-top:1px solid rgba(255,255,255,.08)}.navbar-nav{width:100%;gap:2px;margin-bottom:15px}.nav-item{width:100%}.nav-link{width:100%;text-align:center;padding:12px 10px!important;border-radius:10px}.nav-link:after{bottom:4px}.header-actions{width:100%;justify-content:center}.github-btn{width:100%;height:46px;border-radius:12px}}@media (max-width: 576px){.navbar{padding:11px 14px;background:#2c2c2d}.navbar-brand{font-size:20px}.logo-circle{width:10px;height:10px}.navbar-toggler{width:42px;height:42px}}body{padding-top:110px}@media (max-width:991px){.hero-section{overflow:hidden;text-align:center}.hero-description{margin:auto auto 40px}.hero-buttons{justify-content:center}.hero-social{justify-content:center;margin-bottom:70px}.hero-image-wrapper{width:340px}.card-one{left:-20px}.card-two{right:-20px}}@media (max-width:576px){.hero-image-wrapper{width:260px}.floating-card{display:none}}.about-section{position:relative}.about-text{font-size:18px;color:var(--text-muted);line-height:2;max-width:700px}.about-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:35px;height:100%;overflow:hidden;transition:.35s}.about-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,rgba(var(--primary),1),#000);transform:scaleX(0);transform-origin:left;transition:.35s}.about-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary),1);box-shadow:0 25px 60px #a2a2a259}.about-card:hover:before{transform:scaleX(1)}.about-card i{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#3b82f61f;color:rgba(var(--primary),1);font-size:28px;margin-bottom:25px}.about-card h5{font-size:22px;font-weight:700;margin-bottom:12px}.about-card p{color:var(--text-muted);margin:0}.projects-section{position:relative}.project-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;height:100%;transition:.35s}.project-card:hover{transform:translateY(-12px);border-color:rgba(var(--primary),1);box-shadow:0 30px 80px #00000059}.project-card img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:.6s}.project-card:hover img{transform:scale(1.08)}.project-card,.timeline-item{will-change:transform,opacity}.project-card img{will-change:transform}.project-body{padding:30px}.project-body h4{font-size:26px;font-weight:700;margin-bottom:15px}.project-body p{color:var(--text-muted);min-height:60px;margin-bottom:25px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.project-tags span{padding:8px 16px;border-radius:30px;border:1px solid rgba(var(--primary),.8);color:rgba(var(--primary),1);font-size:13px;font-weight:600}.project-body a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:600;transition:.35s}.project-body a:hover{color:rgba(var(--primary),1);gap:16px}.featured-project{position:relative;margin-bottom:70px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden}.featured-project img{width:100%;height:450px;-o-object-fit:cover;object-fit:cover}.featured-content{padding:50px}.featured-content h3{font-size:42px;font-weight:800;margin-bottom:20px}.featured-content p{color:var(--text-muted);font-size:17px;line-height:2;margin-bottom:35px}.featured-stack{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.featured-stack span{padding:10px 20px;border-radius:50px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);color:#8ab4ff;font-size:14px}.featured-buttons{display:flex;gap:18px;flex-wrap:wrap}@media (max-width:992px){.featured-content{padding:35px}.featured-content h3{font-size:34px}}@media (max-width:768px){.project-card img{height:310px}.featured-project img{height:260px}.featured-content{padding:30px}.featured-content h3{font-size:28px}.project-body{padding:22px}}@media (max-width:576px){.about-card{padding:28px}.project-body h4{font-size:22px}.featured-buttons .btn{width:100%}}.skills-section{position:relative}.skill-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:35px 25px;text-align:center;transition:.35s;height:100%}.skill-card:hover{transform:translateY(-10px);border-color:rgba(var(--primary),1);box-shadow:0 25px 60px #89898959}.skill-card i{font-size:50px;color:rgba(var(--primary),1);margin-bottom:25px}.skill-card h5{font-size:22px;font-weight:700;margin-bottom:10px}.skill-card span{color:var(--text-muted);font-size:15px}.timeline{position:relative;max-width:900px;margin:auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:#ffffff63}.timeline-item{position:relative;padding-left:90px;margin-bottom:70px}.timeline-item:last-child{margin-bottom:0}.timeline-year{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;background:rgba(var(--primary),1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 10px 30px #b80000}.timeline-content{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:30px;transition:.35s}.timeline-content:hover{transform:translate(10px);border-color:rgba(var(--primary),1)}.timeline-content h4{font-size:24px;font-weight:700;margin-bottom:15px}.timeline-content p{color:var(--text-muted);margin:0}.stats-section{position:relative}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;text-align:center;padding:25px 20px;transition:.35s}.stat-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary),1)}.stat-card h2{font-size:56px;font-weight:800;color:rgba(var(--primary),1);margin-bottom:15px}.stat-card p{color:var(--text-muted);margin:0}.contact-box{max-width:900px;margin:auto;padding:70px;text-align:center;border-radius:30px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.contact-box h2{font-size:48px;font-weight:800;margin:20px 0}.contact-box p{color:var(--text-muted);max-width:650px;margin:0 auto 40px}.contact-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-links{display:flex;justify-content:center;gap:20px}.social-links a{width:60px;height:60px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:22px;transition:.35s}.social-links a:hover{background:rgba(var(--primary),1);transform:translateY(-6px)}.footer{padding:100px 0 40px;border-top:1px solid rgba(255,255,255,.08)}.footer-logo{font-size:28px;font-weight:800;color:#fff}.footer-description{margin-top:20px;color:var(--text-muted)}.footer-title{font-size:18px;font-weight:700;margin-bottom:25px}.footer-links li{margin-bottom:14px}.footer-links a{color:var(--text-muted);transition:.3s}.footer-links a:hover{color:rgba(var(--primary),1);padding-left:8px}.footer-mail{color:rgba(var(--primary),1);font-weight:600}.footer hr{margin:60px 0 30px;border-color:#ffffff14}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted)}@media (max-width:992px){.timeline:before{left:25px}.timeline-item{padding-left:80px}.contact-box{padding:45px}}@media (max-width:768px){.contact-box h2{font-size:34px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width:576px){.timeline-year{width:50px;height:50px;font-size:14px}.timeline-item{padding-left:70px}.timeline-content{padding:22px}.stat-card h2{font-size:40px}.contact-box{padding:30px 25px}}.cursor-glow{position:fixed;width:450px;height:450px;left:0;top:0;border-radius:50%;pointer-events:none;z-index:-1;opacity:.35;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.35) 0%,rgba(59,130,246,.15) 30%,rgba(59,130,246,.05) 60%,transparent 75%);transition:transform .08s linear,opacity .3s}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1),rgba(0,0,0,.2));mask-image:radial-gradient(circle at center,#000,#0003)}.reveal{opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:none}.reveal-left{opacity:0;transform:translate(-70px);transition:.8s}.reveal-left.active{opacity:1;transform:none}.reveal-right{opacity:0;transform:translate(70px);transition:.8s}.reveal-right.active{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.9);transition:.8s}.reveal-scale.active{opacity:1;transform:scale(1)}.image-hover{overflow:hidden;border-radius:24px}.image-hover img{transition:.6s}.image-hover:hover img{transform:scale(1.08)}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-25deg)}.shine:hover:before{animation:shine 1s}@keyframes shine{to{left:160%}}.glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 25px 60px #00000059}.float{animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.gradient-text{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-divider{width:120px;height:4px;border-radius:30px;margin:25px auto 0;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090b;z-index:99999;display:flex;justify-content:center;align-items:center;transition:.6s}.loader-circle{width:70px;height:70px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:30px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);color:#8ab4ff;font-size:14px;font-weight:600}.icon-box{width:70px;height:70px;border-radius:20px;display:flex;justify-content:center;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:.35s}.icon-box:hover{background:#3b82f6;transform:rotate(6deg)}.scroll-top{position:fixed;right:30px;bottom:30px;width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:none;color:rgba(var(--primary),1);opacity:0;visibility:hidden;transition:.35s;z-index:100}.scroll-top.show{opacity:1;visibility:visible}.scroll-top:hover{color:#fff;transform:translateY(-5px)}.hero-image-wrapper{position:relative;width:430px;margin:auto}.hero-image{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:5px solid rgb(255 255 255);transition:.5s}.hero-image-wrapper:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:2px dashed rgba(var(--primary),1);box-shadow:0 0 43px -25px rgba(var(--primary),1);animation:rotateRing 30s linear infinite}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:16px;background:#11182700;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:15px;font-weight:600;box-shadow:0 15px 35px rgba(var(--primary),.5);animation:floatCard 4s ease-in-out infinite}.floating-card i{color:rgba(var(--primary),1);font-size:23px}.card-one{top:20px;left:-70px}.card-two{top:180px;right:-80px;animation-delay:1s}.card-three{left:20px;bottom:15px;animation-delay:2s}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:992px){.hero-image-wrapper{width:330px;margin-top:60px}.card-one{left:-20px}.card-two{right:-20px}}@media (max-width:576px){.hero-image-wrapper{width:min(260px,75vw)}.floating-card{display:none}}.hero-social{display:flex;align-items:center;gap:18px}.hero-social a{position:relative;width:58px;height:58px;display:flex;justify-content:center;align-items:center;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:22px;overflow:hidden;transition:.35s}.hero-social a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00b894;opacity:0;transition:.35s}.hero-social a i{position:relative;z-index:2}.hero-social a:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 15px 35px #3b82f659}.hero-social a:hover:before{opacity:1}.hero-social a:hover i{color:#fff;transform:scale(1.15)}.hero-social a:nth-child(1):hover{box-shadow:0 15px 35px #ffffffad}.hero-social a:nth-child(2):hover{box-shadow:0 15px 35px #0088ccad}.hero-social a:nth-child(3):hover{box-shadow:0 15px 35px #0088ccad}.hero-social a:nth-child(4):hover{box-shadow:0 15px 35px #e1306c73}.stat{justify-content:center}.custom-icon path{fill:rgba(var(--primary),1)}.custom-icon{margin-bottom:25px}