*,:before,:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#fff}.app-container{width:100vw;height:100vh}#wrapper{position:fixed;top:0;bottom:0;left:0;width:80vw;background:#0d0d0d}#wrapper svg{width:100%;height:100%;display:block}#rightSection{position:fixed;top:0;bottom:0;right:0;width:20vw;background:#fff;transition:background-color .3s ease}#rightSection.contact-active{background:#0d0d0d}.contact-header{height:20vh;display:flex;align-items:center;justify-content:center;padding:20px}.contact-button{font-family:Roboto Condensed,Arial Narrow,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:.15em;background:none;border:none;color:#0d0d0d;cursor:pointer;text-decoration:underline;text-underline-offset:8px;transition:color .3s ease;padding:10px}.contact-active .contact-button{color:#fff}.contact-form-container{height:80vh;padding:20px;display:flex;align-items:center;justify-content:center}.contact-form{width:100%;max-width:250px;display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{font-family:Roboto Condensed,Arial,sans-serif;font-size:.9rem;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;outline:none;transition:border-color .3s ease,background .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{border-color:#ffffffb3;background:#ffffff26}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.submit-button{font-family:Roboto Condensed,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.1em;padding:12px 20px;background:#fff;color:#0d0d0d;border:none;cursor:pointer;transition:background .3s ease,opacity .3s ease;margin-top:10px}.submit-button:hover:not(:disabled){background:#ffffffe6}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;color:#fff;font-family:Roboto Condensed,Arial,sans-serif}.success-message p{margin:10px 0;font-size:1.1rem;letter-spacing:.05em}.error-message{color:#ff6b6b;font-family:Roboto Condensed,Arial,sans-serif;font-size:.9rem;text-align:center}@media(orientation:portrait){#wrapper{width:100vh;height:100vw;top:calc(50vh - 50vw);left:calc(-50vh + 50vw);transform:rotate(90deg);transform-origin:center center}#rightSection{width:100vw;height:20vh;top:auto;bottom:0;right:0}.contact-header{height:auto;padding:10px}.contact-button{font-size:1rem;text-underline-offset:4px}.contact-form-container{height:auto;padding:15px}.contact-form{max-width:100%}}