:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%;flex-direction:column;align-items:center;background-color:#1a1a1a;color:#f0f8ff;font-family:MyLocalFont4,sans-serif}@font-face{font-family:MyLocalFont;src:url(/assets/Pistilli-Roman-CF8RvSvd.otf) format("otf");font-weight:400;font-style:normal}@font-face{font-family:MyLocalFont2;src:url(/assets/Nexa-Heavy-C4LswGRq.ttf) format("ttf");font-weight:400;font-style:normal}@font-face{font-family:MyLocalFont3;src:url(/assets/ROTHEFIGHT-zaL9e_cW.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:MyLocalFont4;src:url(/assets/CenturyGothic-BOrGIO_o.ttf) format("truetype");font-weight:400;font-style:normal}html,body{overflow-x:hidden}.btn-primary{padding:14px 26px;background-color:#1a1a1a;color:#f0f8ff;text-decoration:none;font-size:12px;border:none;transition:background-color .3s ease;text-align:center;box-shadow:0 4px 12px #000c;display:inline-block;margin:50px auto 40px;text-transform:uppercase;letter-spacing:3px}.btn-primary:hover{background-color:#0e0e0e}.navbar{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;background-color:transparent;position:fixed;width:100%;z-index:999;left:0;right:0;opacity:0;animation:fadeIn .5s ease-out forwards;animation-delay:.3s}@keyframes fadeIn{to{opacity:1}}.logo{font-weight:700;font-size:24px;letter-spacing:2px;font-family:MyLocalFont3,sans-serif;color:#f0f8ff;text-decoration:none}.nav-links{list-style:none;display:flex;gap:70px;margin-left:auto;margin-right:100px}.nav-links li{cursor:pointer;text-transform:uppercase;font-size:14px;letter-spacing:2px;transition:transform .2s ease-in-out;transform-origin:center center}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1c1c1c4d}.nav-links li a{color:#f0f8ff;text-decoration:none}.nav-links li:hover,.nav-links li:focus-within{transform:scale(1.1)}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;padding:50px 0 30px;text-align:center}.logo{margin-bottom:10px}.nav-links{flex-direction:row;gap:30px;margin:0 auto;padding:30px 0;justify-content:center;flex-wrap:wrap}.nav-links li{font-size:14px}}@media (max-width: 530px){.navbar{flex-direction:column;align-items:center;padding:50px 0 30px;text-align:center}.logo{margin-bottom:10px}.nav-links{flex-direction:row;gap:30px;margin:0 auto;padding-top:30px 0;justify-content:center;flex-wrap:wrap}.nav-links li{font-size:14px}}.hero{position:relative;height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center}.hero:before{content:"";position:absolute;top:60%;left:50%;width:50vw;height:50vh;background-color:#2b2c2c;opacity:.2;filter:blur(100px);border-radius:9999px;transform:translate(-50%,-50%);z-index:0}.hero-content{text-align:center;position:relative;z-index:1;margin-top:130px;opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:.6s}.hero h1{font-size:100px;color:#f0f8ff;font-weight:800;letter-spacing:8px;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.7);font-family:MyLocalFont4,sans-serif}.hero .mini-title{text-transform:uppercase;font-size:12px;opacity:.4;letter-spacing:2px;display:block;text-align:left;margin-left:5px;margin-bottom:-20px}.tagline{text-transform:uppercase;font-size:12px;opacity:.4;letter-spacing:2px;margin-bottom:10px;display:block;text-align:right;margin-right:20px;margin-top:-10px}.social-icons{position:fixed;left:40px;top:75%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:9999}.social-icons img{width:20px;height:20px;opacity:.6;transition:opacity .3s}.social-icons a:hover img{opacity:1}.hero h1,.mini-title,.tagline{opacity:0;animation:fadeIn .8s ease-out forwards}.hero h1{animation-delay:.7s}.mini-title{animation-delay:.5s}.tagline{animation-delay:.9s}.social-icons{opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:1.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.hero{justify-content:center;align-items:center}.hero h1{font-size:5.5rem;letter-spacing:4px}.hero .mini-title{font-size:9px;margin-bottom:1px}.hero .tagline{font-size:9px;margin-top:1px}.hero:before{width:80vw;height:40vh;top:60%;filter:blur(60px)}.social-icons{display:none!important}}@media (max-width: 550px){.hero{position:relative;display:flex;justify-content:center;align-items:center}.hero h1{font-size:3.5rem;letter-spacing:2px;text-align:center;width:100%}.social-icons{display:none!important}}.portfolio-section{padding:50px;position:relative;overflow:hidden;margin-top:100px}.portfolio-heading{text-align:center;font-size:3rem;color:#f0f8ff;font-weight:800;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.7);transform:translateY(30px);transition:all .8s ease-out;text-transform:uppercase;margin-bottom:0;opacity:0}.carousel-inner{display:flex;gap:100px;max-width:1000px;margin:0 auto;width:100%;justify-content:center;position:relative;z-index:1}.portfolio-carousel{display:flex;align-items:center;justify-content:center;position:relative;gap:100px;overflow:hidden;padding:0 30px;opacity:0}.portfolio-item{width:300px;height:400px;text-align:center;transform:scale(1);opacity:.3;filter:blur(2px);z-index:0;transition:all .5s ease-in-out;position:absolute}.portfolio-item.active{transform:scale(1.5);opacity:1;filter:none;z-index:2;position:relative;cursor:pointer}.portfolio-item.prev,.portfolio-item.next{opacity:.5;filter:blur(3px);z-index:1}.portfolio-item.prev{transform:translate(-100%) scale(.9)}.portfolio-item.next{transform:translate(100%) scale(.9)}.portfolio-image-container{width:100%;height:100%}.portfolio-image-container img{width:100%;height:100%;object-fit:contain;opacity:.9}.portfolio-link{cursor:pointer}.carousel-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeUp .8s forwards ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.nav-button{position:absolute;top:50%;transform:translateY(-50%);padding:12px;cursor:pointer;transition:all .3s ease;opacity:.7;z-index:20;background:transparent;border:none}.nav-button:hover{opacity:1}.nav-button img{width:30px;height:30px;filter:brightness(0) invert(1)}.prev-button{left:20px}.next-button{right:20px}.fade-in-text{font-size:50px;animation:fadeInOnly 3.5s ease;text-align:center;text-transform:uppercase;letter-spacing:5px;margin-top:-40px}.fade-in-text-p{font-size:12px;animation:fadeInOnly 3.5s ease;text-align:center;letter-spacing:2px;margin-top:-35px;padding:0 200px}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.portfolio-section{padding:50px 20px}.portfolio-heading{font-size:2rem;padding-top:40px}.fade-in-text{font-size:2rem;margin-top:-30px}.fade-in-text-p{padding:0 20px;margin-top:-15px}.nav-button{display:none}}.services-section{padding-top:60px;text-align:center;color:#f0f8ff;width:100%;max-width:1200px;margin:120px auto 0;display:flex;justify-content:center;flex-wrap:wrap}.services-heading{font-size:3rem;font-weight:500;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.7);text-transform:uppercase;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.services-heading.visible{opacity:1;transform:translateY(0)}.services-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.service-card{background-color:#1a1a1a;min-width:auto;padding:40px 30px;border-radius:12px;width:250px;box-shadow:0 15px 25px #0009;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(30px)}.service-card:nth-child(-n+3){transition-delay:.5s}.service-card:nth-child(n+4){transition-delay:1s}.service-card.visible{transition:opacity .8s ease,transform .8s ease;opacity:1;transform:translateY(0)}.service-card h3{margin-bottom:10px;font-size:1.2rem;color:#f0f0f0}.service-card p{font-size:.95rem;color:#ccc;line-height:1.5}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #000000b3}@media (max-width: 1120px){.service-card{width:100%;max-width:400px;margin:0 5%;opacity:1}.services-heading{opacity:1}}@media (max-width: 530px){.service-card{width:90%;min-width:auto;margin:0 5%;opacity:1}.services-heading{font-size:2rem;opacity:1}}.services-section .btn-primary{margin-top:70px}.contact-section{display:flex;color:#f0f8ff;padding:60px 10%;justify-content:space-between}.contact-left,.contact-right{flex:1;padding:40px}.contact-left{max-width:600px}.contact-left h2,.contact-right h2{font-size:28px;letter-spacing:2px;margin-bottom:20px}.heading-text p{color:#aaa;line-height:1.6;margin-bottom:80px;text-align:center;position:relative}.heading-text p:after{content:"";position:absolute;left:50%;bottom:-15px;transform:translate(-50%);width:80%;height:2px;background-color:#1a1a1a;box-shadow:0 15px 2px #0b0b0b99}.contact-left .contact-info p{color:#aaa;line-height:1.6;margin-bottom:20px;text-align:left}.contact-info h4{margin:20px 0 5px;font-weight:700}.contact-info p{color:#ccc}.contact-info .icon{width:20px;height:20px;filter:brightness(0) invert(1)}.social-icons i:hover{color:#fff}.contact-right .form-group{display:flex;flex-direction:column}.contact-right{box-shadow:0 15px 25px #0009;padding:20px 50px}.contact-right .form-group label{color:#fff;font-size:13px;margin-bottom:5px;padding-top:10px}.contact-right .form-group input,.contact-right .form-group textarea{border:none;border-bottom:1px solid #555;background:transparent;padding:8px 4px;height:40px;font-size:16px;color:#fff;resize:none;overflow:hidden;box-sizing:border-box}.contact-right .form-group input:focus,.contact-right .form-group textarea:focus{outline:none}.contact-right h2{text-align:center;font-size:32px;color:#f0f8ff;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.7)}.contact-right button{padding:14px 26px;background-color:#1a1a1a;color:#f0f8ff;text-decoration:none;font-size:12px;border:none;transition:background-color .3s ease;text-align:center;box-shadow:0 4px 12px #000c;display:block;margin:50px auto 40px;text-transform:uppercase;letter-spacing:3px}.contact-right button:hover{background-color:#0e0e0e}.required{color:red;margin-left:4px}@media (max-width: 768px){.contact-section{flex-direction:column;align-items:center;text-align:center}.contact-left .contact-info p{color:#aaa;line-height:1.6;margin-bottom:20px;text-align:center;font-size:18px}}@media (max-width: 480px){.contact-section{flex-direction:column;align-items:center;text-align:center}.contact-left .contact-info p{color:#aaa;line-height:1.6;margin-bottom:20px;text-align:center;font-size:18px}}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.freelance-section{background-color:#1d1c1c;text-align:center;padding:40px 20px;margin:30px 0}.section-title{font-size:3rem;font-weight:700;margin-bottom:10px;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.7);color:#f0f8ff}.section-subtitle{font-size:16px;color:#bdbdbd}.platforms{display:flex;justify-content:center;gap:120px;flex-wrap:wrap}.platform{text-align:center}.platform-name{font-size:22px;margin-bottom:10px;color:#f0f8ff;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.7)}.platform .btn-primary{border:none;margin:10px}@media (max-width: 768px){.platforms{gap:80px}}@media (max-width: 530px){.platforms{gap:10px;flex-direction:column}.section-title{font-size:2rem}.section-subtitle{font-size:12px}}.fade-in-section{opacity:1;transform:translateY(0);transition:all .6s ease-out}.fade-in{opacity:0;transform:translateY(40px);animation:fadeInUp .6s forwards ease-out}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.resume-container{max-width:900px;margin:0 auto;padding:40px 20px;line-height:1.6;position:relative}.section1{margin-top:150px}.section1 h2{text-align:center;font-size:3rem;color:#f0f8ff;font-weight:800;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.7);transform:translateY(30px);transition:all .8s ease-out;text-transform:uppercase;margin-bottom:50px}.resume-section{margin-bottom:50px}.resume-section h2{text-align:center;font-size:3rem;color:#f0f8ff;font-weight:800;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.7);transform:translateY(30px);transition:all .8s ease-out;text-transform:uppercase;margin-bottom:50px;padding-top:100px}.resume-cards-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:30px}.resume-card{background-color:#1a1a1a;padding:30px;border-radius:12px;width:100%;max-width:800px;box-shadow:0 15px 25px #0009;transition:transform .3s ease,box-shadow .3s ease;color:#f0f8ff}.resume-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #000000b3}.resume-card h3{font-size:1.3rem;margin-bottom:10px;color:#f0f0f0}.duration{display:block;font-size:.9rem;color:#ccc;margin-bottom:15px}.duration a{color:#ccc;margin-bottom:15px}.resume-card ul{padding-left:20px}.resume-card li{margin-bottom:8px;font-size:.95rem}.download-container{text-align:center;margin:50px 0}.download-button{padding:12px 24px;background-color:#1a1a1a;color:#f0f8ff;text-decoration:none;font-size:12px;transition:background-color .3s ease;text-align:center;box-shadow:0 4px 12px #000c;display:inline-block;margin:30px auto;text-transform:uppercase;letter-spacing:3px}.download-button:hover{background-color:#0e0e0e}.resume-container:before{content:"";position:absolute;top:60%;left:50%;width:50vw;height:50vh;background-color:#181818;opacity:.7;filter:blur(100px);border-radius:9999px;transform:translate(-50%,-50%);z-index:0}.resume-skills-row{display:flex;justify-content:center;gap:40px;flex-wrap:nowrap;flex-direction:row}.skill-card{flex:1;max-width:400px}@media screen and (max-width: 900px){.resume-skills-row{flex-direction:column;align-items:center}.skill-card{max-width:100%}}.fade-in{opacity:0;transform:translateY(40px);animation:fadeUp .8s forwards ease-out}.delay-1{animation-delay:.3s}.delay-2{animation-delay:.6s}.delay-3{animation-delay:.9s}.delay-4{animation-delay:1.2s}.delay-5{animation-delay:1.5s}.delay-6{animation-delay:1.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.container{padding:20px;margin:100px 80px 0;max-width:1200px;justify-content:center}.full-width-search{padding:18px;margin:0 auto 15px;background-color:#1a1a1a;color:#f0f8ff;text-decoration:none;font-size:16px;border:none;box-shadow:0 4px 12px #000c;width:70vw;max-width:70vw;min-width:70vw;box-sizing:border-box;display:block}.full-width-search:focus{outline:none}.filter-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:50px 0}.filter-buttons .btn-primary{margin:0}.filter-button.active{background:#0e0e0e}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;justify-content:center;padding:20px 0}.project-item{position:relative}.project-card{position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .3s ease;width:100%;aspect-ratio:1}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.project-card:hover .overlay{opacity:1}.project-title{color:#fff;font-size:20px;font-weight:700;text-align:center}.project-category{margin-top:12px;font-size:14px;color:#666;text-align:left;padding-left:8px}@media (max-width: 1024px){.container{margin:100px 40px 0}.full-width-search{width:90vw;max-width:90vw;min-width:90vw}.projects-row{gap:20px}}@media (max-width: 768px){.container{margin:80px 20px 0;padding:0}.projects-grid{grid-template-columns:1fr;gap:20px}.project-item{min-width:100%;max-width:100%}.full-width-search{font-size:14px;padding:14px}.project-title{font-size:18px}.project-category{font-size:13px}.filter-buttons{margin:50px 0;gap:20px}}@media (max-width: 480px){.filter-button{padding:10px 14px;font-size:11px}.project-card{height:auto}.project-title{font-size:16px}.filter-buttons .btn-primary{margin:0}.filter-buttons{margin:50px 0;gap:20px}}.modal-overlay{position:fixed;top:20%;left:0;width:100%;height:75%;display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;padding-bottom:20px}.btn-class{position:relative;margin:0 auto}.btn-class .btn-primary{display:block}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:10px}.media-item{width:100%;object-fit:cover;border-radius:8px}video{background:#000}.modal-content{background:#1a1a1a;color:#f0f8ff;width:70%;max-height:100%;overflow-y:auto;padding:10px 60px 60px;position:relative;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 4px 12px #000c}.modal-close{position:absolute;top:15px;right:20px;background:transparent;color:#fff;font-size:24px;border:none;cursor:pointer}.modal-close:hover{color:#a4a4a4}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.modal-left{display:flex;flex-direction:column;justify-content:flex-start}.modal-content h2{padding-top:70px;text-align:center;text-transform:uppercase;font-size:40px;text-shadow:0 4px 8px rgba(0,0,0,.7);font-weight:800}.modal-category{color:#aaa;font-size:16px}.modal-description{font-size:14px;line-height:1.6;text-align:justify;white-space:pre-wrap}.modal-right{display:flex;flex-direction:column;height:100%;overflow-y:auto;gap:20px;padding-right:10px;padding-top:60px}.modal-description ul{padding-left:2rem;margin:0}.skills-container{display:flex;flex-wrap:wrap;gap:20px;padding-top:10px}.skill-capsule{background-color:#1a1a1a;color:#f0f8ff;text-decoration:none;font-size:12px;border:none;text-align:center;box-shadow:0 4px 12px #000c;padding:6px 12px;border-radius:20px;font-size:14px}.modal-images-scroll{display:flex;flex-direction:column;gap:20px}.modal-image{width:100%;border-radius:8px;object-fit:cover}@media (max-width: 768px){.modal-overlay{top:2%;z-index:9999;height:100vh}.modal-grid{display:block;gap:60px}}body.modal-open{overflow:hidden}.admin-container{position:relative;max-width:800px;padding:30px;margin:20px auto;border-radius:12px;box-shadow:0 8px 16px #0009;background-color:#2a2a2a;color:#fff}.admin-container h2{text-align:center;margin-bottom:20px;font-size:28px}.admin-container form{display:flex;flex-direction:column;gap:20px}.admin-container input[type=text],.admin-container input[type=file],.admin-container textarea{padding:12px;border:none;border-radius:8px;font-size:16px;background-color:#333;color:#fff}.admin-container button{padding:14px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.admin-container button:hover{background-color:#0056b3}.admin-container .projects-list{margin-top:2rem}.admin-container .project-card{background:#1a1a1a;border-radius:8px;margin-bottom:1.5rem;display:flex;flex-direction:column;height:400px}.admin-container .project-card img{display:block;margin:1rem 0;border-radius:4px}.admin-container .card-content{padding:1.5rem;overflow-y:auto;flex-grow:1}.project-actions{padding:1rem;background:#1a1a1a;position:sticky;bottom:0;border-top:1px solid #333}.project-actions button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.project-actions button:hover{background-color:#0056b3}.cancel-container{text-align:center;margin:20px 0}.cancel-button{background-color:#dc3545;padding:10px 20px;border-radius:8px}.cancel-button:hover{background-color:#bb2d3b}.footer{text-align:center;padding:20px 0;background-color:#1a1a1a;color:#f0f8ff;font-size:14px;position:relative;width:100%;box-shadow:0 -4px 12px #0303031a}