*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #010101;--key-bg: rgba(255,255,255,.08);--btn-bg: rgba(255,255,255,.05);--font: "Montserrat", sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:var(--bg-color)}.bg-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;pointer-events:none;z-index:0}.app-root{width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform-origin:center center;z-index:1}.screen{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px}.screen.active{display:block}.bg-image{position:absolute;top:-281px;left:0;width:1920px;height:1475px;object-fit:cover;pointer-events:none}.logo--top-left{position:fixed;left:3.3vw;top:4.7vh;width:6.8vw;height:auto;z-index:10}.logo--bottom-right{position:fixed;right:3.3vw;bottom:4.7vh;width:6.8vw;height:auto;z-index:10}.main-buttons{position:absolute;top:0;right:0;bottom:0;left:0}.main-btn{position:absolute;top:308px;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0}.main-btn__box{width:340px;height:340px;background:var(--btn-bg);border:10px solid white;border-radius:31px;display:flex;align-items:center;justify-content:center}.main-btn__box--thick{border-width:15px}.main-btn__icon{width:180px;height:180px;object-fit:contain}.main-btn__label{margin-top:46px;font-family:var(--font);font-weight:700;font-size:36px;line-height:1.2;letter-spacing:-1.08px;color:#fff;text-align:center;width:479px}.btn-back{position:fixed;z-index:10;background:var(--key-bg);top:20px;border:2px solid white;border-radius:12px;color:#fff;font-family:var(--font);font-weight:700;font-size:20px;letter-spacing:-.5px;padding:8px 18px;cursor:pointer}.btn-back:active{background:#fff3}.phone-title{position:absolute;top:80px;left:50%;transform:translate(-50%);font-family:var(--font);font-weight:700;font-size:52px;color:#fff;text-align:center;width:1200px;line-height:1.3}.keyboard--phone{position:absolute;top:450px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:22px}.keyboard--phone .keyboard__row{display:flex;gap:22px;justify-content:center}.keyboard--phone .key{width:160px;height:100px;font-size:45px}.key--phone-submit{width:504px;font-size:28px!important;letter-spacing:-.5px;background:#ffffff26;transition:opacity .2s}.key--disabled{opacity:.3;cursor:default}.key--phone-empty{width:160px;height:100px;visibility:hidden}#screen-phone .input-field{top:220px}.input-field__text::placeholder{color:#fff6}.slides-viewer{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.slides-viewer__img{max-width:100%;max-height:calc(100% - 80px);object-fit:contain;border-radius:20px;border:4px solid rgba(255,255,255,.3)}.slides-viewer__nav{display:flex;align-items:center;gap:40px}.slides-nav-btn{width:80px;height:80px;background:var(--key-bg);border:4px solid white;border-radius:50%;color:#fff;font-family:var(--font);font-weight:700;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.slides-nav-btn:active{background:#fff3}.slides-viewer__counter{font-family:var(--font);font-weight:700;font-size:28px;color:#fff;min-width:100px;text-align:center}.input-field{position:absolute;top:169px;left:50%;transform:translate(calc(-50% - .5px));width:1747px;height:153px;background:var(--key-bg);border:5px solid white;border-radius:45px;display:flex;align-items:center;padding:0 30px}.input-field__text{flex:1;background:transparent;border:none;outline:none;font-family:var(--font);font-weight:700;font-size:56px;letter-spacing:-1.68px;line-height:1.2;color:#fff;caret-color:#fff;padding-left:23px}.input-field__send{width:63px;height:63px;background:none;border:none;cursor:pointer;padding:0;margin-right:10px}.input-field__send-icon{width:63px;height:63px}.keyboard{position:absolute;top:421px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:30px}.keyboard__row{display:flex;gap:22px}.key{width:100px;height:100px;background:var(--key-bg);border:4px solid white;border-radius:12px;font-family:var(--font);font-weight:700;font-size:45px;letter-spacing:-1.35px;line-height:1.2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.key:active{background:#fff3}.key--backspace{width:224px}.key--shift{width:222px}.key--enter{width:224px;font-size:28px;letter-spacing:-.5px;background:#ffffff26}.key--mic{width:222px}.key--mic-placeholder{width:222px;height:100px;visibility:hidden}.key--space{width:1198px}.key__icon{width:48px;height:48px;object-fit:contain}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.modal{position:relative;background:#ffffff1f;border:4px solid white;border-radius:40px;padding:80px 100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:800px}.modal__text{font-family:var(--font);font-weight:700;font-size:42px;color:#fff;text-align:center;line-height:1.3}.modal__close{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:48px;cursor:pointer;line-height:1;padding:0;opacity:.7}.modal__close:hover{opacity:1}.key--recording{position:relative;border-color:#ff6464e6;box-shadow:0 0 20px #ff505080;animation:mic-pulse 1.5s ease-in-out infinite;overflow:hidden}@keyframes mic-pulse{0%,to{box-shadow:0 0 15px #ff505066}50%{box-shadow:0 0 30px #ff5050b3}}.mic-volume-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#ffffff4d;transform:scaleY(0);transform-origin:bottom center;transition:transform .05s ease-out;border-radius:8px;pointer-events:none;z-index:0}.key--recording .key__icon{position:relative;z-index:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}