:root{--midnight-blue: #0A192F;--experience-card: #131d26;--cyber-teal: rgba(183, 110, 121, .3);--neon-magenta: #FF007F;--hot-pink: #3e2442;--gunmetal: #2D2E32;--off-white: #EAEAEA;--gradient-background: linear-gradient(269deg, #583147, #131d26);--transition-speed: .3s;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.5;font-weight:400;background-color:var(--gradient-background);color:var(--off-white)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--cyber-teal);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--gunmetal);color:var(--off-white);cursor:pointer;transition:all var(--transition-speed) ease}button:hover{background-color:var(--cyber-teal);color:var(--midnight-blue)}a{color:var(--cyber-teal);text-decoration:none;transition:all var(--transition-speed) ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(#131d26,95%)}::-webkit-scrollbar-thumb{background:var(--cyber-teal);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--hot-pink)}::selection{background:var(--cyber-teal);color:var(--midnight-blue)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.mobile-menu-btn{display:none}@media screen and (max-width: 768px){.mobile-menu-btn{display:block}}.header{position:fixed;top:0;left:0;right:0;height:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;box-shadow:0 2px 10px #0000004d;width:100%}.header nav{height:100%;width:100%;max-width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#131d26;box-sizing:border-box;border-bottom:1px solid rgba(183,110,121,.2);overflow:hidden}.header nav .logo{font-size:1.4rem;font-weight:600;color:#d8c3a5;flex:0 0 180px;transition:all .3s ease}.header nav .logo:hover{color:#fff}.header nav .nav-links{display:flex;gap:2rem}.header nav .nav-links .nav-link{color:#e8d5c4;text-decoration:none;font-size:1rem;font-weight:500;padding:.4rem .8rem;border-radius:20px;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.header nav .nav-links .nav-link:hover{color:#d8c3a5;background:#3a333b}.header nav .nav-links .nav-link.active{color:#d8c3a5;background:#3a333b}.header nav .mobile-menu-btn{display:none}.header nav .time-display{color:#d8c3a5;font-size:1rem;font-weight:900;border-radius:20px;transition:all .3s ease}.header nav .time-display:hover{color:#fff}@media (max-width: 992px){.header{width:100%}.header nav{padding:0 .8rem}.header nav .nav-links{gap:1.5rem}}@media (max-width: 768px){.header{position:fixed;height:45px}.header nav{padding:0 1rem;height:100%;position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header nav .logo{text-align:left;flex:0 0 auto;padding:0;font-size:1.1rem;color:#e8d5c4;min-width:0}.header nav .nav-links{flex:1;width:auto;gap:.8rem;padding:0;justify-content:center}.header nav .nav-links .nav-link{font-size:.85rem;padding:.3rem .6rem}.header nav .time-display{flex:0 0 auto;font-size:1rem;padding:.3rem .6rem}}@media screen and (max-width: 425px){.header .mobile-menu-btn{position:fixed;top:.5rem;right:.5rem;z-index:1001;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0}.header .mobile-menu-btn .hamburger{position:relative;display:flex;justify-content:center;align-items:center;width:24px;height:2px;background:#fff;transition:all .3s ease}.header .mobile-menu-btn .hamburger:before,.header .mobile-menu-btn .hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#fff;transition:all .3s ease;left:0}.header .mobile-menu-btn .hamburger:before{top:-8px}.header .mobile-menu-btn .hamburger:after{bottom:-8px}.header .mobile-menu-btn .hamburger.open{background:transparent}.header .mobile-menu-btn .hamburger.open:before{top:0;transform:rotate(45deg)}.header .mobile-menu-btn .hamburger.open:after{bottom:0;transform:rotate(-45deg)}}@media screen and (max-width: 425px){.header{position:fixed;height:55px;background:#131d26}.header nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#131d26;padding:2rem 1.5rem;transition:right .3s ease;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.header nav.open{right:0}.header nav .logo{text-align:center;padding:0;font-size:1.5rem;color:#e8d5c4}.header nav .nav-links{flex-direction:column;gap:1rem;padding:0}.header nav .nav-links .nav-link{width:100%;text-align:center;padding:1rem;background:#7a4f66b3;border-radius:8px;font-size:1rem}}.footer{min-height:calc(100vh - 400px);width:100vw;margin:0;background:#131d26;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%)}.footer .footer-content{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:5rem 5rem 2rem;justify-items:center;box-sizing:border-box}.footer .footer-content .footer-section h3{color:#e8d5c4;font-size:1.2rem;margin-bottom:1.5rem;position:relative}.footer .footer-content .footer-section h3:after{content:"";position:absolute;left:0;bottom:-.5rem;width:2rem;height:2px;background:#b76e79}.footer .footer-content .footer-section .social-links{display:flex;gap:1rem}.footer .footer-content .footer-section .social-links a{color:#e8d5c4;font-size:2rem;transition:color .3s ease;cursor:pointer}.footer .footer-content .footer-section .social-links a[href^="mailto:"]:hover{color:#b76e79}.footer .footer-content .footer-section ul{list-style:none;padding:0}.footer .footer-content .footer-section ul li{margin-bottom:.8rem}.footer .footer-content .footer-section ul li a{color:#e8d5c4;text-decoration:none;transition:color .3s ease}.footer .footer-content .footer-section p{color:#e8d5c4;line-height:1.6}@media (max-width: 768px){.footer{padding:2rem 1rem 1rem}.footer .footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer .footer-content .footer-section .social-links{justify-content:center}.footer .footer-content .footer-section h3:after{left:50%;transform:translate(-50%)}}.footer .footer-bottom{text-align:center;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);width:100%;margin-top:auto;box-sizing:border-box}.footer .footer-bottom p{color:#e8d5c4;font-size:.9rem;margin:0}@media (max-width: 768px){.footer{padding:3rem 1.5rem 1.5rem}.footer .footer-content{grid-template-columns:1fr;text-align:center}.footer .footer-content .footer-section h3:after{left:50%;transform:translate(-50%)}.footer .footer-content .footer-section .social-links{justify-content:center}}.hero{min-height:calc(100vh - 40px);width:100%;display:flex;align-items:center;background:linear-gradient(269deg,#583147,#131d26);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(216,195,165,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(58,51,59,.1) 0%,transparent 50%);pointer-events:none}.hero .hero-container{width:100%;height:100%;margin:0 30px;padding:2rem 1rem;display:flex;align-items:center;justify-content:center;gap:2rem}.hero .hero-container .hero-content{flex:0 1 60%;padding-right:2rem}.hero .hero-container .hero-content h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;background:linear-gradient(135deg,#8e6168,#110f10);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#D8C3A5;font-weight:700;text-shadow:0 0 30px rgba(216,195,165,.3)}.hero .hero-container .hero-content .title{font-size:clamp(1.5rem,3vw,2rem);color:#d8c3a5;margin-bottom:1.5rem;font-weight:600}.hero .hero-container .hero-content .description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;color:#e8d5c4;margin-bottom:2rem;max-width:600px}.hero .hero-container .hero-content .cta-buttons{display:flex;gap:1.5rem}.hero .hero-container .hero-content .cta-buttons a{padding:.8rem 1.8rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s ease;display:inline-block}.hero .hero-container .hero-content .cta-buttons .primary-btn{background:linear-gradient(135deg,#8e6168,#110f10);color:#d8c3a5;border-radius:25px}.hero .hero-container .hero-content .cta-buttons .primary-btn:hover{background:linear-gradient(135deg,#d8c3a5,#3a333b);transform:translateY(-2px) scale(1.02)}.hero .hero-container .hero-content .cta-buttons .secondary-btn{border:2px solid #D8C3A5;color:#d8c3a5;border-radius:25px}.hero .hero-container .hero-content .cta-buttons .secondary-btn:hover{background:#d8c3a51a;transform:translateY(-2px)}.hero .hero-container .hero-image{display:flex;justify-content:center;align-items:center}.hero .hero-container .hero-image .profile-pic{width:100%;max-width:350px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:4px solid #D8C3A5;box-shadow:0 0 20px #b76e794d;transition:transform .3s ease,box-shadow .3s ease}.hero .hero-container .hero-image .profile-pic:hover{transform:scale(1.02);box-shadow:0 0 30px #b76e7966}@media (max-width: 992px){.hero .hero-container{flex-direction:column-reverse;text-align:center;gap:2rem;padding:2rem}.hero .hero-container .hero-content{flex:0 1 auto;padding-right:0}.hero .hero-container .hero-content .description{margin-left:auto;margin-right:auto}.hero .hero-container .hero-content .cta-buttons{justify-content:center}.hero .hero-container .hero-image{flex:0 1 auto}.hero .hero-container .hero-image .profile-pic{max-width:280px}}@media (max-width: 768px){.hero .hero-container{flex-direction:column-reverse;text-align:center;gap:2rem;padding:2rem}.hero .hero-container .hero-content{flex:0 1 auto;padding-right:0}.hero .hero-container .hero-content .description{margin-left:auto;margin-right:auto}.hero .hero-container .hero-content .cta-buttons{justify-content:center}.hero .hero-container .hero-image{flex:0 1 auto}.hero .hero-container .hero-image .profile-pic{max-width:240px}}@media screen and (max-width: 425px){.hero{height:auto}.hero .hero-container{padding:1rem;gap:2rem}.hero .hero-container .hero-content h1{font-size:1.8rem}.hero .hero-container .hero-content .title{font-size:1.2rem}.hero .hero-container .hero-content .description{font-size:.9rem;padding:0 .5rem}.hero .hero-container .hero-image .profile-pic{max-width:160px}}@media screen and (max-width: 375px){.hero{height:auto}.hero .hero-container{padding:1.5rem 1rem}.hero .hero-container .hero-content h1{font-size:1.6rem}.hero .hero-container .hero-content .hero-image .profile-pic{max-width:140px}}@media screen and (max-width: 320px){.hero{height:auto}.hero .hero-container{padding:1rem}.hero .hero-container .hero-content h1{font-size:1.4rem}.hero .hero-container .hero-content .hero-image .profile-pic{max-width:120px}}.projects{min-height:calc(100vh - 37px);padding:1rem 0;background:linear-gradient(269deg,#583147,#131d26);margin-top:0}@media (max-width: 768px){.projects{min-height:calc(100vh - 35px);padding:3rem 0}}.projects .section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;text-align:center;color:#d8c3a5}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 2rem;max-width:1400px;margin:0 auto}@media screen and (min-width: 1400px){.projects .projects-grid{grid-template-columns:repeat(3,1fr);max-width:1512px;gap:2.5rem}}@media screen and (min-width: 1800px){.projects .projects-grid{max-width:1800px;gap:3rem}}.projects .project-card{background:#131d26;box-shadow:0 4px 20px #140b1333;border-radius:12px;overflow:hidden;transition:transform .3s ease}.projects .project-card:hover .project-overlay{opacity:1}.projects .project-card .project-image{position:relative;overflow:hidden}.projects .project-card .project-image img{width:100%;height:100%;object-fit:fill}.projects .project-card .project-image .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.projects .project-card .project-image .project-overlay .project-links{display:flex;gap:1.5rem}.projects .project-card .project-image .project-overlay .project-links a{color:#fff;font-size:1.5rem;transition:color .3s ease}.projects .project-card .project-image .project-overlay .project-links a:hover{color:#fff}.projects .project-card .project-info{padding:1.5rem}.projects .project-card .project-info h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.projects .project-card .project-info p{color:#e8d5c4;line-height:1.6;margin-bottom:1.5rem}.projects .project-card .project-info .tech-stack{display:flex;flex-wrap:wrap;gap:.7rem}.projects .project-card .project-info .tech-stack .tech-tag{background:#3a333b;color:#d8c3a5;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}@media screen and (min-width: 1400px){.projects .project-card .project-image{height:320px}.projects .project-card .project-info{padding:2rem}.projects .project-card .project-info h3{font-size:1.8rem}.projects .project-card .project-info p{font-size:1.1rem}.projects .project-card .project-info .tech-stack .tech-tag{font-size:1rem;padding:.6rem 1.2rem}}@media screen and (min-width: 1800px){.projects .project-card .project-image{height:360px}}@media (max-width: 768px){.projects{padding:4rem 1rem}.projects .projects-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-overlay .modal-content{background:#131d26;border:1px solid rgba(216,195,165,.1);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 4px 20px #140b1333}.modal-overlay .modal-content::-webkit-scrollbar{width:8px}.modal-overlay .modal-content::-webkit-scrollbar-track{background:#5831474d;border-radius:8px}.modal-overlay .modal-content::-webkit-scrollbar-thumb{background:#d8c3a51a;border-radius:8px}.modal-overlay .modal-content::-webkit-scrollbar-thumb:hover{background:#7a4f66}.modal-overlay .modal-content .close-button{position:sticky;top:1rem;right:1rem;float:right;background:#131d26cc;border:1px solid rgba(216,195,165,.1);border-radius:50%;color:#fff;cursor:pointer;padding:.5rem;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.modal-overlay .modal-content .close-button:hover{color:#b76e79;transform:rotate(90deg)}.modal-overlay .modal-content .modal-body{padding:2rem}.modal-overlay .modal-content .modal-body h2{color:linear-gradient(135deg,#8e6168,#110f10);font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#d8c3a5,#3a333b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay .modal-content .modal-body .intro{color:#e8d5c4;line-height:1.6;font-size:1.1rem;margin-bottom:2.5rem}.modal-overlay .modal-content .modal-body .key-features{margin-bottom:2.5rem}.modal-overlay .modal-content .modal-body .key-features h3{color:#d8c3a5;font-size:1.5rem;margin-bottom:1.5rem}.modal-overlay .modal-content .modal-body .key-features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.modal-overlay .modal-content .modal-body .key-features .features-grid .feature-item{background:#5831474d;border:1px solid rgba(216,195,165,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.modal-overlay .modal-content .modal-body .key-features .features-grid .feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #140b1333;background:#58314766}.modal-overlay .modal-content .modal-body .key-features .features-grid .feature-item h4{color:#d8c3a5;font-size:1.1rem;margin-bottom:.8rem}.modal-overlay .modal-content .modal-body .key-features .features-grid .feature-item p{color:#e8d5c4;line-height:1.5;font-size:.95rem}.modal-overlay .modal-content .modal-body .tech-stack{margin-bottom:2.5rem}.modal-overlay .modal-content .modal-body .tech-stack h3{color:#d8c3a5;font-size:1.5rem;margin-bottom:1.5rem}.modal-overlay .modal-content .modal-body .tech-stack .tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.modal-overlay .modal-content .modal-body .tech-stack .tech-tags .tech-tag{background:#3a333b;color:#d8c3a5;padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;transition:all .3s ease}.modal-overlay .modal-content .modal-body .tech-stack .tech-tags .tech-tag:hover{transform:translateY(-2px);background:#d8c3a533}.modal-overlay .modal-content .modal-body .modal-links{display:flex;gap:1rem}.modal-overlay .modal-content .modal-body .modal-links a{padding:.8rem 1.5rem;border-radius:25px;text-decoration:none;transition:all .3s ease;font-weight:500}.modal-overlay .modal-content .modal-body .modal-links a.github-link{background:linear-gradient(135deg,#8e6168,#110f10);color:#fff}.modal-overlay .modal-content .modal-body .modal-links a.github-link:hover{transform:translateY(-2px);box-shadow:0 0 20px #b76e7966}.modal-overlay .modal-content .modal-body .modal-links a.demo-link{border:1px solid #D8C3A5;color:#d8c3a5}.modal-overlay .modal-content .modal-body .modal-links a.demo-link:hover{background:#d8c3a51a;transform:translateY(-2px)}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-overlay .modal-content .modal-body{padding:1.5rem}.modal-overlay .modal-content .modal-body h2{font-size:1.6rem}.modal-overlay .modal-content .modal-body .intro{font-size:1rem}.modal-overlay .modal-content .modal-body .key-features .features-grid{grid-template-columns:1fr}.modal-overlay .modal-content .modal-body .modal-links{flex-direction:column}}.project-card{background:#131d26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(216,195,165,.1);box-shadow:0 4px 20px #140b1333;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden;cursor:pointer}.project-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 32px #d8c3a54d}.project-card:hover .project-overlay{opacity:1}.project-card .project-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#131d26e6,#583147e6)}.project-card .project-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.project-card .project-image:hover img{transform:translate(-50%,-50%) scale(1.05)}.project-card .project-image .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#583147d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card .project-image .project-overlay .project-links{display:flex;flex-direction:column;gap:1.2rem;align-items:center;transform:translateY(20px);transition:transform .3s ease}.project-card .project-image .project-overlay .project-links .view-details{background:linear-gradient(135deg,#8e6168,#110f10);color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-weight:500;letter-spacing:.5px;box-shadow:0 0 20px #b76e7966}.project-card .project-image .project-overlay .project-links .view-details:hover{background:linear-gradient(135deg,#d8c3a5,#3a333b);transform:translateY(-2px);box-shadow:0 0 25px #3a333b80}.project-card .project-image .project-overlay .project-links .quick-links{display:flex;gap:1.5rem}.project-card .project-image .project-overlay .project-links .quick-links a{color:#fff;font-size:1.4rem;transition:all .2s ease;opacity:.9}.project-card .project-image .project-overlay .project-links .quick-links a:hover{transform:translateY(-2px);opacity:1}.project-card:hover .project-image img{transform:scale(1.05)}.project-card:hover .project-image .project-overlay{opacity:1}.project-card:hover .project-image .project-overlay .project-links{transform:translateY(0)}.project-card .project-info{padding:1.5rem}.project-card .project-info h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}.project-card .project-info p{color:#e8d5c4;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.project-card .project-info .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .project-info .tech-stack .tech-tag{background:#b76e791a;color:#d8c3a5;border:1px solid rgba(216,195,165,.1);padding:.4rem 1rem;font-size:.85rem;letter-spacing:.5px}.project-card .project-info .tech-stack .tech-tag:hover{background:#d8c3a533;color:#fff;border-color:#3a333b;transform:translateY(-2px)}@media (max-width: 768px){.project-card .project-image{height:340px}.project-card .project-info{padding:1.25rem}.project-card .project-info h3{font-size:1.3rem}}@media (max-width: 576px){.project-card .project-image{height:300px}.project-card .project-info{padding:1rem}.project-card .project-info h3{font-size:1.2rem}.project-card .project-info p{font-size:.9rem}}.project-card[data-project=ft_transcendence] .project-image{background:linear-gradient(135deg,#0d0a33e6,#1a1463e6)}.project-card[data-project=ft_transcendence] .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#4285f41a,#db44371a);opacity:.1;z-index:1}.project-card[data-project=ft_transcendence] .project-image img{z-index:2}.project-card[data-project=ft_transcendence] .project-overlay{background:#0d0a33f2}.project-card[data-project=ft_transcendence] .project-overlay .project-links .view-details{background:linear-gradient(135deg,#4285f4,#db4437);border:none}.project-card[data-project=ft_transcendence] .project-overlay .project-links .view-details:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4285f44d}.project-card[data-project=inception-of-things] .project-image{background:linear-gradient(135deg,#081d36f2,#14437ef2)}.project-card[data-project=inception-of-things] .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#00b3fd1a,#3478c11a),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);opacity:.15;z-index:1}.project-card[data-project=inception-of-things] .project-image img{z-index:2}.project-card[data-project=inception-of-things] .project-overlay{background:#081d36eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card[data-project=inception-of-things] .project-overlay .project-links .view-details{background:linear-gradient(135deg,#00b3fd,#3478c1);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.project-card[data-project=inception-of-things] .project-overlay .project-links .view-details:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00b3fd4d}.project-card .tech-stack .tech-tag[data-tech=NestJS]{background:#e01e5a1a;color:#e01e5a}.project-card .tech-stack .tech-tag[data-tech=WebSocket]{background:#4285f41a;color:#4285f4}.project-card .tech-stack .tech-tag[data-tech=Docker]{background:#0d88bd1a;color:#0d88bd}.project-card .tech-stack .tech-tag[data-tech=Prisma]{background:#7b61ff1a;color:#7b61ff}.project-card .tech-stack .tech-tag[data-tech=Kubernetes]{background:#326de61a;color:#326de6}.project-card .tech-stack .tech-tag[data-tech="Argo CD"]{background:#ef4e861a;color:#ef4e86}.project-card .tech-stack .tech-tag[data-tech=GitOps]{background:#40c8af1a;color:#40c8af}.project-card .tech-stack .tech-tag[data-tech=K3s]{background:#ffc7001a;color:#ffc700}.project-card .tech-stack .tech-tag[data-tech=Vagrant]{background:#1ea4d91a;color:#1ea4d9}.project-card .tech-stack .tech-tag[data-tech=YAML]{background:#9c27b01a;color:#9c27b0}.project-card .project-info h3{background:linear-gradient(135deg,#00b3fd,#3478c1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-card[data-project=inception] .project-image{background:linear-gradient(135deg,#0d1b2af2,#1b2636f2)}.project-card[data-project=inception] .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#0069941a,#01b4e41a),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);opacity:.15;z-index:1}.project-card[data-project=inception] .project-image img{z-index:2}.project-card[data-project=inception] .project-overlay{background:#0d1b2aeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card[data-project=inception] .project-overlay .project-links .view-details{background:linear-gradient(135deg,#006994,#01b4e4);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.project-card[data-project=inception] .project-overlay .project-links .view-details:hover{transform:translateY(-2px);box-shadow:0 6px 16px #01b4e44d}.project-card .tech-stack .tech-tag[data-tech=Docker]{background:#01b4e41a;color:#01b4e4}.project-card .tech-stack .tech-tag[data-tech=Nginx]{background:#0096391a;color:#009639}.project-card .tech-stack .tech-tag[data-tech=WordPress]{background:#21759b1a;color:#21759b}.project-card .tech-stack .tech-tag[data-tech=MariaDB]{background:#c445001a;color:#c44500}.project-card .tech-stack .tech-tag[data-tech=Redis]{background:#dc143c1a;color:#dc143c}.project-card .tech-stack .tech-tag[data-tech=PHP-FPM]{background:#777bb31a;color:#777bb3}.project-card .project-info h3{background:linear-gradient(135deg,#006994,#01b4e4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-card[data-project=webserv] .project-image{background:linear-gradient(135deg,#111827f2,#1f2937f2)}.project-card[data-project=webserv] .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#0057b81a,#0074e01a),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);opacity:.15;z-index:1}.project-card[data-project=webserv] .project-image img{z-index:2}.project-card[data-project=webserv] .project-overlay{background:#111827eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card[data-project=webserv] .project-overlay .project-links .view-details{background:linear-gradient(135deg,#0057b8,#0074e0);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.project-card[data-project=webserv] .project-overlay .project-links .view-details:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0074e04d}.project-card .tech-stack .tech-tag[data-tech="C++"]{background:#0057b81a;color:#0057b8}.project-card .tech-stack .tech-tag[data-tech=Sockets]{background:#34d3991a;color:#34d399}.project-card .tech-stack .tech-tag[data-tech=HTTP]{background:#ec48991a;color:#ec4899}.project-card .tech-stack .tech-tag[data-tech=CGI]{background:#8b5cf61a;color:#8b5cf6}.project-card .tech-stack .tech-tag[data-tech="System Calls"]{background:#fb923c1a;color:#fb923c}.project-card .tech-stack .tech-tag[data-tech="Network Programming"]{background:#14b8a61a;color:#14b8a6}.project-card .tech-stack .tech-tag[data-tech=POSIX]{background:#a855f71a;color:#a855f7}.project-card .project-info h3{background:#d8c3a5;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience{--card-bg: rgba(62, 52, 70, .8);--card-bd: rgba(212, 165, 165, .12);--ring: rgba(212, 165, 165, .4);--pill-bg: rgba(244, 230, 212, .12);--text-glow: rgba(244, 230, 212, .12);min-height:calc(100vh - 37px);padding:4rem 1rem 6rem;display:grid;place-items:center;background:linear-gradient(269deg,#583147,#131d26);position:relative;width:100%;max-width:100vw!important;overflow-x:hidden!important}.experience:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(212,165,165,.03) 0%,transparent 70%),radial-gradient(circle at 70% 60%,rgba(244,230,212,.02) 0%,transparent 70%);pointer-events:none}.experience .section-title{text-align:center;color:#d8c3a5;font-size:clamp(2rem,3.6vw,3rem);margin-bottom:2.5rem;text-shadow:0 0 10px rgba(216,195,165,.3)}.timeline{position:relative;width:min(1100px,90vw);margin-inline:auto;max-width:100%;box-sizing:border-box}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#B76E79 10%,rgba(183,110,121,.5) 50%,#B76E79 90%,transparent);opacity:.6;transform:translate(-50%);box-shadow:0 0 10px #ff6b9d4d}.exp-card{position:relative;background:var(--experience-card);border:1px solid var(--card-bd);border-radius:16px;padding:1.25rem 1.25rem 1.5rem;margin-block:1.25rem;box-shadow:0 10px 30px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .25s ease,transform .25s ease;width:min(520px,85vw);max-width:100%;box-sizing:border-box}.exp-card:hover{box-shadow:0 20px 50px #d4a5a533;transform:translateY(-4px);border-color:#d4a5a540}.exp-card.left{margin-right:auto}.exp-card.right{margin-left:auto}.exp-card .exp-pin{position:absolute;top:1px;width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,#705357,#d8c3a5);box-shadow:0 0 0 4px var(--ring),0 0 25px var(--ring);left:50%;transform:translate(-50%);display:none}.exp-card .exp-header{display:grid;gap:.5rem;margin-bottom:1rem}.exp-card .exp-header .exp-title{display:flex;align-items:center;gap:.6rem}.exp-card .exp-header .exp-title h3{display:inline-flex;gap:.6rem;align-items:center;margin:0;font-size:1.25rem;color:#d8c3a5}.exp-card .exp-header .exp-title h3 svg{width:20px;height:20px;color:#b76e79}.exp-card .exp-header .exp-title .period{color:#b76e79;margin-left:.75rem;font-size:.95rem;opacity:.9}.exp-card .exp-header .exp-company{display:inline-flex;align-items:center;gap:.5rem;color:#d8c3a5;opacity:.9}.exp-card .exp-header .exp-company svg{width:18px;height:18px;color:#b76e79}.exp-card .exp-header .exp-project{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.exp-card .exp-header .exp-project .label{color:#d8c3a5;opacity:.7}.exp-card .exp-header .exp-project .name{color:#d8c3a5;font-weight:600}.exp-card .exp-header .exp-project .exp-link{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--card-bd);padding:.25rem .5rem;border-radius:999px;color:#b76e79;text-decoration:none;transition:background .2s ease,border-color .2s ease}.exp-card .exp-header .exp-project .exp-link:hover{background:var(--pill-bg);border-color:#b76e79}.exp-card .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1rem}.exp-card .metrics-grid .metric-card{display:flex;align-items:center;gap:.6rem;border:1px solid rgba(216,195,165,.1);border-radius:12px;padding:.6rem .8rem;background:#ffffff08}.exp-card .metrics-grid .metric-card .metric-icon{width:20px;height:20px;color:#b76e79}.exp-card .metrics-grid .metric-card .metric-content .metric-label{color:#d8c3a5;font-size:.85rem;opacity:.85;margin:0}.exp-card .metrics-grid .metric-card .metric-content .metric-value{color:#b76e79;font-weight:700;margin:0}.exp-card .stack-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.exp-card .stack-row .tech-pill{font-size:.85rem;padding:.35rem .65rem;border-radius:999px;background:var(--pill-bg);border:1px solid rgba(183,110,121,.25);color:#d8c3a5;letter-spacing:.2px}.exp-card .highlights{list-style:none;padding-left:0;margin:.2rem 0 0}.exp-card .highlights li{position:relative;padding-left:1.05rem;color:#b76e79;margin:.5rem 0}.exp-card .highlights li:before{content:"";position:absolute;left:0;top:.55rem;width:.45rem;height:.45rem;border-radius:50%;background:#b76e79;box-shadow:0 0 0 4px #b76e7929}@media (min-width: 980px){.exp-card .exp-pin{display:block}}@media (prefers-reduced-motion: reduce){.exp-card,.metrics-grid .metric-card{transition:none!important}}