body{width:100%;height:100vh;background:#000;padding:0;margin:0;color:#f4f4f4;font-family:Inter,sans-serif}html{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}#app{width:100%;height:100%;justify-items:center;align-items:center;align-content:center;justify-content:center;display:flex}.container{z-index:2;display:flex;flex-direction:row;justify-content:left;align-items:center;width:80%}.title{font-weight:600;font-size:80px;line-height:90%;letter-spacing:-.03em}.interactive{display:flex;flex-direction:row;margin-top:1rem;height:3rem;gap:1rem;position:relative}button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.icon-button,.gradient-button{background:#00000080;border-radius:10px;position:relative;opacity:0;animation:appear .7s ease-in-out forwards;transition:background .2s ease-in-out}.icon-button{border:1px solid rgba(244,244,244,.1);padding:16px 20px}.gradient-button{padding:16px;width:90px;color:#fff;text-align:center;box-shadow:0 0 50px #045fff38}.gradient-button:hover,.icon-button:hover{background:#00000040}.gradient-button:active,.ico-button:active{background:#0000000d}.gradient-button:before{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:linear-gradient(-45deg,#045fff,#045fff00,#045fff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.showcase-image{position:absolute;right:10%;pointer-events:none}.video{position:absolute;top:0;left:0;padding:0;margin:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center;opacity:0;animation:video-appear 2.5s cubic-bezier(0,1.1,.78,.99) forwards;animation-delay:.2s;pointer-events:none}.video-blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);mask-image:linear-gradient(to right,#000,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);opacity:0;animation:video-blur-appear 2.5s cubic-bezier(0,1.1,.78,.99) forwards;animation-delay:.2s;pointer-events:none;z-index:1}.background{height:100vh;overflow:hidden;width:100%;position:absolute}@keyframes video-blur-appear{0%{opacity:0}to{opacity:1}}@keyframes video-appear{0%{opacity:0;filter:blur(15px)}to{opacity:1;filter:blur(0)}}@keyframes appear{0%{opacity:0;transform:translateY(2.5rem);filter:blur(15px)}to{opacity:1;filter:blur(0)}}@keyframes disappear{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(15px);transform:translateY(-2.5rem)}}@-moz-document url-prefix(){@keyframes appear{0%{opacity:0;transform:translateY(2.5rem);filter:none}to{opacity:1;filter:none}}@keyframes disappear{0%{opacity:1;filter:none}to{opacity:0;transform:translateY(-2.5rem);filter:none}}}.content>div,.interactive{will-change:opacity,transform}.survey{position:absolute;width:100%;height:100%;align-items:center;justify-content:center;justify-items:center;display:flex}.survey-container{max-width:400px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:appear 1s ease-in-out}.survey-title{font-weight:600;width:100%;font-size:2rem;padding-bottom:1rem}.survey-content{width:100%;display:flex;flex-direction:column;gap:.5rem;animation:appear 1s ease-in-out}.survey-element{font-size:1rem}.error-message{color:#e74c3c;font-size:12px;margin-top:6px;opacity:0;animation:slideIn .5s ease-in-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.survey-content-input{border:1px solid rgba(244,244,244,.15);border-radius:10px;padding:.5rem;margin-top:.25rem;width:100%;background:#f4f4f40d;box-sizing:border-box;height:3rem;font-size:1rem;color:#f4f4f4bf}.survey-content-selector{display:flex;gap:10px;width:100%;margin-top:.25rem;height:3rem}.survey-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:appear 1s ease-in-out}.survey-container.closing,.survey-content.closing,.survey-overlay.closing{animation:disappear 1s ease-in-out forwards}.survey-element-button-wrapper{margin-top:2rem}.survey-element-button,.survey-content-selector .square-button{border:1px solid rgba(244,244,244,.15);border-radius:10px;font-weight:300;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .3s,color .3s,border-color .3s}.survey-element-button{width:100%;background:#f4f4f4;height:3rem;color:#000;box-sizing:border-box}.survey-element-button:disabled{opacity:.5;cursor:not-allowed}.survey-element-button:hover:not(:disabled),.survey-content-selector .square-button.active:hover{background:#f4f4f4b3}.survey-content-selector .square-button.inactive:hover{background:#f4f4f41a}.survey-header{display:flex;flex-direction:row;width:100%}.survey-button{border:1px solid rgba(244,244,244,.15);border-radius:10px;font-weight:300;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .3s,color .3s,border-color .3s;background:#f4f4f4;height:2rem;width:7rem;color:#000;box-sizing:border-box}.survey-button:hover{background:#f4f4f4b3}.survey-content-selector .square-button{flex:1;background:#f4f4f480;height:100%;color:#f4f4f4cc}.survey-content-selector .square-button.active{background-color:#fff;color:#000}.survey-content-selector .square-button.inactive{background:#f4f4f40d;color:#fff;border-color:#f4f4f426}.input-error{border-color:#e74c3c!important}.required-asterisk{color:#045fff;padding-left:.1rem;font-size:1.5rem}.survey-item,.survey-content{will-change:opacity,transform}.notification-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:appear .5s ease-in-out}.notification-overlay.closing{animation:fadeOut .5s ease-in-out forwards}.notification-container{height:100%;max-width:600px;padding:10%;display:flex;flex-direction:column;justify-content:center;align-items:center}.notification-container.closing{animation:disappear 2s ease-in-out forwards}.notification-title{font-weight:500;width:100%;font-size:1.5rem;padding-bottom:1rem;color:#f4f4f4}.notification-content{width:100%;display:flex;flex-direction:column;gap:1rem;text-align:left;animation:appear 1s ease-in-out}.notification-content.closing{animation:disappear 1s ease-in-out forwards}.notification-message{font-size:1rem;font-weight:400;color:#f4f4f4bf;text-align:left;line-height:1.5}.notification-buttons{display:flex;gap:10px;width:100%}.notification-button{flex:1;border:1px solid rgba(244,244,244,.15);border-radius:10px;background:#f4f4f40d;height:3rem;font-size:1rem;font-weight:300;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s,border-color .3s;color:#f4f4f4cc;display:flex;align-items:center;justify-content:center;padding:0}.notification-button:hover{background:#f4f4f41a}.notification-button.primary{background:#f4f4f4;color:#000}.notification-button.primary:hover{background:#f4f4f4b3}@keyframes fadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}