.main-body{-webkit-filter:blur(5px)}#loader-bg{z-index:900;background-color:#00000080;width:100vw;height:106vh;margin-top:-3%;position:fixed;top:0;left:0;transform:translateY(-1%)}#loader{z-index:1000;width:240px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#loader path:last-child{stroke-dasharray:196.333;stroke-dashoffset:589px;animation:3s infinite line-anim}#loader path:nth-last-child(2){stroke-dasharray:213.333;stroke-dashoffset:320px;animation:3s infinite line-anim}#loader path:nth-last-child(3){stroke-dasharray:259;stroke-dashoffset:518px;animation:3s infinite line-anim}#loader path:nth-last-child(4){stroke-dasharray:369;stroke-dashoffset:738px;animation:3s infinite line-anim}#loader path:nth-last-child(5){stroke-dasharray:299.5;stroke-dashoffset:599px;animation:3s infinite line-anim}#loader path:nth-last-child(6){stroke-dasharray:267.5;stroke-dashoffset:535px;animation:3s infinite line-anim}#loader path:nth-last-child(7){stroke-dasharray:294.5;stroke-dashoffset:589px;animation:3s infinite line-anim}#loader path:nth-last-child(8){stroke-dasharray:312;stroke-dashoffset:624px;animation:3s infinite line-anim}#loader path:nth-last-child(9){stroke-dasharray:267.5;stroke-dashoffset:535px;animation:3s infinite line-anim}#loader path:nth-last-child(10){stroke-dasharray:224;stroke-dashoffset:448px;animation:3s infinite line-anim}@keyframes line-anim{to{stroke-dashoffset:0;stroke-dasharray:100%}}@media (width>=450px){#loader{width:270px}}@media (width>=580px){#loader{width:350px}}@media (width>=768px){#loader{width:450px}}@media (width>=1024px){#loader{width:700px}}@media (width>=1250px){#loader{width:900px}}:root{--primary-color:#4fb695;--primary-hover:#3da584;--primary-light:#4fb6951a;--dark-bg:#0a0f1a;--card-bg:#1e293b4d;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#4fb695;--gradient-primary:linear-gradient(135deg, #4fb695, #3da584);--glass-bg:#1e293b33;--glass-border:#ffffff1a}body{background-color:var(--dark-bg);color:var(--text-primary);perspective:1000px;margin:0;padding:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#particle-canvas{z-index:-5;width:100%;height:100vh;display:block;position:fixed;top:0;left:0}.content-body{z-index:10;flex-direction:column;min-height:100vh;max-height:100vh;display:flex;position:relative;overflow-y:auto}.main-content{flex:1 0 auto}.content-body>.footer{flex-shrink:0;margin-top:auto}.navbar-wrapper{z-index:100;position:fixed;top:.5rem;left:.7rem;right:.7rem}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:10px;padding:.75rem 0;transition:all .5s cubic-bezier(.4,0,.2,1);animation:1s ease-out forwards slideUp;position:sticky}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.navbar.scrolled{background:#0a0f1acc;box-shadow:0 4px 30px #0003}.nav-link{transform-style:preserve-3d;margin:0 .5rem;padding:.5rem 1rem;font-weight:500;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-primary)!important}.nav-link:before{content:"";background:var(--gradient-primary);transform-origin:100%;z-index:-1;border-radius:8px;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(0)}.nav-link:hover:before{transform-origin:0;transform:scaleX(1)}.footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--glass-border);transition:all .5s cubic-bezier(.4,0,.2,1)}@media (width<=500px){.footer .social-link{border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;margin:0 .3rem}}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d;border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000001a}.card:hover .skill-icon i{transition:color .3s;color:inherit!important}.skill-icon i{color:currentColor}.card .skill-icon i{color:#6c757d}.card:hover .skill-icon i,.card:hover .display-4{color:#4fb695!important}.card .display-4{transition:color .3s}.btn-primary{background:var(--gradient-primary);letter-spacing:.5px;z-index:1;transform-style:preserve-3d;border:none;border-radius:12px;padding:1rem 2rem;font-weight:600;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:-1;transform-origin:50%;background:linear-gradient(135deg,#3da584,#4fb695);width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scale(0)}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 10px 20px #4fb6954d}.btn-primary:hover:before{transform:scale(1.1)}.section{padding:4rem 0;position:relative}.hero-section{align-items:center;min-height:100vh;padding:6rem 0 4rem;display:flex}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;transform-style:preserve-3d;-webkit-background-clip:text;margin-bottom:2.5rem;font-size:3.5rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:0;transform:translateZ(10px)}.projects-section{padding-top:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-link{background:var(--primary-light);width:40px;height:40px;color:var(--primary-color);transform-style:preserve-3d;border-radius:12px;justify-content:center;align-items:center;margin:0 .5rem;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-flex}.social-link:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.pagination{justify-content:center;gap:.5rem;margin-top:2rem;padding:1rem;display:flex}.page-item{list-style:none}.page-link{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;border-radius:12px;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-link:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4fb69533}.page-item.active .page-link{background:var(--gradient-primary);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #4fb6954d}.page-item.disabled .page-link{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-secondary);opacity:.5;pointer-events:none}@media (width<=768px){.pagination{flex-wrap:wrap;gap:.25rem}.page-link{padding:.4rem .8rem;font-size:.9rem}}.navbar-brand h3{margin-top:5px;transition:transform .5s}.navbar-brand:hover h3{transform:scale(1.05)}.bg-custom{background-color:#4fb695!important}.tech-badge{background:var(--primary-light);color:var(--primary-color);transform-style:preserve-3d;border-radius:8px;align-items:center;margin:.25rem;padding:.5rem 1rem;font-size:.875rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.tech-badge i{margin-right:.5rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.tech-badge:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #4fb69533}.tech-badge:hover i{transform:scale(1.2)}.tech-badge:before{content:"";background:var(--gradient-primary);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.tech-badge:hover:before{opacity:1}.tech-more{background:var(--primary-light);color:var(--primary-color);cursor:pointer;border-radius:8px;align-items:center;margin:.25rem;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:inline-flex}.tech-more:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #4fb69533}.tech-card .card-body>i{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text{background:linear-gradient(135deg,#4fb695,#3da584);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.typing-text{min-width:200px;display:inline-block}.code-window{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.code-header{background:#0003;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-content{min-height:200px;padding:1.5rem}.code-content pre{color:#4fb695;scrollbar-width:none;margin:0;overflow-y:auto}.code-content pre::-webkit-scrollbar{display:none}.code-content code{font-family:Space Mono,monospace;font-size:.9rem}.floating-elements{pointer-events:none;position:absolute;inset:0}.float-element{opacity:.8;pointer-events:none;font-size:36px;animation:4s ease-in-out infinite floating;position:absolute}.float-element i{color:#4fb695;transition:color .3s}.float-element i:hover{color:#1f9f70}@media (width<=576px){.code-window{margin-top:1.2rem}.float-element{font-size:28px}.code-content code{font-size:.8rem}}.fe-1{animation-delay:0s;top:5%;left:15%}.fe-2{animation-delay:1s;top:25%;right:5%}.fe-3{animation-delay:2s;bottom:50%;left:45%}.fe-4{animation-delay:3s;bottom:-5%;right:20%}.fe-5{animation-delay:4s;bottom:0%;right:5%}.fe-6{animation-delay:5s;bottom:55%;right:25%}.fe-7{animation-delay:6s;bottom:-5%;left:25%}.fe-8{animation-delay:7s;bottom:25%;left:1%}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);position:relative;overflow:hidden}.card-image{position:relative;overflow:hidden}.card-image img,.card-img-top{object-fit:cover;height:200px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.card-overlay a{transition:color .5s cubic-bezier(.4,0,.2,1)}.card-container:hover .card{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 20px 40px #4fb69533}.card-container:hover .card-image img{transform:scale(1.1)}.card-container:hover .card-overlay{opacity:1}.card-container:hover .card-overlay a{color:#4fb695}.card-link,.read-more{color:var(--primary-color);align-items:center;text-decoration:none;transition:all .3s;display:inline-flex}.card-link:hover,.read-more:hover{transform:translate(5px);color:#3e9d7a!important}@media (width<=768px){.hero-section{padding:4rem 0}.display-1{font-size:3rem}}.container{z-index:1;position:relative}.min-vh-75{min-height:75vh}.about-image img{border-radius:20px;transition:transform .3s}.about-image img:hover{transform:scale(1.02)}.skill-icon{background:var(--glass-bg);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .3s;display:flex}.card:hover .skill-icon{transform:scale(1.1)}.timeline{padding:2rem 0;position:relative}.timeline:before{content:"";background:var(--primary-color);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{width:calc(50% - 2rem);margin-bottom:2rem;margin-left:auto;position:relative}.timeline-item:nth-child(2n){margin-left:0;margin-right:auto}.timeline-item:before{content:"";background:var(--primary-color);border-radius:50%;width:1rem;height:1rem;transition:transform .5s;position:absolute;top:1rem}.timeline-item:hover:before{border:1px solid #fff;transition:transform .5s;transform:scale(1.2)}.timeline-item:nth-child(odd):before{left:-2.5rem}.timeline-item:nth-child(2n):before{right:-2.5rem}@media (width<=768px){.timeline:before{left:1rem}.timeline-item{width:calc(100% - 3rem);margin-left:3rem!important}.timeline-item:before{left:-2.5rem!important}}.card .badge{color:#fff;background-color:#4fb695!important}.card-body{color:#fff}.badge.bg-primary{color:var(--dark-bg);background-color:#4fb695!important}.timeline-item .card .card-body h3,.timeline-item .card .card-body h4{color:#fff}.timeline-item .card .card-body p{color:#d3d3d3}.contact-item{transition:all .3s}.contact-item:hover{transform:translate(10px)}.contact-icon{transition:all .3s}.contact-item:hover .contact-icon{color:var(--primary-color);transform:scale(1.2)}.hover-text-primary{transition:all .3s}.hover-text-primary:hover{color:var(--primary-color)!important}.contact-form .form-control{background-color:var(--card-bg);border:1px solid var(--border-color);color:#fff;transition:all .3s}.contact-form .form-control:focus{background-color:var(--card-bg);border-color:var(--primary-color);color:#fff;box-shadow:0 0 0 .15rem #4fb69540}.contact-form .form-control::placeholder{color:#6c757d}.fade-in{animation:.5s forwards fadeIn}.card{transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.text-custom{color:#4fb695!important}.text-custom:hover{color:#3a9d78!important}.project-detail-page{min-height:100vh;padding-top:5rem}.project-title{z-index:1;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;position:relative}.tech-stack-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.showcase-window{background:var(--glass-bg);border-radius:12px;transition:all .3s;overflow:hidden}.window-controls{gap:8px;display:flex}.circle{border-radius:50%;width:12px;height:12px;display:inline-block}.window-header{border-bottom:1px solid var(--glass-border);background:#0003;align-items:center;padding:1rem;display:flex}.window-title{color:var(--text-secondary);background:#0000004d;border-radius:8px;flex:1;padding:.5rem 1rem;font-size:.875rem}.window-content{position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.showcase-window:hover .project-image{transform:scale(1.02)}.content-card{background:var(--glass-bg);border:1px solid var(--glass-border)}.content-title{color:var(--text-primary);padding-bottom:1rem;position:relative}.content-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.project-description{color:var(--text-secondary);line-height:1.8}.links-card,.tech-card{background:var(--glass-bg);border:1px solid var(--glass-border)}.sidebar-title{color:var(--text-primary);padding-bottom:1rem;position:relative}.sidebar-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.btn-primary{background:var(--gradient-primary);border:none;padding:12px 24px;font-weight:500}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.tech-item{background:var(--primary-light);color:var(--primary-color);text-align:center;border-radius:12px;padding:1rem;transition:all .3s}.tech-item i{margin:0 auto .5rem;font-size:1.5rem;display:block}.tech-item:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px)}.related-projects{margin-top:4rem}#social-cards{flex-wrap:wrap;gap:20px;margin:0 auto;display:flex}.social-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;flex:0 calc(25% - 20px);min-width:200px;height:250px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #0000001a}@media (width<=1200px){.social-card{flex:0 calc(50% - 20px)}}@media (width<=500px){.social-card{text-align:center;flex:0 70%;justify-content:center;margin:0 auto}}.social-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px #4fb69533}.social-card_content{border-radius:inherit;flex-direction:column;position:absolute;inset:1px}.social-card:first-child{--color:124 80% 24%}.social-card:nth-child(2){--color:220 100% 35%}.social-card:nth-child(3){--color:0 0% 100%}.social-card:nth-child(4){--color:348 80% 60%}.social-card:before{content:"";background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), hsl(var(--color) / .35), transparent 40%);border-radius:inherit;opacity:0;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#social-cards:hover>.social-card:before{opacity:1}.social-card_content a{all:unset;cursor:pointer}.social-card_content{justify-content:center;align-items:center;gap:2px;display:flex}.social-card_content>i{color:#ffffff80;padding-bottom:4px;font-size:4rem}.social-card_content>p{color:#ffffff80}.social-card_content>a{z-index:10;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:2px;width:70%;padding-block:.5rem;display:flex}.social-card_content>a:hover{background-color:#ffffff1a;border:1px solid #fff3}