@font-face{font-family:"Roboto-Light";src:url("/fonts/Roboto-Light.woff2") format("woff2"),url("/fonts/Roboto-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Roboto-Bold";src:url("/fonts/Roboto-Bold.woff2") format("woff2"),url("/fonts/Roboto-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}header .mobile-nav a,header nav a,.nav-link{color:#e0e0e0;text-decoration:none;font-weight:500;padding:12px 20px;display:block;text-transform:uppercase;letter-spacing:1px;border-radius:4px;transition:all .3s ease,transform .3s ease,font-weight .3s ease;font-family:"Roboto-Light",sans-serif;position:relative}header .mobile-nav a:hover,header nav a:hover,.nav-link:hover{background-color:#3498db;color:#fff;transform:scale(1.05);font-weight:bold}header .mobile-nav a:focus,header nav a:focus,.nav-link:focus{outline:3px solid #f39c12}header .mobile-nav a::after,header nav a::after,.nav-link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#f39c12;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}header .mobile-nav a:hover::after,header nav a:hover::after,.nav-link:hover::after{transform:scaleX(1);transform-origin:bottom left}.nav-link.active{background-color:#3498db;color:#fff;font-weight:bold}.nav-link.active::after{transform:scaleX(1);transform-origin:bottom left}header{background-color:#1e1e1e;color:#e0e0e0;padding:20px 30px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;z-index:5}header h1{font-size:30px;user-select:none;margin:0;letter-spacing:1px;font-weight:700;color:#f39c12;transition:color .3s ease,transform .3s ease;font-family:"Roboto-Bold",sans-serif}header h1:hover{color:#3498db;transform:scale(1.1)}header nav ul{display:flex;justify-content:flex-end;list-style:none;padding:0;margin:0}header nav li{margin-left:25px;position:relative}header .burger-menu{display:none;cursor:pointer;z-index:10}header .mobile-nav{will-change:transform,opacity,visibility;display:flex;flex-direction:column;position:fixed;top:0;right:0;width:250px;height:100%;background-color:#1e1e1e;transform:translate3d(100%, 0, 0);transition:transform .3s ease-in-out,visibility .3s ease,opacity .3s ease;box-shadow:-4px 0px 6px rgba(0,0,0,.2);z-index:1000;padding-top:20px;visibility:hidden;opacity:0}header .mobile-nav.open{transform:translateX(0);visibility:visible;opacity:1}header .mobile-nav .close-btn{align-self:flex-end;margin:0 20px 10px 0;font-size:30px;color:#e0e0e0;cursor:pointer}header .mobile-nav ul{flex-direction:column;padding:0 20px;margin:0;list-style:none}header .mobile-nav li{margin:15px 0;text-align:center}@media(max-width: 1016px){header .burger-menu{display:block}header nav{display:none}header .mobile-nav.open{display:flex}}footer{background-color:#1e1e1e;color:#e0e0e0;padding:40px 30px;border-top:1px solid #333;display:flex;flex-direction:column;align-items:center}footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:1200px;margin-bottom:30px}footer .footer-top .footer-middle{flex:2;display:flex;justify-content:space-evenly}footer .footer-top .footer-middle .footer-section h3{font-size:1.2rem;color:#f39c12;margin-bottom:10px;font-family:"Roboto-Bold",sans-serif}footer .footer-top .footer-middle .footer-section ul{list-style:none;padding:0;margin:0}footer .footer-top .footer-middle .footer-section ul li{margin-bottom:8px}footer .footer-top .footer-middle .footer-section ul li a{color:#e0e0e0;text-decoration:none;font-size:.9rem;font-family:"Roboto-Light",sans-serif;transition:color .3s ease}footer .footer-top .footer-middle .footer-section ul li a:hover{color:#3498db}footer .footer-bottom{text-align:center;font-size:.8rem;color:#b0b0b0;border-top:1px solid #333;padding-top:10px;width:100%}footer .footer-bottom img{width:128px;height:128px;margin-bottom:10px}@media(max-width: 768px){footer{padding:20px 15px}.footer-top{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.footer-middle,.footer-right{width:100%;margin-bottom:20px;text-align:center}.footer-middle{display:block;justify-content:flex-start}.footer-section{margin-bottom:15px}.footer-right{display:flex;flex-direction:column;align-items:center;gap:15px;flex:1}.social-icons{display:flex;justify-content:center;gap:20px}.social-icons svg{width:30px;height:30px;fill:#e0e0e0;transition:fill .3s ease}.social-icons svg:hover{fill:#3498db}.footer-bottom{font-size:1rem}.footer-bottom img{width:72px;height:72px;margin-bottom:10px}}.cookie-request-popup{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#1e1e1e;color:#e0e0e0;border:1px solid #333;border-radius:8px;padding:30px 40px;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.3);width:90%;max-width:500px;text-align:center;font-family:"Roboto-Light",sans-serif}.cookie-request-popup h2{font-size:24px;margin-bottom:15px;color:#f39c12;font-family:"Roboto-Bold",sans-serif}.cookie-request-popup p{font-size:16px;margin-bottom:25px;line-height:1.5}.cookie-request-popup .button-container{display:flex;justify-content:space-between;gap:15px}.cookie-request-popup .button-container button{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Roboto-Light",sans-serif}.cookie-request-popup .button-container button#acceptBtn{background-color:#3498db;color:#fff}.cookie-request-popup .button-container button#acceptBtn:hover{background-color:rgb(36.7380753138,138.7882845188,207.1619246862);transform:scale(1.05);font-weight:bold}.cookie-request-popup .button-container button#denyBtn{background-color:#333;color:#e0e0e0}.cookie-request-popup .button-container button#denyBtn:hover{background-color:hsl(0,0%,18%);transform:scale(1.05);font-weight:bold}.cookie-request-popup .button-container button#manageBtn{background-color:rgba(0,0,0,0);color:#f39c12;border:1px solid #f39c12}.cookie-request-popup .button-container button#manageBtn:hover{background-color:#f39c12;color:#fff;transform:scale(1.05);font-weight:bold}.cookie-request-popup .button-container button:focus{outline:3px solid #f39c12}@media(max-width: 600px){.cookie-request-popup{padding:20px}.cookie-request-popup .button-container{flex-direction:column}.cookie-request-popup .button-container button{width:100%}}.cookie-manage-popup{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#1e1e1e;color:#e0e0e0;border:1px solid #333;border-radius:8px;padding:30px 40px;z-index:9999;box-shadow:0 8px 20px rgba(0,0,0,.3);width:90%;max-width:500px;font-family:"Roboto-Light",sans-serif}.cookie-manage-popup .popup-content{text-align:left;position:relative}.cookie-manage-popup .popup-content h2{font-size:24px;margin-bottom:20px;color:#f39c12;font-family:"Roboto-Bold",sans-serif}.cookie-manage-popup .popup-content .btn-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:18px;color:#e0e0e0;cursor:pointer}.cookie-manage-popup .popup-content .btn-close:hover{color:#f39c12}.cookie-manage-popup .popup-content .cookie-options-list{max-height:300px;overflow-y:auto;padding-right:10px;margin-bottom:20px;border:1px solid #333;border-radius:6px;background-color:rgb(36.75,36.75,36.75)}.cookie-manage-popup .popup-content .cookie-option{margin-bottom:15px;padding:15px;border-radius:6px;background-color:rgb(41.25,41.25,41.25);border:1px solid #333}.cookie-manage-popup .popup-content .cookie-option.mandatory{background-color:rgb(28.5,28.5,28.5);border-left:4px solid #f39c12}.cookie-manage-popup .popup-content .cookie-option label{font-weight:bold;font-size:16px;display:block;margin-bottom:8px}.cookie-manage-popup .popup-content .cookie-option .cookie-description{font-size:14px;line-height:1.4;margin-bottom:12px}.cookie-manage-popup .popup-content .cookie-option .cookie-description.mandatory-description{color:#f39c12}.cookie-manage-popup .popup-content .cookie-option .custom-switch{position:relative;width:50px;height:28px;background-color:#333;border-radius:14px;cursor:pointer;transition:background-color .3s ease}.cookie-manage-popup .popup-content .cookie-option .custom-switch::before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background-color:#e0e0e0;border-radius:50%;transition:transform .3s ease}.cookie-manage-popup .popup-content .cookie-option .custom-switch.active{background-color:#3498db}.cookie-manage-popup .popup-content .cookie-option .custom-switch.active::before{transform:translateX(22px);background-color:#fff}.cookie-manage-popup .popup-content .cookie-option .custom-switch.disabled-switch{opacity:.5;cursor:not-allowed}.cookie-manage-popup .popup-content .btn-accept{display:block;width:100%;padding:12px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease}.cookie-manage-popup .popup-content .btn-accept:hover{background-color:rgb(36.7380753138,138.7882845188,207.1619246862);transform:scale(1.03)}.cookie-manage-popup .popup-content .btn-accept:focus{outline:3px solid #f39c12}@media(max-width: 600px){.cookie-manage-popup{padding:20px}.cookie-manage-popup .popup-content h2{font-size:20px}.cookie-manage-popup .popup-content .cookie-options-list{max-height:250px}.cookie-manage-popup .popup-content .cookie-option{padding:10px}.cookie-manage-popup .popup-content .cookie-option .custom-switch{width:45px;height:24px}.cookie-manage-popup .popup-content .cookie-option .custom-switch::before{width:20px;height:20px}.cookie-manage-popup .popup-content .cookie-option .custom-switch.active::before{transform:translateX(21px)}.cookie-manage-popup .popup-content .btn-accept{font-size:14px;padding:10px}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.overlay.visible{visibility:visible;opacity:1}.carousel{position:relative;width:100%;height:60vh;overflow:hidden}.carousel-content{position:absolute;top:20%;left:50%;transform:translateX(-50%);color:#fff;text-align:center;z-index:2}.carousel-title{font-size:3rem;font-family:"Roboto-Bold",sans-serif;margin:0}.carousel-description{font-size:1.2rem;font-family:"Roboto-Light",sans-serif;color:#e0e0e0;margin:10px 0}.carousel-container{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-container.resetting{transition:none !important}.carousel-item{flex-shrink:0;width:100%;height:100%;background-size:cover;background-position:center;position:relative}.carousel-item img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}a.carousel-button{color:#e0e0e0;background-color:#121212;text-decoration:none;font-weight:500;padding:12px 20px;display:block;text-transform:uppercase;letter-spacing:1px;border-radius:4px;transition:all .3s ease,transform .3s ease,font-weight .3s ease;font-family:"Roboto-Light",sans-serif}a.carousel-button:hover{background-color:#3498db;color:#fff;font-family:"Roboto-Light",sans-serif;transform:scale(1.05);font-weight:bold}a.carousel-button:focus{outline:3px solid #f39c12}a.carousel-button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#f39c12;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}a.carousel-button:hover::after{transform:scaleX(1);transform-origin:bottom left}.carousel-item.active{opacity:1;transition:opacity 1s ease}@media(max-width: 1200px){.carousel{height:50vh}}@media(max-width: 968px){.carousel{height:70vh}}@media(max-width: 480px){.carousel{height:80vh}}.fade-in{opacity:0;transition:opacity var(--fade-speed, 0.6s) ease-out,transform var(--fade-speed, 0.6s) ease-out;will-change:opacity,transform}.fade-in.visible{opacity:1;transform:translateX(0) translateY(0)}.fade-up{transform:translateY(var(--fade-distance, 20px))}.fade-down{transform:translateY(calc(-1 * var(--fade-distance, 20px)))}.fade-left{transform:translateX(calc(-1 * var(--fade-distance, 20px)))}.fade-right{transform:translateX(var(--fade-distance, 20px))}#brief-info{padding:40px 20px;background-color:#1e1e1e;text-align:center;color:#e0e0e0;font-family:"Roboto-Bold",sans-serif}.brief-info-content{display:flex;flex-direction:column;align-items:center}.brief-heading{font-size:2.5rem;color:#e0e0e0;margin-bottom:20px;font-family:"Roboto-Bold",sans-serif}.brief-photo-container{aspect-ratio:1;width:250px;height:250px}.brief-photo{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;box-shadow:0px 4px 12px rgba(0,0,0,.1);border:4px solid #3498db}.brief-description{font-size:1.2rem;color:#b0b0b0;font-family:"Roboto-Light",sans-serif;margin-bottom:20px}.floating-arrow{animation:floatArrow 2s ease-in-out infinite;margin-top:20px}@keyframes floatArrow{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}#additional-info{padding:60px 20px;background-color:#1e1e1e;color:#e0e0e0;text-align:center;font-family:"Roboto-Light",sans-serif}#additional-info .additional-info-content{max-width:1200px;margin:0 auto;padding:40px;background-color:#121212;border-radius:10px;box-shadow:0px 4px 12px rgba(0,0,0,.1);border:1px solid #333}#additional-info .additional-info-content h2.additional-heading{font-size:2.5rem;font-family:"Roboto-Bold",sans-serif;color:#3498db;margin-bottom:20px;letter-spacing:.5px}#additional-info .additional-info-content p.additional-description{font-size:1.2rem;color:#b0b0b0;line-height:1.6;margin:0 auto;max-width:800px}#blazor-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1e1e1e;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loader-spinner{width:48px;height:48px;border:6px solid #3498db;border-top:6px solid rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-showcase{padding:40px 20px;background-color:#1e1e1e;color:#e0e0e0}.image-showcase .showcase-heading{font-size:2.5rem;text-align:center;margin-bottom:30px;color:#f39c12;font-family:"Roboto-Bold",sans-serif}.image-showcase .image-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;justify-content:center}.image-showcase .image-item{position:relative;border-radius:8px;overflow:hidden;background-color:#1e1e1e;transition:transform .3s ease}.image-showcase .image-item:hover{transform:scale(1.03)}.image-showcase .image-item picture{display:block;width:100%;height:auto}.image-showcase .image-item picture img{width:100%;height:auto;display:block;object-fit:cover;border-bottom:1px solid #333}.image-showcase .image-item .image-caption{padding:12px 16px;font-size:1rem;text-align:center;color:#e0e0e0;font-family:"Roboto-Light",sans-serif;background-color:#1e1e1e}#skills{padding:60px 20px;background-color:#1e1e1e;color:#e0e0e0;text-align:center}#skills .skills-content{max-width:1200px;margin:0 auto;margin-top:100px;padding:40px;background-color:#121212;border-radius:8px;box-shadow:0px 4px 12px rgba(0,0,0,.1)}#skills .skills-heading{font-size:2.5rem;font-family:"Roboto-Bold",sans-serif;color:#3498db;margin-bottom:30px;letter-spacing:.5px}#skills .skills-description{font-size:1.2rem;color:#b0b0b0;font-family:"Roboto-Light",sans-serif;margin-bottom:40px}#skills .skills-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px}#skills .skills-list-item{flex:1 1 280px;max-width:280px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;background-color:#121212;color:#e0e0e0;padding:25px 30px;border-radius:8px;font-size:1.1rem;font-weight:500;box-shadow:0px 4px 10px rgba(0,0,0,.1);text-align:left;transition:transform .3s ease,box-shadow .3s ease}@media(max-width: 600px){#skills .skills-list-item{flex:1 1 100%;max-width:100%}}#skills .skills-list-item h3{font-size:1.5rem;font-weight:600;color:#3498db;margin-bottom:20px}@media(max-width: 600px){#skills .skills-list-item h3{font-size:1.25rem}}#skills .skills-list-item ul{list-style-type:none;padding:0;margin:0}#skills .skills-list-item ul li{font-size:1.1rem;margin-bottom:10px;font-family:"Roboto-Light",sans-serif;color:#b0b0b0;transition:color .3s ease}#skills .skills-list-item ul li:hover{color:#3498db}@media(max-width: 600px){#skills .skills-list-item ul li{font-size:1rem}}#skills .skills-list-item:hover{transform:scale(1.05);box-shadow:0px 6px 15px rgba(0,0,0,.2);background-color:#333}#skills .separator-line{width:100%;height:2px;background-color:#333;margin:40px auto}h1,h2,h3,h4{font-family:"Roboto-Bold",Arial,sans-serif;margin:0 0 .5rem 0;color:#e0e0e0}h1{font-size:2.5rem}h2{font-size:1.75rem;color:#b0b0b0}h3{font-size:1.5rem;border-bottom:2px solid #333;padding-bottom:.25rem}h4{font-size:1.2rem}.resume-container{max-width:900px;margin:0 auto;padding:2rem;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.resume-header{text-align:center;margin-bottom:2rem}.resume-header p{max-width:600px;margin:.5rem auto 1.5rem;font-size:1rem;color:#b0b0b0}.resume-header .contact-links{display:flex;justify-content:center;gap:1.5rem}.resume-header .contact-links a{font-family:"Roboto-Bold";font-size:.95rem;color:#3498db;text-decoration:none;position:relative}.resume-header .contact-links a:hover{color:#e74c3c}.resume-header .contact-links a::after{content:"";display:block;width:0%;height:2px;background:#e74c3c;transition:width .3s ease;margin:0 auto}.resume-header .contact-links a:hover::after{width:100%}.resume-section{margin-bottom:2.5rem}.resume-section h3{margin-bottom:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skills-grid .skill-badge{background:#007acc;border:1px solid #333;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;color:#e0e0e0;transition:background .3s}.skills-grid .skill-badge:hover{background:#333}.education-list .edu-item{margin-bottom:1rem}.education-list .edu-item strong{display:block;font-family:"Roboto-Bold"}.education-list .edu-item span{font-size:.9rem;color:#b0b0b0}.job-card{margin-bottom:1.5rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#1e1e1e}.job-card h4{display:flex;justify-content:space-between;align-items:baseline;font-family:"Roboto-Bold"}.job-card small{font-size:.9rem;font-weight:normal;color:#b0b0b0}.job-card span{display:block;font-size:.85rem;color:#b0b0b0;margin:.25rem 0 .75rem}.job-card ul{padding-left:1.2rem;margin:0}.job-card ul li{margin-bottom:.5rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem}.project-grid .project-tile{position:relative;background:#007acc;border:1px solid #333;border-radius:10px;height:200px;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.project-grid .project-tile h4{font-family:"Roboto-Bold";font-size:1.1rem;z-index:1;transition:opacity .3s ease}.project-grid .project-tile:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.project-grid .project-tile:hover h4{opacity:0}.project-grid .project-tile .project-hover{position:absolute;inset:0;background:rgba(18,18,18,.95);color:#e0e0e0;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;transition:opacity .3s ease}.project-grid .project-tile .project-hover p{margin-bottom:1rem;font-size:.95rem;line-height:1.4}.project-grid .project-tile .project-hover a{color:#fff;background:#3498db;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;transition:background .3s}.project-grid .project-tile .project-hover a:hover{background:#e74c3c}.project-grid .project-tile:hover .project-hover{opacity:1}*{margin:0;padding:0}body{font-family:"Roboto-Light",Arial,sans-serif;font-weight:300;color:#e0e0e0;background-color:#121212;line-height:1.6}
