*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;scroll-behavior:smooth;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,monospace}:root{--background: rgb(8, 8, 8);--second-background: rgb(8, 8, 8);--dots-pattern: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='40' height='40' fill='none'/><circle cx='20' cy='20' r='2' fill='rgba(255,76,76,0.25)'/><circle cx='0' cy='0' r='2' fill='rgba(250,116,116,0.20)'/><circle cx='40' cy='40' r='2' fill='rgba(72,27,114,0.18)'/></svg>")}@keyframes moveDots{0%{transform:translateZ(0)}to{transform:translate3d(40px,0,0)}}body{min-height:100vh;background-color:var(--background);position:relative;overflow-x:hidden}nav{position:fixed;top:1.5em;left:50%;transform:translate(-50%);width:calc(100% - 6em);max-width:1400px;padding:1.2em 2.5em;display:flex;align-items:center;justify-content:space-between;gap:1em;background-color:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;z-index:1000;box-shadow:0 8px 32px #0000004d}ul{display:flex;align-items:center;gap:3em}nav ul a{color:#fff;opacity:.7;transition:.2s ease-in-out}nav ul a:hover{opacity:1}.logo{font-size:2em;font-weight:800;color:#fff;opacity:.8;transition:.2s ease-in-out}.logo span{color:#fff;font-family:Courier New,Courier,monospace}.logo:hover{opacity:1}.language-switcher{display:flex;gap:.3em;background:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:.5em;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.lang-btn{padding:.4em .8em;background:transparent;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s ease;opacity:.6}.lang-btn:hover{opacity:.9;background:#ffffff1a}.lang-btn.active{background:linear-gradient(135deg,#7a2e39,#ad6262);opacity:1}.btn{padding:.5em 1em;color:#fff;font-weight:500;letter-spacing:1px;border-radius:12px;font-size:1.1em;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.3s ease-in-out;background:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 16px #0003}.btn:hover{background:#ffffff1a;border-color:#fff3}span{background:linear-gradient(to right,#7a2e39,#ad6262);-webkit-background-clip:text;background-clip:text;color:transparent}.about-info p span,.toggle-btn span,.btn span,.cv-section h3 span,.cv-section h4 span,.cv-section p span,.cv-section li span{background:none;background-clip:unset;color:inherit}#menu{color:#fff;font-size:3em;display:none}section{width:100%;padding:5% 15%;position:relative;z-index:1}#home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;padding-top:7em;color:#fff;min-height:100vh;position:relative}#home:before{content:"";position:absolute;inset:0;background-image:var(--dots-pattern);background-size:40px 40px;background-repeat:repeat;animation:moveDots 8s linear infinite;will-change:transform;pointer-events:none;z-index:0;filter:drop-shadow(0 0 3px rgba(255,76,76,.4)) drop-shadow(0 0 6px rgba(255,76,76,.2))}.scroll-down-btn{position:absolute;bottom:3em;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em;cursor:pointer;transition:all .3s ease;animation:bounce 2s infinite;z-index:10}.scroll-down-btn:hover{background:linear-gradient(135deg,#ff4c4c,#fa7474,#481b72);border-color:transparent;transform:translate(-50%) scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.home-wrapper{background:#0003;padding:2em;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2em;align-items:center}.home-content{display:flex;flex-direction:row;align-items:center;gap:3em;max-width:900px}.home-profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,76,76,.6);box-shadow:0 4px 20px #ff4c4c4d;flex-shrink:0}.info-box{display:flex;flex-direction:column;text-align:left;gap:.5em;max-width:600px}.info-box h1{font-size:4em;font-weight:500}.info-box h3{font-size:2em;font-weight:400}.infobox p{opacity:.7}.custom-map-container{position:relative;width:100%;max-width:450px;margin:0;border-radius:1rem;box-shadow:0 10px 40px #0000004d,0 4px 15px #0003,0 0 0 1px #ff4c4c33;background:#181818cc;overflow:hidden;border:2px solid rgba(255,76,76,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;align-self:center}.custom-map-container:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0006,0 6px 20px #0000004d,0 0 0 1px #ff4c4c66;border-color:#ff4c4c80}.custom-map-container:after{content:"📍 Almere, Nederland";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#181818f2,#282828f2);color:#fff;padding:.75rem;text-align:center;font-size:.9em;font-weight:500;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,76,76,.2);z-index:2}.custom-map-iframe{width:100%;height:280px;border:none;border-radius:0;filter:grayscale(.2) contrast(1.1) brightness(.9) saturate(1.2) hue-rotate(10deg);background:#1a1a1a;display:block;transition:filter .3s ease}.custom-map-container:hover .custom-map-iframe{filter:grayscale(.1) contrast(1.15) brightness(1) saturate(1.3) hue-rotate(5deg)}.btn-box{display:flex;gap:2em;width:100%}.btn-box .btn{flex:1;text-align:center;padding:.8em 1em;font-size:1em;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.5em}.btn-box .btn:nth-of-type(2){background-color:#fff;color:var(--background)}.btn-box .btn:nth-of-type(2):hover{background-color:var(--background);color:#fff}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#7a2e39,#ad6262)}#about{background-color:var(--second-background);display:flex;align-items:center;justify-content:center;padding-top:9em;padding-bottom:3em;gap:5em;min-height:100vh;position:relative}#about:before{content:"";position:absolute;inset:0;background-image:var(--dots-pattern);background-size:40px 40px;background-repeat:repeat;animation:moveDots 8s linear infinite;will-change:transform;pointer-events:none;z-index:0;filter:drop-shadow(0 0 3px rgba(255,76,76,.4)) drop-shadow(0 0 6px rgba(255,76,76,.2))}.about-wrapper{background:#0003;padding:3em;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;max-width:1400px;width:100%}#about h2{font-size:2em}#about img{width:30vw;border-radius:1em}.about-box{display:grid;grid-template-columns:1fr 450px;gap:3em;align-items:start}.about-content{display:flex;flex-direction:column;gap:2em}.about-box h1{font-size:4em}.about-box h2{font-size:2.5em}.about-box h3{font-size:5em}.about-box p{opacity:.8;color:#fff}.skills{display:flex;text-align:left;align-items:flex-start;gap:10em}.skills span{font-family:Courier New,Courier,monospace;color:#fff;background:transparent}.skills h1{font-size:2em;color:#fff;opacity:.8}.skills ul{font-weight:500;display:flex;flex-direction:column;color:#fff;opacity:.8;align-items:baseline}.skills ul li span{display:flex;align-items:center;gap:.5em;font-size:1.3em;transition:.3s ease-in-out;color:#fff}.skills ul li span:hover{transform:translate(10px);color:#ff4c4c}.skills ul li i{font-size:1.2em}@keyframes pulseGlow{0%,to{filter:brightness(1) drop-shadow(0 0 0px rgba(255,76,76,0))}50%{filter:brightness(1.05) drop-shadow(0 0 3px rgba(255,76,76,.3))}}.skill-item{position:relative;cursor:pointer;animation:pulseGlow 6s ease-in-out infinite;transition:transform .2s ease;will-change:transform,filter}.skill-item:hover{transform:translate(5px);animation:none}.skill-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:15px;background-color:#181818f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9em;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid rgba(255,76,76,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.skill-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#181818f2}.skill-item:hover .skill-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(5px)}.skills-toggle{display:flex;justify-content:left;gap:1em;margin-bottom:2em}.toggle-btn{padding:.7em 1.5em;background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:.5em;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1em;display:flex;align-items:center;gap:.5em}.toggle-btn:hover{border-color:#ff4c4cb3;transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(to bottom,#ff4c4c,#fa7474);border-color:#ff4c4c;color:#fff}.skills.hidden{display:none}#about-box{font-size:2.5em}#projects{background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:7em}#projects:before{content:"";position:absolute;inset:0;background-image:var(--dots-pattern);background-size:40px 40px;background-repeat:repeat;animation:moveDots 8s linear infinite;will-change:transform;pointer-events:none;z-index:0;filter:drop-shadow(0 0 3px rgba(255,76,76,.4)) drop-shadow(0 0 6px rgba(255,76,76,.2))}.projects-wrapper{background:#0003;padding:3em;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;max-width:1400px;width:100%}.header{text-align:center;font-size:4em;margin:.5em 0}.projects-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1em;padding:0 3em}.carousel-btn{background:linear-gradient(135deg,#ff4c4c,#fa7474,#481b72);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5em;transition:all .3s ease;flex-shrink:0;z-index:10}.carousel-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #ff4c4c80}.carousel-btn:active{transform:scale(.95)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-btn:disabled:hover{transform:scale(1);box-shadow:none}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;overflow:hidden;width:100%;transition:transform .5s ease}.carousel-dots{display:flex;justify-content:center;gap:.8em;margin-top:2em}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease;border:none}.carousel-dot.active{background:linear-gradient(135deg,#ff4c4c,#fa7474,#481b72);width:30px;border-radius:6px}.carousel-dot:hover{background:#ff4c4c99}.box{border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;object-fit:cover;padding:2em;gap:1.5em;color:#fff;cursor:pointer;transition:.3s ease-in-out;height:100%;position:relative;background-color:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.box:hover{border:1px solid rgba(255,255,255,.2);background-color:#00000080}.box p{opacity:.8}.project-category{position:absolute;top:1em;right:1em;background:linear-gradient(135deg,#7a2e39cc,#ad6262cc);color:#fff;padding:.35em .5em;border-radius:.4em;font-size:.8em;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;transition:.3s ease-in-out}.project-category i{font-size:.95em}.box:hover .project-category{background:linear-gradient(135deg,#7a2e39,#ad6262);transform:scale(1.05)}.box .btn-box{margin-top:auto;gap:1em}.box .project-description p{margin-bottom:.8em;line-height:1.5}.box .project-description ol{margin:1em 0;padding-left:1.5em;opacity:.8}.box .project-description ol li{margin-bottom:.5em;line-height:1.4}.box .project-description h3{font-size:1.3em;margin-top:1em;margin-bottom:.5em;color:#fff}.box h1{font-size:2em;margin:0}.box>p{flex-grow:1;margin:0}.box img{min-width:25px;width:100%;height:200px;object-fit:cover;border-radius:.5em}.modal-container{display:fixed;pointer-events:none;position:fixed;opacity:0;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-container.show{pointer-events:auto;opacity:1}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#181818f2;border:1px solid rgba(255,76,76,.2);padding:2em;border-radius:1em;width:90vw;max-width:1200px;max-height:85vh;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.modal-content-wrapper{display:flex;gap:2em;align-items:flex-start}.modal-video-section{flex:0 0 45%;background:#0000004d;border:1px solid rgba(255,76,76,.2);border-radius:.8em;padding:1.5em;position:sticky;top:0;display:flex;flex-direction:column;gap:1em}.modal-image-container{width:100%;border-radius:.5em;overflow:hidden}.modal-image-container img{width:100%;height:auto;display:block}.modal-main-section{flex:1;min-width:0}.modal-main-section h1{margin-top:0}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#ff4c4c80;border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:#ff4c4cb3}.modal p{margin-bottom:1em;opacity:.8;line-height:1.6}.modal ol{margin:1em 0;padding-left:1.5em;opacity:.8}.modal ol li{margin-bottom:.5em;line-height:1.5}.modal ul{display:block;margin:1em 0;padding-left:1.5em;opacity:.8;list-style:disc!important}.modal ul li{display:list-item!important;margin-bottom:.5em;line-height:1.5;list-style:disc!important}.modal h3{font-size:1.5em;margin-top:1.5em;margin-bottom:.8em;color:#fff}.modal pre{background:#0006;border:1px solid rgba(255,76,76,.3);border-radius:.5em;padding:1em;margin:1em 0;overflow-x:auto}.modal code{font-family:Courier New,Courier,monospace;font-size:.9em;color:#fff;line-height:1.5;display:block;white-space:pre}.modal-close{position:absolute;top:15px;right:15px;background:#0f0f0fe6;border:1px solid rgba(255,76,76,.3);color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:35px;height:35px;transition:all .3s ease;z-index:10}.modal-close:hover{background-color:#ffffff1a;transform:scale(1.1)}.cv-modal{max-width:900px;width:90vw;max-height:85vh;overflow-y:auto;overflow-x:hidden;padding:2.5em}.cv-content{color:#fff;max-width:100%;overflow-x:hidden}.cv-header{text-align:center;margin-bottom:2em;padding-bottom:1.5em;border-bottom:2px solid rgba(255,76,76,.3);position:relative}.cv-profile-pic{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #ff4c4c;position:absolute;top:0;left:0;box-shadow:0 4px 15px #ff4c4c4d}.cv-header h1{font-size:2.5em;margin-bottom:.3em;color:#ff4c4c}.cv-header h2{font-size:1.5em;color:#fffc;margin-bottom:1em}.cv-contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8em;margin-top:1em}.cv-contact-info p{display:flex;align-items:center;gap:.5em;font-size:.85em;color:#ffffffb3;margin:0;padding:.3em 0}.cv-contact-info i{color:#ff4c4c;font-size:1.1em}.cv-section{margin-bottom:2.5em}.cv-section h3{font-size:1.4em;margin-bottom:1.2em;display:flex;align-items:center;gap:.5em;color:#ff4c4c;border-bottom:1px solid rgba(255,76,76,.2);padding-bottom:.5em}.cv-section h3 i{font-size:1.2em}.cv-section p{color:#fffc;line-height:1.7;margin-bottom:.8em}.cv-item{margin-bottom:1.5em}.cv-item h4{font-size:1.2em;color:#fff;margin-bottom:.3em}.cv-date{color:#ff4c4c!important;font-size:.9em!important;font-weight:600;margin-bottom:.5em!important}.cv-item ul{list-style:none;margin-left:1em}.cv-item ul li{color:#ffffffb3;margin-bottom:.5em;padding-left:1.5em;position:relative;line-height:1.5}.cv-item ul li:before{content:"▹";position:absolute;left:0;color:#ff4c4c;font-weight:700}.cv-skills-grid{display:flex;flex-direction:column;gap:1.5em;margin-top:1em;width:100%}.cv-skill-category{background:#ffffff08;padding:1.2em 1.5em;border-radius:.5em;border:1px solid rgba(255,76,76,.1);width:100%;box-sizing:border-box}.cv-skill-category h4{color:#fa7474;margin-bottom:1em;font-size:1.1em;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.cv-skill-category ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8em}.cv-skill-category ul li{color:#fffc;padding:.4em .8em;background:#ff4c4c1a;border-radius:.3em;line-height:1.5;white-space:nowrap;font-size:.95em}.cv-skill-category ul li:before{content:""}.cv-soft-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8em;list-style:none}.cv-soft-skills li{color:#ffffffb3;padding-left:1.5em;position:relative}.cv-soft-skills li:before{content:"★";position:absolute;left:0;color:#ff4c4c}.cv-actions{margin-top:2em;padding-top:1.5em;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.cv-actions .btn{background:linear-gradient(135deg,#ff4c4c,#fa7474,#481b72);padding:1em 2em;font-size:1em}.cv-modal::-webkit-scrollbar{width:8px}.cv-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.cv-modal::-webkit-scrollbar-thumb{background:#ff4c4c80;border-radius:10px}.cv-modal::-webkit-scrollbar-thumb:hover{background:#ff4c4cb3}.cv-print{background-color:#1a1a1a!important;color:#ffffffe6!important;max-width:900px!important;padding:1.5em!important;width:100%!important;margin:0 auto!important;position:static!important;transform:none!important}.cv-print *{box-sizing:border-box!important}.cv-print .cv-header{background-color:#1a1a1a!important;border-bottom:2px solid #ff4c4c!important;page-break-after:auto!important;margin-bottom:.5em!important;padding-bottom:.5em!important;margin-top:0!important;text-align:center;position:relative!important}.cv-print .cv-profile-pic{width:80px!important;height:80px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #ff4c4c!important;position:absolute!important;top:0!important;left:0!important;box-shadow:0 2px 8px #ff4c4c4d!important}.cv-print .cv-header h1{color:#ff4c4c!important;font-size:1.6em!important;margin-bottom:.2em!important}.cv-print .cv-header h2{color:#fffc!important;font-size:1em!important;margin-bottom:.6em!important}.cv-print .cv-contact-info p{color:#ffffffb3!important;font-size:.65em!important;margin:.15em 0!important;padding:0!important}.cv-print .cv-contact-info i{color:#ff4c4c!important}.cv-print .cv-section{page-break-inside:auto!important;margin-bottom:1em!important}.cv-print .cv-section h3{color:#ff4c4c!important;border-bottom:1px solid #ff4c4c!important;font-size:.95em!important;page-break-after:auto!important;margin-bottom:.6em!important;padding-bottom:.25em!important}.cv-print .cv-section p{color:#fffc!important;font-size:.72em!important;line-height:1.3!important;margin-bottom:.3em!important}.cv-print .cv-item{page-break-inside:avoid;margin-bottom:.8em!important}.cv-print .cv-item h4{color:#fff!important;font-size:.9em!important;margin-bottom:.2em!important}.cv-print .cv-date{color:#ff4c4c!important;font-size:.7em!important;margin-bottom:.25em!important}.cv-print .cv-item ul li{color:#ffffffb3!important;font-size:.7em!important;margin-bottom:.25em!important;line-height:1.25!important}.cv-print .cv-skill-category{background:#ffffff08!important;border:1px solid rgba(255,76,76,.3)!important;page-break-inside:avoid;padding:.5em!important;margin-bottom:.4em!important}.cv-print .cv-skill-category h4{color:#ff4c4c!important;font-size:.82em!important;margin-bottom:.35em!important}.cv-print .cv-skill-category ul li{background:#ff4c4c26!important;border:1px solid rgba(255,76,76,.3)!important;color:#ffffffe6!important;font-size:.65em!important;padding:.25em .5em!important}.cv-print .cv-soft-skills li{color:#ffffffb3!important;font-size:.65em!important;margin-bottom:.15em!important}.cv-print .cv-soft-skills li:before{color:#ff4c4c!important}.cv-modal .modal-close,.cv-modal .cv-actions{display:block}@media print{.cv-modal .modal-close,.cv-modal .cv-actions{display:none!important}}#contact{background-color:var(--second-background);position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:7em}#contact:before{content:"";position:absolute;inset:0;background-image:var(--dots-pattern);background-size:40px 40px;background-repeat:repeat;animation:moveDots 8s linear infinite;will-change:transform;pointer-events:none;z-index:0;filter:drop-shadow(0 0 3px rgba(255,76,76,.4)) drop-shadow(0 0 6px rgba(255,76,76,.2))}.contact-wrapper{background:#0003;padding:3em;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;max-width:800px;width:100%}form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}form .input-box{display:flex;flex-direction:column;align-items:baseline;gap:1em}.input-box span{font-size:1.5em}.input-box input{align-items:center}form input{color:#fff;font-size:1em;padding:1em 3em;border:none;background-color:transparent;outline:none;font-weight:500;letter-spacing:1px;border-radius:.5em;font-size:1.1em;border:1.5px solid #fff;transition:.3s ease-in-out;text-align:center}form input:focus{border-color:#faebd7}form button.btn{background-color:transparent;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5em}form button.btn:hover{background-color:#fff;color:var(--background)}.h-captcha{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease-in-out;transform:translateY(-10px)}.h-captcha.show{opacity:1;max-height:100px;transform:translateY(0)}footer{display:flex;align-items:center;justify-content:center;gap:5em;margin:1.5em auto;width:calc(100% - 6em);max-width:1400px;background-color:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1em 2.5em;position:relative;z-index:1;box-shadow:0 8px 32px #0000004d}.col-left{display:flex;flex-direction:column;gap:1em;position:relative;z-index:1}.col-box{display:flex;align-items:center;gap:1em;position:relative;z-index:1}.col-box i{font-size:2em}.col-box span{font-size:1.2em}.col-box span.text{color:#fff;background:transparent}.col-right{display:flex;flex-direction:column;gap:1em;color:#fff;max-width:500px}.col-right span{font-size:1.3em}.col-right .social-icons{display:flex;align-items:baseline;justify-content:left;gap:1em}.col-right .social-icons a{color:inherit;text-decoration:none;transition:.2s ease-in-out}.col-right .social-icons i{font-size:2em;transition:.2s ease-in-out;cursor:pointer}.social-icons a:hover,.social-icons i:hover{background:linear-gradient(to bottom,#7a2e39,#ad6262);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.1)}@media (max-width: 968px){section{padding:8em 15%}.cv-modal{width:92vw;padding:2em 1.5em}.cv-skill-category ul li{font-size:.9em;padding:.35em .7em}nav .btn{display:none}#menu{display:block}.nav-links{position:absolute;top:100%;right:0;width:100%;padding:1em 3em;color:#fff;display:flex;flex-direction:column;text-align:center;background:#000000e6;display:none}.nav-links a{margin:2em 0;display:block;font-size:1.5em;color:#fff}.nav-links.active{display:block}#home h1{font-size:4em}#home h3{font-size:2em}#home img{width:24vw}#about{flex-direction:column}#about img{width:32vw}#about h1{font-size:3em}#about ul{font-size:1em}}@media (max-width: 768px){#home h1{font-size:2.5em}#home h3{font-size:1.5em}#home img{width:32vw}#about .skills{gap:3em}#projects .header{font-size:3em}.projects-carousel-wrapper{padding:0 1.5em}.carousel-btn{width:45px;height:45px;font-size:1.3em}.projects-container{grid-template-columns:repeat(2,1fr);gap:1.5em}#contact .header{font-size:3em}#contact .input-box span{font-size:1.2em}.input-box input{padding:.5em 1em;text-align:center}footer{flex-direction:column;gap:5em;align-items:baseline}}@media (max-width: 600px){nav{padding:1em 5%}.logo{font-size:1.5em}section{padding:6em 3% 2em}#home{padding-top:6em;gap:1.5em}#home img{width:50vw;margin-top:1em}.info-box h1{font-size:2em}.info-box h3{font-size:1em}.btn-box{flex-direction:column;gap:1em;width:100%;align-items:stretch}.btn{font-size:1em;width:100%;text-align:center}#about{flex-direction:column;gap:2em;padding-top:4em}#about img{width:80vw;margin:0 auto}.about-box h1,.about-box h2{font-size:2em}.skills{flex-direction:column;gap:2em}.projects-carousel-wrapper{padding:0 .5em}.carousel-btn{width:40px;height:40px;font-size:1.2em}.projects-container{grid-template-columns:1fr;gap:1em}.box{padding:1em;gap:1em}.box h1{font-size:1.2em}.box img{width:100%;min-width:unset}.modal{width:95vw;max-width:95vw;padding:1em}.modal-content-wrapper{flex-direction:column}.modal-video-section{flex:1 1 100%;position:relative}.cv-modal{width:95vw;padding:1.5em 1em;max-height:90vh}.cv-header h1{font-size:1.6em}.cv-header h2{font-size:1.1em}.cv-contact-info{grid-template-columns:1fr;gap:.5em}.cv-contact-info p{justify-content:center}.cv-section h3{font-size:1.1em}.cv-skills-grid{gap:1.2em}.cv-skill-category{padding:1em}.cv-skill-category ul li{font-size:.85em;padding:.3em .6em}.cv-soft-skills{grid-template-columns:1fr}.cv-actions .btn{width:100%;text-align:center}.header{font-size:2em}form .input-box span{font-size:1em}form input{font-size:1em;padding:.5em 1em;width:90vw;max-width:100%}footer{flex-direction:column;gap:2em;padding:2em 5%;align-items:flex-start}.col-right{max-width:100%}}
