*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Instrument\ serif,serif;min-height:900px;background-color:#232732}img{-moz-user-select:none;-webkit-user-select:none;user-select:none}.container{display:flex;height:100%;flex-direction:row;position:relative}.left,.right{flex:1;overflow:hidden}.left{background-color:#232732;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10px;position:relative}.left-content{width:85%;max-width:100%;margin-left:10px;flex-grow:1;margin-top:150px;text-align:left;padding:20px;box-sizing:border-box}.left-content h2{margin-bottom:10px;font-size:40px}.left-content h1{margin-bottom:10px;font-size:100px}.left-content p{margin-bottom:10px;font-size:28px}.contact-form{display:flex;flex-direction:column;gap:20px;width:100%;font-size:18px;max-width:none}.contact-form label{font-weight:bold;margin-bottom:5px}.contact-form input,.contact-form textarea{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#007bff}.contact-form textarea{resize:none}.contact-form button{background-color:#007bff;color:#fff;padding:12px 15px;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;align-self:flex-start;width:100%;background-color:transparent;color:#fff;border:2px solid #fff}.contact-form button:hover{background-color:#fff;color:#000}.footer{position:fixed;bottom:5px;right:1%;color:#fff;font-size:14px;z-index:10}.links-container{position:fixed;bottom:26px;margin-left:16px;display:flex;gap:15px;font-size:26px;z-index:20}.links-container a{color:#fff;text-decoration:none;padding:8px 12px;margin-left:10px;border:1px solid #fff;border-radius:5px;transition:background .3s;height:50px;width:140px;display:flex;align-items:center;justify-content:center;text-align:center}.links-container a:hover{background:#fff;color:#000}.right{position:relative}.right .responsive-img{width:100%;height:100%;object-fit:cover}.slider-container{width:100%;height:50px;border:1px solid #fff;border-radius:25px;overflow:hidden;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;top:10px}.slider{width:50px;height:50px;background:#fff;border-radius:50%;position:absolute;top:0;right:0;cursor:grab;transition:background .2s , left .2s}.slider:active{cursor:grabbing}.slider-container.done .slider{background:#76c7c0}.slider-container.done .slider::after{content:"✔";color:#fff;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-container .label{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:bold;pointer-events:none;user-select:none}.slider-container.error .label{color:red}.slider-container.done .label{visibility:hidden}.error-message{color:red;font-size:.9em;margin-bottom:10px;text-align:center;display:none}.ghost-trail{position:absolute;width:50px;height:50px;background:rgba(255,255,255,.5);border-radius:50%;top:0;right:0;pointer-events:none;animation:ghost-slide-reverse 2s ease-in-out infinite}.hidden{display:none}@keyframes ghost-slide-reverse {
    0% {
        right: 0; /* Start on the right */
        opacity: 0; /* Fully transparent */
    }
    10% {
        opacity: 0.20; /* Fade in quickly */
    }
    90% {
        right: calc(100% - 50px); /* Move to the left */
        opacity: 0.90; /* Maintain visibility */
    }
    100% {
        opacity: 0; /* Fade out at the left */
    }
}.ghost-trail.no-animation{animation:none}@media (max-height:900px){.left{display:flex;flex-direction:column;justify-content:space-between;height:100%}.left-content{margin-top:80px;flex-grow:1;min-height:600px}.links-container{margin-top:auto}.links-container{position:static;padding-top:40px;margin-bottom:26px;display:flex;gap:15px;font-size:26px;z-index:20}.left{padding-top:70px}}@media (max-width:1705px){.container{flex-direction:column;height:auto}.slider-container{width:90%;height:50px;border:1px solid #fff;border-radius:25px;overflow:hidden;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;top:10px}.left{margin-top:-80px;padding-top:0;flex-grow:1;width:100%;order:1;min-height:70vh;margin-bottom:-20px}.right{width:100%;order:2;padding-top:18px}.left-content{width:100%}.left-content h1{font-size:40px}.left-content h2{font-size:20px}.left-content p{font-size:18px}.contact-form{padding-top:-30px;display:flex;flex-direction:column;gap:2px;width:90%;font-size:18px;max-width:none}.links-container{margin-top:-100px;display:grid;grid-template-columns:repeat(1,auto);grid-gap:10px;left:20px;font-size:20px;position:fixed}.links-container a{width:110px;height:auto;text-align:center;padding:10px}}@media (max-width:1705px) and (max-height:900px){.left{margin-top:-80px;padding-top:-50px;flex-grow:1;width:100%;order:1;margin-bottom:-20px}.right{margin-top:-210px}.links-container{position:static;display:grid;grid-template-columns:repeat(2,auto);grid-gap:10px;bottom:20px;left:20px;font-size:20px}.links-container a{width:110px;height:auto;text-align:center;padding:10px}}@media (max-width:1705px) and (max-height:900px) and (orientation:landscape){.right{height:50%}}