@charset "UTF-8";@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body{padding:0;width:100%;height:100%;margin:0}.main-container{width:100%;min-height:100vh;background-color:#c2c1c11a;position:relative;-ms-overflow-style:none;scrollbar-width:none}.main-container::-webkit-scrollbar{display:none;width:.00001vw}.main-container .top-container{width:100%;padding:0;margin:0}.main-container .main-content{height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}body.dark-mode .main-container{background-color:#1e293b!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.background-container{width:100%;padding:0;overflow:hidden;background:#fff}.bottom-player{position:fixed;bottom:0;left:0;right:0;z-index:1000;border-radius:0;border-top:1px solid rgba(0,0,0,.12);background-color:#fff;padding:12px 16px;min-height:100px;display:flex;align-items:center;transition:min-height .2s ease,padding .2s ease,background-color .2s ease}.bottom-player.dark-mode{background-color:#1a1a1a;border-top:1px solid rgba(255,255,255,.12)}.bottom-player.dark-mode .resize-handle:before{background:#ffffff59}.bottom-player .resize-handle{position:absolute;top:-6px;left:0;right:0;height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:1001}.bottom-player .resize-handle:before{content:"";width:44px;height:4px;border-radius:999px;background:#00000040}.center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;z-index:2}.track-info{position:absolute;left:0;top:50%;transform:translateY(-50%);min-width:0;max-width:250px;z-index:1;padding-left:16px}.volume-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:0;max-width:150px;z-index:1;padding-right:16px;display:flex;align-items:center}.volume-popup{position:absolute;bottom:100%;right:0;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 4px 16px #00000026;padding:12px 8px;margin-bottom:8px;min-width:120px;z-index:10}.bottom-player.dark-mode .volume-popup{background-color:#2a2a2a;border-color:#ffffff1f}.bottom-player.mobile{min-height:180px;flex-direction:column;padding:8px 4px}.center-controls.mobile{position:static;width:100%;max-width:100%;left:unset;top:unset;transform:unset;align-items:stretch}.track-info.mobile{position:static;left:unset;top:unset;transform:unset;max-width:100%;padding-left:0;margin-top:8px;text-align:center}.volume-controls.mobile{position:static;right:unset;top:unset;transform:unset;max-width:100%;padding-right:0;margin-top:8px}.bottom-player.mobile .MuiPopover-paper{min-width:200px!important}body.with-bottom-player .main-content{margin-bottom:var(--bottom-player-height, 9rem)!important;transition:margin-bottom .2s ease}.bottom-player[style*="min-height: 0px"],.bottom-player[style*="min-height: 1px"],.bottom-player[style*="min-height: 2px"],.bottom-player[style*="min-height: 3px"],.bottom-player[style*="min-height: 4px"],.bottom-player[style*="min-height: 5px"],.bottom-player[style*="min-height: 6px"],.bottom-player[style*="min-height: 7px"],.bottom-player[style*="min-height: 8px"],.bottom-player[style*="min-height: 9px"],.bottom-player[style*="min-height: 10px"]{padding-top:4px;padding-bottom:4px}@media (max-width: 600px){.center-controls{width:98%;max-width:98vw}.track-info{max-width:120px;padding-left:6px}.volume-controls{max-width:80px;padding-right:6px}}.progress-circle{margin:auto;size:2.5rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.tool-bar-mobile{background-color:#f1f1f1;top:0%;z-index:100;width:100%;position:fixed!important;min-height:3rem}.tool-bar-mobile .menu-icon{color:#2d2d2d}.tool-bar-mobile .title-current-page{text-align:center;font-family:NunitoSans-Regular,sans-serif;font-size:1.14rem}.menu-drawer{z-index:50;align-items:center;display:flex;height:100%}.menu-drawer .server-status .MuiTypography-root{color:#2d2d2d!important}.menu-drawer .server-status .MuiButtonBase-root{background-color:#ffffff1a}.menu-drawer .dark-mode .MuiTypography-root{color:#2d2d2d}.menu-drawer .copyright{font-family:ChakraPetch-Regular,sans-serif;font-size:.8rem;padding-inline:.2rem;position:fixed;bottom:0;top:1}.menu-drawer .logout-button{color:#fff;bottom:1;margin:1rem;background-color:#e83a3a}.menu-drawer .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.menu-drawer .server-status .status-button{border-radius:20rem;padding:0;z-index:1;width:fit-content;align-self:center;height:3.8rem}.menu-drawer .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.menu-drawer .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.menu-drawer .server-status .offline,.menu-drawer .server-status .online{width:1rem;border-radius:20rem;height:1rem}.menu-drawer .sound-wave{z-index:-50;opacity:.5}.menu-drawer .dark-mode-switch .MuiButtonBase-root{padding:.2rem;margin:.3rem;background-color:#fff}.menu-drawer .dark-mode-switch .MuiButtonBase-root .lucide{color:#2d2d2d}.menu-drawer .dark-mode-switch .MuiButtonBase-root.Mui-checked{background-color:#fff;background-color:#2d2d2d}.menu-drawer .dark-mode-switch .MuiButtonBase-root.Mui-checked .lucide{color:#fff}.menu-drawer .menu-toolbar-drawer{color:#2d2d2d}.menu-drawer .side-bar{padding:0}.menu-drawer .menu-list{gap:.5rem;display:flex;flex-direction:column}.menu-drawer .menu-list .MuiListItemText-root .MuiTypography-root{font-size:1rem;font-family:ChakraPetch-Regular,sans-serif;color:#2d2d2dcc}.menu-drawer .menu-list .icon{width:1.3rem;height:1.3rem;color:#2d2d2dcc;display:inline-block;vertical-align:middle}.menu-drawer .menu-list .MuiListItemIcon-root{min-width:0;width:fit-content;padding-inline:1rem}@media (max-width: 768px){.menu-drawer .MuiDrawer-paper{background-color:#f1f1f1}}.menu-drawer .MuiDrawer-paper{overflow-x:hidden;display:flex;flex-direction:column;background-color:#f1f1f199}.menu-drawer .main-text-logo{align-self:center;text-transform:uppercase;cursor:pointer;font-size:1.2rem;font-weight:600;word-wrap:warp;width:100%;text-align:center}.menu-drawer .image-container{margin:.5rem 1.2rem}.menu-drawer .image-container img{cursor:pointer;border-radius:15px;width:3.5rem}.main-content-container{margin-left:240px;width:calc(100% - 240px)}body.dark-mode .tool-bar-mobile{background-color:#4e4e4e!important}body.dark-mode .tool-bar-mobile .menu-icon,body.dark-mode .tool-bar-mobile .title-current-page,body.dark-mode .menu-drawer .server-status .MuiTypography-root{color:#fff!important}body.dark-mode .menu-drawer .server-status .MuiButtonBase-root{background-color:#2d2d2d}body.dark-mode .menu-drawer .dark-mode .MuiTypography-root{color:#fff!important}body.dark-mode .menu-drawer .MuiDivider-root{background-color:#4e4e4e!important}body.dark-mode .menu-drawer .menu-toolbar-drawer{color:#fff!important}body.dark-mode .menu-drawer .menu-list .MuiListItemText-root .MuiTypography-root,body.dark-mode .menu-drawer .icon,body.dark-mode .menu-drawer .icon .lucide{color:#fffc!important}body.dark-mode .menu-drawer .MuiDrawer-paper{background-color:#2d2d2df2!important;color:#fff!important}.sound-wave{width:400px;height:100px;position:absolute}.sound-wave .wave-path{stroke:#3cc8e7;stroke-width:3;fill:none;stroke-linecap:round;animation:waveFlow 5.5s linear infinite;stroke-dasharray:200,600;--darkreader-inline-stroke: #3cc8e7 !important;filter:drop-shadow(0 0 20px rgba(60,200,231,.6352941176)) drop-shadow(0 0 20px rgba(60,200,231,.4823529412))}@keyframes waveFlow{0%{stroke-dashoffset:1}to{stroke-dashoffset:-800}}.loading-container{position:relative;width:100%}.loading-container__content{filter:none}.loading-container.loading .loading-container__content{visibility:hidden}.loading-container__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(110deg,#cacaca38 8%,#ffffff26 18%,#ffffff0f 33%);background-size:200% 100%;animation:shimmer 1.2s infinite}body.dark-mode .loading-container{position:relative;width:100%}body.dark-mode .loading-container__content{filter:none}body.dark-mode .loading-container.loading .loading-container__content{visibility:hidden}body.dark-mode .loading-container__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(110deg,#cfcfcf0f 8%,#6c6c6ca6 18%,#ffffff0f 33%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.logout-popup-container .logout-popup-paper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1rem;border-radius:1rem;background-color:#fff;box-shadow:0 8px 32px #0000001a;max-width:400px;width:100%}.logout-popup-container .logout-popup-paper .logout-title{font-family:Assistant-Bold,sans-serif;font-size:1.5rem;color:#2d2d2d;padding:0;margin-bottom:.5rem}.logout-popup-container .logout-popup-paper .logout-content .logout-message{font-family:NunitoSans-Regular,sans-serif;color:#fff;text-align:center}body.dark-mode .logout-popup-paper{background-color:#3a3a3a;border:1px solid rgba(255,255,255,.1)}body.dark-mode .logout-popup-paper .logout-title{color:#fff}body.dark-mode .logout-popup-paper .logout-message{color:#ffffffe6}.top-bar-main-container{z-index:500;position:fixed;background-color:#f1f1f1;width:100%}.top-bar-main-container .divider{width:100%;height:100%;top:.05rem}.top-bar-main-container .content-top-bar{z-index:50}.top-bar-main-container .content-top-bar .back-button{width:3rem;border-radius:.5rem;margin-inline:1rem;border:1px solid rgba(45,45,45,.12);transition:background-color .2s ease,transform .1s ease}.top-bar-main-container .content-top-bar .title-current-page{font-family:NunitoSans-Regular,sans-serif;margin-inline:1rem;font-size:1.2rem}.top-bar-main-container .beta-sign{justify-self:center;align-self:center;width:fit-content;padding:.1rem 1rem;border-radius:1rem;background-color:#5ced4e;margin:1rem}.top-bar-main-container .item-bar{font-size:.9rem;font-weight:600;text-transform:uppercase;opacity:.8}.top-bar-main-container .selected{background-color:#1794dc;transition:background-color .2s ease-in-out;border:1px solid rgba(45,45,45,.1);border-radius:6px;justify-self:center;font-weight:700;align-self:center;min-height:0;opacity:1;height:2.5rem}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root{padding:.2rem;margin:.3rem;background-color:#fff}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root .lucide{color:#2d2d2d}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root.Mui-checked{background-color:#fff;background-color:#2d2d2d}.top-bar-main-container .dark-mode-switch .MuiButtonBase-root.Mui-checked .lucide{color:#fff}.top-bar-main-container .user-profile{align-self:center;padding:.14rem;z-index:1}.top-bar-main-container .user-profile .user-profile-image{width:2.5rem;border-radius:50%;height:2.5rem}.top-bar-main-container .user-profile .icon{padding:.2rem;color:#2d2d2d;border:1px solid rgb(45,45,45);width:1.5rem;height:1.5rem}.top-bar-main-container .menu-bar-side .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.top-bar-main-container .menu-bar-side .server-status .status-button{border-radius:20rem;padding:0;z-index:1;width:fit-content;align-self:center;height:3.8rem;background-color:#ffffff1a}.top-bar-main-container .menu-bar-side .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.top-bar-main-container .menu-bar-side .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.top-bar-main-container .menu-bar-side .server-status .offline,.top-bar-main-container .menu-bar-side .server-status .online{width:1rem;border-radius:20rem;height:1rem}.top-bar-main-container .menu-bar-side .logout-button{order:9999;background-color:#f62323db;justify-content:space-evenly;min-width:0;z-index:5;margin-inline:1rem;padding:0;width:20%;height:2.5rem;min-height:0;justify-self:center;align-self:center;border-radius:8px;font-family:Liter-Regular,sans-serif;color:#fff;opacity:.8}.top-bar-main-container .menu-bar-side .storage-usage{min-width:180px;padding:.75rem;border:0;transition:all .3s ease}.top-bar-main-container .menu-bar-side .storage-usage .storage-text{font-family:NunitoSans-Regular,sans-serif;font-size:.85rem;font-weight:600;color:#2d2d2d;text-align:center}.top-bar-main-container .menu-bar-side .storage-usage .storage-progress{height:8px!important;border-radius:4px;background-color:#c2c1c126!important;overflow:hidden}.top-bar-main-container .menu-bar-side .storage-usage .storage-progress .MuiLinearProgress-bar{background:linear-gradient(45deg,#4f46e5,#547efc);transition:transform .4s ease-in-out;box-shadow:0 0 10px #4f46e54d}.top-bar-main-container .menu-bar-side .storage-usage .storage-progress.exceeded .MuiLinearProgress-bar{background:linear-gradient(45deg,#ef4444,#f87171);box-shadow:0 0 10px #ef44444d}body.dark-mode .top-bar-main-container{background-color:#2d2d2dcc!important;color:#fffc!important}body.dark-mode .top-bar-main-container .menu-bar-side .server-status .MuiTypography-root{color:#fff!important}body.dark-mode .top-bar-main-container .menu-bar-side .server-status .status-button{background-color:#2d2d2dcc!important}body.dark-mode .top-bar-main-container .menu-bar-side .storage-usage .storage-text{color:#fff!important;opacity:.9}body.dark-mode .top-bar-main-container .menu-bar-side .storage-usage .storage-progress{background-color:#ffffff1a!important}body.dark-mode .top-bar-main-container .menu-bar-side .storage-usage .storage-progress .MuiLinearProgress-bar{box-shadow:0 0 10px #4f46e566!important}body.dark-mode .top-bar-main-container .menu-bar-side .storage-usage .storage-progress.exceeded .MuiLinearProgress-bar{box-shadow:0 0 10px #ef444466!important}body.dark-mode .top-bar-main-container .menu-bar-side .user-profile .icon{color:#fff!important;border-color:#fff!important}body.dark-mode .top-bar-main-container .menu-bar-side .logout-button,body.dark-mode .top-bar-main-container .content-top-bar .title-current-page{color:#fff!important}body.dark-mode .top-bar-main-container .content-top-bar .back-button{background-color:#c2c1c126}body.dark-mode .top-bar-main-container .content-top-bar .back-button .lucide{color:#fff!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:.85}50%{opacity:.4}to{opacity:.85}}.un-auth-top-bar-main-container{background-color:#4e4e4e;color:#fff;z-index:9999;position:fixed}.un-auth-top-bar-main-container .main-text-logo{align-self:center;text-transform:uppercase;font-size:1.4rem;white-space:nowrap;width:fit-content;color:#fff!important;font-weight:600;cursor:pointer}.un-auth-top-bar-main-container .image-container{padding:1rem;height:7vh;cursor:pointer;margin-inline:1rem}.un-auth-top-bar-main-container .image-container img{border-radius:10px;width:7vh}.un-auth-top-bar-main-container .top-tab-bar-container{border:none;height:100%;width:100%;margin-left:5rem;overflow:hidden}@media (max-width: 768px){.un-auth-top-bar-main-container .top-tab-bar-container{margin-left:0}}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar{z-index:100;width:100%;height:100%}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar.MuiTabs-root{min-height:0}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar{font-size:.9rem;font-weight:600;text-transform:uppercase;opacity:1;color:#fff;border-radius:6px;padding:.5rem 1rem;height:2.5rem;min-height:0;margin-block:.5rem;min-width:fit-content}@media (max-width: 768px){.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar{font-size:.8rem;padding:.4rem .8rem;margin-inline:.2rem}}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .item-bar:hover{transition:background-color 1.2s;background-color:#1794dc80}.un-auth-top-bar-main-container .top-tab-bar-container .top-tab-bar .selected{background-color:#1794dc;transition:background-color .2s ease-in-out;border:1px solid rgba(45,45,45,.1);border-radius:6px;font-weight:700;min-height:0;opacity:1;height:2.5rem}.un-auth-top-bar-main-container .menu-bar-side{flex-direction:row;width:100%}.un-auth-top-bar-main-container .menu-bar-side .server-status{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.un-auth-top-bar-main-container .menu-bar-side .server-status .status-button{border-radius:20rem;padding:0;width:fit-content;align-self:center;height:3.8rem}.un-auth-top-bar-main-container .menu-bar-side .server-status .online{background-color:#5df073;animation:pulse 1.5s infinite ease-in-out}.un-auth-top-bar-main-container .menu-bar-side .server-status .offline{background-color:#f84b56;animation:fadeOut 2.5s infinite ease-in-out}.un-auth-top-bar-main-container .menu-bar-side .server-status .offline,.un-auth-top-bar-main-container .menu-bar-side .server-status .online{width:1rem;border-radius:20rem;height:1rem}.un-auth-top-bar-main-container .menu-bar-side .login{order:9998;justify-content:center;min-width:0;margin-inline:1rem;padding:0;width:4.5rem;height:2.5rem;min-height:0;justify-self:center;align-self:center;border-radius:8px;color:#000;opacity:.8}.logout-popup-container .logout-popup-paper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;gap:1rem;border-radius:1rem;background-color:#3a3a3a;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:400px;width:100%}.logout-popup-container .logout-popup-paper .logout-title{font-family:Assistant-Bold,sans-serif;font-size:1.5rem;color:#fff;padding:0;margin-bottom:.5rem}.logout-popup-container .logout-popup-paper .logout-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:0;width:100%}.logout-popup-container .logout-popup-paper .logout-content .logout-message{font-family:NunitoSans-Regular,sans-serif;color:#ffffffe6;text-align:center}.logout-popup-container .logout-popup-paper .logout-content .confirm-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#fff;background-color:#5ced4e;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.logout-popup-container .logout-popup-paper .logout-content .confirm-btn:hover{background-color:#31e820;transform:translateY(-1px)}.logout-popup-container .logout-popup-paper .logout-content .cancel-btn{flex:1;font-family:Liter-Regular,sans-serif;font-weight:600;color:#fff;background-color:#e83a3a;border-radius:.5rem;padding:.6rem 1.5rem;text-transform:none;transition:all .2s ease}.logout-popup-container .logout-popup-paper .logout-content .cancel-btn:hover{background-color:#d61919;transform:translateY(-1px)}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.about-page{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;margin:1rem}.about-page::-webkit-scrollbar{width:0;height:0}body.dark-mode .about-page__hero{background:radial-gradient(circle at 20% 30%,#103f6e 50%,#073467)!important;color:#fff!important}body.dark-mode .about-page__who-we-are{display:grid;gap:2rem;color:#fff!important}body.dark-mode .about-page__who-we-are .MuiTypography-root{color:#fff!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.billing-page-container{padding:3rem 2rem;min-height:100vh}.billing-page-container .header-stack .back-btn{background:#fff6;border:1px solid rgba(45,45,45,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000000d}.billing-page-container .header-stack .back-btn:hover{background:#fff;transform:scale(1.05) translate(-3px);box-shadow:0 6px 16px #00000014;color:#00a6f6}.billing-page-container .header-stack .page-title{background:linear-gradient(135deg,#2d2d2d,#2d2d2d99);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.billing-page-container .header-stack .page-subtitle{opacity:.6;font-weight:500}.billing-page-container .glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 40px #0000000f;transition:all .3s ease}.billing-page-container .glass-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.billing-page-container .plan-summary-card{border-left:6px solid #00a6f6;overflow:hidden;position:relative;padding:1.5rem}.billing-page-container .plan-summary-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,166,246,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.billing-page-container .plan-summary-card .icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 16px #0000000d}.billing-page-container .plan-summary-card .icon-wrapper.plan-icon{background:#00a6f61a;color:#00a6f6}.billing-page-container .plan-summary-card .icon-wrapper.date-icon{background:#a85aee1a;color:#a85aee}.billing-page-container .plan-summary-card .icon-wrapper svg{transition:transform .3s ease}.billing-page-container .plan-summary-card:hover .icon-wrapper svg{transform:scale(1.1)}.billing-page-container .plan-summary-card .divider-vertical{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(45,45,45,.05) 50%,transparent)}.billing-page-container .plan-summary-card .manage-sub-btn{border-radius:14px;padding:12px 28px;background:#2d2d2d;color:#fff;font-weight:700;text-transform:none;box-shadow:0 10px 20px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.billing-page-container .plan-summary-card .manage-sub-btn:hover{background:#474747;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #00000026}.billing-page-container .billing-details-card{border-left:6px solid #a85aee;padding:1.5rem;margin-bottom:2.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;box-shadow:0 20px 40px #0000000d}.billing-page-container .billing-details-card .section-icon{color:#a85aee}.billing-page-container .billing-details-card .MuiTypography-h6{color:#2d2d2d;font-weight:800;margin-bottom:0}.billing-page-container .billing-details-card .edit-info-btn{text-transform:none;font-weight:700;border-radius:12px;color:#a85aee!important;background:#a85aee0d!important;transition:all .3s ease;font-family:NunitoSans-Regular,sans-serif}.billing-page-container .billing-details-card .edit-info-btn:hover{background:#a85aee26!important;transform:translateY(-2px)}.billing-page-container .billing-details-card .info-item .info-label{display:block;opacity:.4;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:.7rem;color:#2d2d2d}.billing-page-container .billing-details-card .info-item .item-icon{color:#2d2d2d33}.billing-page-container .billing-details-card .info-item .MuiTypography-body1{color:#2d2d2d}.billing-page-container .history-section .invoice-grid{background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 20px 40px #0000000d;overflow:hidden}.billing-page-container .history-section .invoice-grid .header-row{padding:1.5rem 2rem;background:#2d2d2d05;border-bottom:1px solid rgba(45,45,45,.05)}.billing-page-container .history-section .invoice-grid .header-row .col{flex:1;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#2d2d2d;opacity:.5;font-size:.75rem}.billing-page-container .history-section .invoice-grid .header-row .action-col{flex:.5;text-align:right}.billing-page-container .history-section .invoice-grid .invoice-card-item{background:transparent;border:none;border-radius:0;transition:all .3s ease;margin-bottom:0;box-shadow:none;border-bottom:1px solid rgba(45,45,45,.03)}.billing-page-container .history-section .invoice-grid .invoice-card-item:last-child{border-bottom:none}.billing-page-container .history-section .invoice-grid .invoice-card-item:hover{background:#00a6f608;transform:none;box-shadow:none}.billing-page-container .history-section .invoice-grid .invoice-card-item:hover .amount-text{color:#0084c3}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content{padding:1.5rem 2rem}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .col{flex:1;display:flex;flex-direction:column;justify-content:center}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .action-col{flex:.5;align-items:flex-end}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .date-col{color:#2d2d2dcc;font-weight:600}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .plan-col{font-weight:300;color:#2d2d2d}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .amount-text{color:#00a6f6;font-size:1.2rem;font-weight:800;transition:all .3s ease}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .mini-label{text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:1px;color:#2d2d2d;opacity:.3;margin-bottom:6px}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .status-pill{display:inline-flex;width:fit-content;padding:6px 16px;font-family:ChakraPetch-Regular,sans-serif;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .status-pill.success{background:#5ced4e1f;color:#23c114;border:1px solid rgba(92,237,78,.2)}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .download-btn{background:#2d2d2d0a;border-radius:12px;width:44px;height:44px;color:#2d2d2d;opacity:.6;transition:all .3s ease}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content .download-btn:hover{background:#00a6f6;color:#fff;opacity:1;transform:translateY(-2px);box-shadow:0 8px 16px #00a6f64d}.billing-page-container .empty-state{padding:5rem 2rem}.billing-page-container .empty-state .empty-icon-wrapper{width:100px;height:100px;border-radius:30px;background:#2d2d2d08;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#2d2d2d1a;transform:rotate(-5deg)}body.dark-mode .billing-page-container .header-stack .back-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-mode .billing-page-container .header-stack .back-btn:hover{background:#00a6f633;border-color:#00a6f680;color:#00a6f6;box-shadow:0 0 15px #00a6f633}body.dark-mode .billing-page-container .header-stack .page-title{background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.2)}body.dark-mode .billing-page-container .header-stack .page-subtitle{color:#ffffff80;font-weight:400}body.dark-mode .billing-page-container .glass-card{background:#0f172a80!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;backdrop-filter:blur(25px) saturate(200%)!important;border-color:#ffffff1a!important;box-shadow:0 25px 50px -12px #000000b3!important}body.dark-mode .billing-page-container .plan-summary-card{border-left:6px solid #00a6f6!important;background:linear-gradient(135deg,#0f172acc,#0f172a66)!important}body.dark-mode .billing-page-container .plan-summary-card:before{background:radial-gradient(circle at 100% 0%,rgba(0,166,246,.2) 0%,transparent 70%)!important;opacity:.8}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper{box-shadow:0 0 20px #0006}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper.plan-icon{background:linear-gradient(135deg,#00a6f64d,#00a6f61a);color:#fff;border:1px solid rgba(0,166,246,.3)}body.dark-mode .billing-page-container .plan-summary-card .icon-wrapper.date-icon{background:linear-gradient(135deg,#a85aee4d,#a85aee1a);color:#fff;border:1px solid rgba(168,90,238,.3)}body.dark-mode .billing-page-container .plan-summary-card .divider-vertical{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15) 50%,transparent)!important;width:2px!important}body.dark-mode .billing-page-container .plan-summary-card .MuiTypography-subtitle2{color:#ffffff80!important;font-weight:700}body.dark-mode .billing-page-container .plan-summary-card .MuiTypography-h5{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-mode .billing-page-container .plan-summary-card .manage-sub-btn{background:#00a6f6;color:#fff;font-weight:800;box-shadow:0 10px 25px #00a6f666}body.dark-mode .billing-page-container .plan-summary-card .manage-sub-btn:hover{background:#20b6ff;box-shadow:0 15px 35px #00a6f680;transform:scale(1.02) translateY(-2px)}body.dark-mode .billing-page-container .billing-details-card{border-left:6px solid #a85aee!important}body.dark-mode .billing-page-container .billing-details-card .section-icon{color:#a85aee!important}body.dark-mode .billing-page-container .billing-details-card .edit-info-btn{color:#a85aee!important;background:#a85aee1a!important}body.dark-mode .billing-page-container .billing-details-card .edit-info-btn:hover{background:#a85aee33!important}body.dark-mode .billing-page-container .billing-details-card .info-item .info-label{color:#ffffff80!important}body.dark-mode .billing-page-container .billing-details-card .info-item .item-icon{color:#fff3!important}body.dark-mode .billing-page-container .billing-details-card .info-item .MuiTypography-body1{color:#fff!important}body.dark-mode .billing-page-container .history-section{color:#fff;font-weight:400}body.dark-mode .billing-page-container .history-section .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}body.dark-mode .billing-page-container .history-section .invoice-grid{background:#0f172a4d!important;-webkit-backdrop-filter:blur(30px) saturate(220%)!important;backdrop-filter:blur(30px) saturate(220%)!important;border-color:#ffffff14!important;box-shadow:0 30px 60px -12px #000c!important}body.dark-mode .billing-page-container .history-section .invoice-grid .header-row{background:#ffffff08!important;border-bottom:2px solid rgba(255,255,255,.04)!important}body.dark-mode .billing-page-container .history-section .invoice-grid .header-row .col{color:#fff!important;opacity:.8!important;font-weight:900!important;letter-spacing:2.5px!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}body.dark-mode .billing-page-container .history-section .invoice-card-item{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.04)!important}body.dark-mode .billing-page-container .history-section .invoice-card-item:hover{background:#ffffff05!important;border-color:#00a6f633!important}body.dark-mode .billing-page-container .history-section .invoice-card-item:hover .amount-text{color:#2abaff!important;text-shadow:0 0 15px rgba(0,166,246,.4)}body.dark-mode .billing-page-container .history-section .invoice-card-item .date-col{color:#ffffffd9!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .plan-col{color:#fff!important;font-weight:300!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .amount-text{color:#00a6f6!important;font-weight:900!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .status-pill.success{background:#5ced4e26!important;color:#dcfbd9!important;border-color:#5ced4e80!important;text-shadow:0 0 15px rgba(92,237,78,.5);box-shadow:0 0 20px #5ced4e1a}body.dark-mode .billing-page-container .history-section .invoice-card-item .download-btn{background:#ffffff14!important;color:#fff!important}body.dark-mode .billing-page-container .history-section .invoice-card-item .download-btn:hover{background:#00a6f6!important;color:#fff!important;box-shadow:0 0 20px #00a6f680!important}body.dark-mode .billing-page-container .empty-state .empty-icon-wrapper{background:#ffffff0d!important;color:#fff3!important;border:1px solid rgba(255,255,255,.1)}body.dark-mode .billing-page-container .empty-state .MuiTypography-h6{color:#fff!important;font-weight:700!important}body.dark-mode .billing-page-container .empty-state .MuiTypography-body2{color:#ffffff80!important}@media (max-width: 1024px){.billing-page-container{max-width:100%;padding:2rem}}@media (max-width: 900px){.billing-page-container .history-section .invoice-grid{background:transparent;border:none;box-shadow:none;overflow:visible}.billing-page-container .history-section .invoice-grid .header-row{display:none}.billing-page-container .history-section .invoice-grid .invoice-card-item{background:#ffffffb3;border:1px solid rgba(255,255,255,.5);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000000d}.billing-page-container .history-section .invoice-grid .invoice-card-item .invoice-row-content{gap:1rem;padding:1.5rem}}@media (max-width: 768px){.billing-page-container{padding:1.5rem 1rem}.billing-page-container .plan-summary-card .manage-sub-btn{width:100%;margin-top:1rem}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.accept-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.accept-popup .title{font-size:1.2rem;font-family:Liter-Regular,sans-serif;font-weight:700}.accept-popup .bold{font-weight:700;font-family:Assistant-Bold,sans-serif;font-size:1.3rem}.accept-popup .accept{background-color:#5ced4e;color:#fff}.accept-popup .accept:hover{box-shadow:1px 1px 5px 1px #2d2d2d66}.accept-popup .cancel{background-color:#e83a3a;color:#fff}.accept-popup .cancel:hover{box-shadow:1px 1px 5px 1px #2d2d2d99}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.join-collaboration-popup{background-color:#fff;padding:3rem 5rem;display:flex;flex-direction:column;gap:1rem;border-radius:20px!important;min-width:320px;max-width:92vw;box-shadow:0 8px 24px #2d2d2d1f}.join-collaboration-popup .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.join-collaboration-popup .MuiTypography-root:first-child{font-weight:700;margin-bottom:.25rem}.join-collaboration-popup .row{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.join-collaboration-popup .input-row{display:flex;align-items:center;gap:.75rem}.join-collaboration-popup .input-join-collaboration{background-color:#c2c1c133;border-radius:10px;font-family:NunitoSans-Regular,sans-serif;padding:.5rem .75rem;border:1px solid rgba(45,45,45,.08);flex:1 1 auto;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.join-collaboration-popup .input-join-collaboration:hover{background-color:#c2c1c147}.join-collaboration-popup .input-join-collaboration:focus-within{border-color:#00a6f680;box-shadow:0 0 0 3px #00a6f61f;background-color:#fff}.join-collaboration-popup .button-join-collaboration{font-family:NunitoSans-Regular,sans-serif;background-color:#5ced4e;color:#2d2d2d;border-radius:20px;padding:.5rem 1rem;align-self:auto;text-transform:none;font-weight:600;letter-spacing:.2px;transition:transform .1s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease}.join-collaboration-popup .button-join-collaboration:hover{box-shadow:0 6px 16px #5ced4e40;transform:translateY(-1px);background-color:#55d049;color:#2d2d2d}.join-collaboration-popup .button-join-collaboration:active{transform:translateY(0);box-shadow:0 3px 8px #5ced4e33}.join-collaboration-popup .button-join-collaboration:disabled{opacity:.6;box-shadow:none}.join-collaboration-popup .button-join-collaboration[aria-busy=true],.join-collaboration-popup .button-join-collaboration[data-loading=true]{pointer-events:none;opacity:.9}.join-collaboration-popup .button-join-collaboration[aria-busy=true]:before,.join-collaboration-popup .button-join-collaboration[data-loading=true]:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;border:2px solid rgba(45,45,45,.35);border-top-color:#2d2d2d;animation:join-spinner .8s linear infinite;vertical-align:-3px}.join-collaboration-popup .button-join-collaboration[aria-busy=true],.join-collaboration-popup .button-join-collaboration[data-loading=true]{display:inline-flex;align-items:center}body.dark-mode .join-collaboration-popup{background-color:#4e4e4ef5!important;color:#fff!important;box-shadow:0 8px 24px #2d2d2d99!important}body.dark-mode .join-collaboration-popup .MuiTypography-root{color:#ffffffeb!important}body.dark-mode .join-collaboration-popup .MuiTypography-root:first-child{font-weight:700!important;letter-spacing:.2px}body.dark-mode .join-collaboration-popup label.MuiTypography-root{color:#ffffffb3!important;font-weight:600}body.dark-mode .join-collaboration-popup .input-join-collaboration{background-color:#c2c1c11f!important;color:#fff!important;border-radius:10px;border:1px solid rgba(255,255,255,.06)!important;padding:.5rem .75rem}body.dark-mode .join-collaboration-popup .input-join-collaboration:hover{background-color:#c2c1c12e!important}body.dark-mode .join-collaboration-popup .input-join-collaboration:focus-within{border-color:#00a6f699!important;box-shadow:0 0 0 3px #00a6f638!important;background-color:#2d2d2d33!important}body.dark-mode .join-collaboration-popup .button-join-collaboration{background-color:#5ced4e!important;color:#2d2d2d!important;position:relative;overflow:hidden}body.dark-mode .join-collaboration-popup .button-join-collaboration:hover{box-shadow:0 6px 16px #5ced4e40!important;background-color:#55d049!important;color:#2d2d2d!important}body.dark-mode .join-collaboration-popup .button-join-collaboration:active{box-shadow:0 3px 8px #5ced4e33!important}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true],body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]{pointer-events:none;opacity:.9}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true]:before,body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;border:2px solid rgba(45,45,45,.35);border-top-color:#2d2d2d;animation:join-spinner .8s linear infinite;vertical-align:-3px}body.dark-mode .join-collaboration-popup .button-join-collaboration[aria-busy=true],body.dark-mode .join-collaboration-popup .button-join-collaboration[data-loading=true]{display:inline-flex;align-items:center}@keyframes join-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.search-bar-paper{background:#4e4e4eb3}.search-bar-paper .MuiInputBase-root,.search-bar-paper .MuiInputBase-root input{color:#bae6fd!important}.search-bar-paper .MuiInputBase-root input::placeholder{color:#38bdf8!important}.collaboration-main-container .title{font-family:NunitoSans-Regular,sans-serif;font-size:2rem;font-weight:700;color:#2d2d2d;margin-bottom:1rem}.collaboration-main-container .loading{color:#2d2d2d}.collaboration-main-container .new-project-container{color:#2d2d2d;flex-direction:row;width:100%;justify-content:space-between}@media (max-width: 768px){.collaboration-main-container .new-project-container .MuiButton-root{width:5rem;height:3rem;min-width:0;padding:.5rem;border-radius:50rem}}.collaboration-main-container .new-project-container .MuiButton-root{color:#2d2d2d;font-family:ChakraPetch-Regular,sans-serif}.collaboration-main-container .new-project-container .join-collab-button{background-color:#3dc231}.collaboration-main-container .loading-container{width:100%;background-color:#c2c1c133;border-radius:10px;justify-content:center;align-items:center;gap:1rem}.collaboration-main-container .loading-container .progress-circle{padding:1rem;margin:0;height:.2rem;font-size:.5rem}.collaboration-main-container .vap-table{border-radius:18px;overflow:hidden;background:#ffffff2e;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 8px 32px #00b4ff1a,0 1.5px 8px #0000001a;width:100%;max-width:100vw;table-layout:auto;position:relative;-ms-overflow-style:none;scrollbar-width:none}.collaboration-main-container .vap-table::-webkit-scrollbar{width:0;height:0}@keyframes borderGlow{0%{box-shadow:0 0 16px 2px #00b4ff2e,0 8px 32px #00b4ff1a;border-color:#00b4ff40}to{box-shadow:0 0 32px 8px #00b4ff52,0 8px 32px #00b4ff1a;border-color:#00b4ff73}}.collaboration-main-container .vap-table thead{border-top-left-radius:18px;border-top-right-radius:18px;overflow:hidden;background:linear-gradient(90deg,#00b4ff1f,#00b4ff0a)}.collaboration-main-container .vap-table thead .font-text{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;font-weight:800;color:#00b4ff;letter-spacing:.04em;padding:1.2rem 1rem;border-bottom:2px solid rgba(0,180,255,.18);text-shadow:0 0 8px rgba(0,180,255,.12)}.collaboration-main-container .vap-table tbody{border-bottom-left-radius:18px;border-bottom-right-radius:18px;overflow:hidden}.collaboration-main-container .vap-table tbody .MuiTableRow-root{transition:background .25s,box-shadow .25s}.collaboration-main-container .vap-table tbody .MuiTableRow-root:nth-of-type(2n){background:#c2c1c11a}.collaboration-main-container .vap-table tbody .MuiTableRow-root:nth-of-type(odd){background:#ffffff1a}.collaboration-main-container .vap-table tbody .MuiTableRow-root:hover{background:linear-gradient(90deg,#00b4ff21,#00b4ff12);box-shadow:0 0 24px 4px #00b4ff2e}.collaboration-main-container .vap-table tbody .MuiTableRow-root .font-text{font-family:NunitoSans-Regular,sans-serif;font-size:1.05rem;color:#222;padding:1rem;border-bottom:1px solid rgba(0,180,255,.1);text-shadow:0 0 4px rgba(0,180,255,.04)}@media (max-width: 768px){.collaboration-main-container .vap-table{display:table-cell;overflow:scroll;flex-direction:column}.collaboration-main-container .vap-table .progress{display:none}.collaboration-main-container .vap-table{min-width:unset;font-size:.92rem}.collaboration-main-container .vap-table th,.collaboration-main-container .vap-table td{padding-left:.3rem;padding-right:.3rem;font-size:.92rem}.collaboration-main-container .vap-table th:nth-child(6),.collaboration-main-container .vap-table td:nth-child(6),.collaboration-main-container .vap-table th:nth-child(8),.collaboration-main-container .vap-table td:nth-child(8),.collaboration-main-container .vap-table th:nth-child(9),.collaboration-main-container .vap-table td:nth-child(9){display:none}.collaboration-main-container .vap-table thead{position:sticky;top:0;z-index:2;box-shadow:0 2px 8px #00000014}}.collaboration-main-container .vap-table .font-text{font-family:NunitoSans-Regular,sans-serif}.collaboration-main-container .vap-table .icon{width:1.5rem}.collaboration-main-container .vap-table .download-button{border:none;width:3rem;padding:1rem;color:#1794dc;background-color:#ffffff80;box-shadow:none;border-radius:10px;min-width:0;min-height:0;height:1rem}.collaboration-main-container .vap-table span.progress{padding:.2rem .5rem;border-radius:8px;opacity:.9}.collaboration-main-container .vap-table .delete-button{background-color:#ffffff80;color:#e83a3a;border:none;box-shadow:none;width:3rem;padding:1rem;border-radius:10px;min-width:0;min-height:0;height:1rem}.collaboration-main-container .search-bar-paper{background:#ffffff2e;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border-radius:18px;box-shadow:0 2px 12px #00b4ff1a;border:1px solid rgba(45,45,45,.12);transition:box-shadow .2s,border-color .2s}.collaboration-main-container .search-bar-paper .MuiInputBase-root{font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;color:#00b4ff;border-radius:18px;background:transparent;transition:box-shadow .2s,border-color .2s}.collaboration-main-container .search-bar-paper .MuiInputBase-root:focus-within{border-color:#00b4ff}.collaboration-main-container .search-bar-paper .MuiInputBase-root input{color:#00b4ff}.collaboration-main-container .search-bar-paper .MuiInputBase-root input::placeholder{color:#00b4ff80;opacity:1}@media (max-width: 768px){.collaboration-main-container .search-bar-paper{max-width:none;margin-bottom:.7rem;border-radius:12px}.collaboration-main-container .search-bar-paper .MuiInputBase-root{font-size:.98rem;padding:.4rem .7rem;border-radius:12px}}.collaboration-main-container body.dark-mode .search-bar-paper{background:#4e4e4eb3;border:1.5px solid rgba(0,180,255,.28)}.collaboration-main-container body.dark-mode .search-bar-paper .MuiInputBase-root,.collaboration-main-container body.dark-mode .search-bar-paper .MuiInputBase-root input{color:#bae6fd}.collaboration-main-container body.dark-mode .search-bar-paper .MuiInputBase-root input::placeholder{color:#38bdf8}.collaboration-main-container .con-loading{border:1px solid rgba(194,193,193,.5);padding:2rem;border-radius:15px;max-width:100vw}.collaboration-main-container .no-collab-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #1794dc;border-radius:8px;padding:1rem;background-color:#1794dc}body.dark-mode .collaboration-main-container .con-loading{border:1px solid rgba(194,193,193,.15)}body.dark-mode .collaboration-main-container .title,body.dark-mode .collaboration-main-container .loading{color:#fff!important}body.dark-mode .collaboration-main-container .no-collab-container{border:1px solid rgb(45,45,45);background-color:#2d2d2d!important;color:#fff!important}body.dark-mode .collaboration-main-container .new-project-container{color:#fff!important;flex-direction:row;width:100%;justify-content:space-between}body.dark-mode .collaboration-main-container .new-project-container .MuiButton-root{color:#fff!important;opacity:.9}body.dark-mode .collaboration-main-container .new-project-container .join-collab-button{background-color:#16a34a!important}body.dark-mode .collaboration-main-container .loading-container{background-color:transparent!important;color:#fff!important}body.dark-mode .collaboration-main-container .vap-table{background-color:#2d2d2d80!important}body.dark-mode .collaboration-main-container .vap-table thead{background-color:#22395ed9!important}body.dark-mode .collaboration-main-container .vap-table .MuiTypography-root{color:#fff!important}body.dark-mode .collaboration-main-container .vap-table .font-text{font-family:NunitoSans-Regular,sans-serif;color:#fff!important}body.dark-mode .collaboration-main-container .vap-table .font-text .download-button{color:#1794dc!important;background-color:#2d2d2d80!important}body.dark-mode .collaboration-main-container .vap-table .font-text .delete-button{color:#e83a3a!important;background-color:#2d2d2d80!important}.table-responsive{width:100%;max-width:100vw;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto;overflow-y:unset;max-height:unset;-ms-overflow-style:none;scrollbar-width:none}.table-responsive::-webkit-scrollbar{width:0;height:0}@media (max-width: 768px){.table-responsive{max-height:70vh;overflow-y:auto;overflow-x:auto}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}body.dark-mode .home-page-container{color:#fff!important}body.dark-mode .home-page-container .card-container{background-color:#c2c1c11a!important}body.dark-mode .home-page-container .card-container .card .caption{color:#fffc!important}body.dark-mode .home-page-container .card-container .card .icon .zap{color:#16a34a!important;background-color:#5ced4ee6!important}body.dark-mode .home-page-container .recent-projects .view-all{background-color:transparent!important}body.dark-mode .home-page-container .recent-projects .project-card .project-info .last-audio-time,body.dark-mode .home-page-container .recent-projects .project-card .project-info .daw-type,body.dark-mode .home-page-container .recent-projects .project-card .project-info .title{color:#fffc!important}body.dark-mode .home-page-container .recent-projects .divider{background-color:#fff9!important}body.dark-mode .home-page-container .recent-projects .project-card .project-info .last-audio-time{color:#fffc!important}body.dark-mode .home-page-container .top-content{background:#22395ed9!important;box-shadow:0 4px 24px #4e518e80!important}body.dark-mode .home-page-container .top-content .btn-secondary{background-color:#ffffffe6!important;color:#2d2d2d!important}body.dark-mode .home-page-container .top-content .big-title{color:#fff!important}body.dark-mode .home-page-container .top-content .big-title .sub-title{color:#fffc!important}.home-page-container{padding:3rem;gap:8rem;overflow:auto;overflow-x:hidden;min-height:0!important}@media (max-width: 768px){.home-page-container{padding:0;padding-top:2rem;height:calc(72vh + 1.5rem)}}.home-page-container .top-content{gap:1rem;padding:1rem;border-radius:15px;background:#eaeaea;box-shadow:0 4px 24px #1f26871a}.home-page-container .top-content .first-title{font-family:Assistant-Bold,sans-serif;background-color:#dbeafe;color:#1e40af;border-radius:4px;font-size:.9rem;width:fit-content;padding:.1rem 1rem}.home-page-container .top-content .btn-primary{background-color:#2d2d2d;color:#fff;border-radius:5px;font-family:Liter-Regular,sans-serif;font-weight:100}.home-page-container .top-content .btn-secondary{background-color:#c2c1c133;font-family:Liter-Regular,sans-serif;border-radius:5px;font-weight:100;padding:.5rem 1rem;color:#2d2d2d}.home-page-container .top-content .big-title{font-family:Assistant-Bold,sans-serif;color:#0a0a10f3;font-weight:700;text-align:center;font-size:3rem;width:100%}.home-page-container .top-content .big-title .sub-title{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2dcc;font-weight:500;text-align:center;font-size:1.3rem}@media (max-width: 768px){.home-page-container .card-container{padding:1.5rem 0;flex-direction:column;display:flex}}.home-page-container .card-container{gap:1rem;padding:2rem 1rem;align-items:center;justify-content:center;background-color:#c2c1c11a;border-radius:15px;background:#eaeaea;box-shadow:0 4px 24px #1f26871a}@media (max-width: 768px){.home-page-container .card-container .card{width:100%;height:100%;display:flex}}.home-page-container .card-container .card{align-items:center;justify-content:center}.home-page-container .card-container .card .title{font-family:Assistant-Bold,sans-serif;font-size:1.2rem;font-weight:700}.home-page-container .card-container .card .caption{font-family:NunitoSans-Regular,sans-serif;font-size:.9rem;text-align:center;color:#2d2d2dcc}@media (max-width: 768px){.home-page-container .card-container .card .icon{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}}.home-page-container .card-container .card .icon .musical{color:#2563eb;background-color:#dbeafe;padding:.8rem;border-radius:9999px}.home-page-container .card-container .card .icon .layers{color:#a85aee;background-color:#f3e8ff;padding:.8rem;border-radius:9999px}.home-page-container .card-container .card .icon .zap{color:#16a34a;background-color:#5ced4e3d;padding:.8rem;border-radius:9999px}.home-page-container .recent-projects{width:100%;height:100%}.home-page-container .recent-projects .no-projects{padding:1rem;margin:.5rem 0;height:5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#c2c1c11a;width:100%}.home-page-container .recent-projects .no-projects .title{font-family:NunitoSans-Regular,sans-serif;font-size:1.15rem;font-weight:500}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container{flex-direction:column;flex-wrap:wrap;padding-bottom:5rem;width:100%;justify-content:center;align-items:center}}.home-page-container .recent-projects .project-card-container .project-card{width:30%}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container .project-card{width:90%;justify-content:center}}.home-page-container .recent-projects .project-card-container .project-card{border:1px solid rgba(194,193,193,.5);background-color:#c2c1c100;border-radius:.5rem;gap:1rem;transition:all .1s ease-in}@media (max-width: 768px){.home-page-container .recent-projects .project-card-container .project-card{flex-direction:column}}.home-page-container .recent-projects .project-card-container .project-card:hover{transform:scale(1.04);transition:all .3s ease-in-out;cursor:pointer}.home-page-container .recent-projects .project-card-container .project-card .picture{width:100%;height:100%;padding-block:4rem;justify-content:center;display:flex;background-color:#c2c1c133}.home-page-container .recent-projects .project-card-container .project-card .project-info{padding:1rem}.home-page-container .recent-projects .project-card-container .project-card .project-info .last-audio-time{font-family:Assistant-Bold,sans-serif;color:#2d2d2df3}.home-page-container .recent-projects .project-card-container .project-card .project-info .title{font-family:NunitoSans-Regular,sans-serif}.home-page-container .recent-projects .view-all{font-family:NunitoSans-Regular,sans-serif;align-self:center;height:fit-content;background-color:transparent!important}.home-page-container .recent-projects .view-all:hover{background-color:transparent}.home-page-container .recent-projects .mid-title{font-family:NunitoSans-Regular,sans-serif;font-weight:800;font-size:1.8rem;margin-block:1.5rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.bottom-tool-bar{bottom:0;border-radius:12px 12px 0 0;background-color:#c2c1c1;width:100%;position:fixed}@media (max-width: 768px){.bottom-tool-bar{margin-left:0}}.bottom-tool-bar .volume-container{width:20%;justify-content:center;height:10%;padding:.5rem;z-index:99999}.bottom-tool-bar .volume-container .volume-slider{margin:0}@media (max-width: 768px){.bottom-tool-bar .volume-container{width:95%}}.ai-card-feedback-container{width:100%;margin-top:2rem}.ai-card-feedback-container .con{width:95%;padding:2rem 1rem;word-wrap:break-word}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.audio-visualizer-container{width:100%}@media (max-width: 768px){.audio-visualizer-container{height:30vh}}.audio-visualizer-container .audio-visualizer{margin-block:1rem;transition:all .3s ease-in-out;border-radius:15px;box-shadow:0 0 10px #2d2d2d33;max-width:100%;height:calc(5vw + 5rem);background-color:#2d2d2d80}@media (max-width: 768px){.audio-visualizer-container .audio-visualizer{height:25vh}}.audio-visualizer-container .audio-visualizer:hover{box-shadow:0 0 20px #2d2d2d80;border-radius:15px;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #2d2d2d33;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls:hover{box-shadow:0 0 20px #2d2d2d80;transition:all .3s ease-in-out}.audio-visualizer-container .audio-controls .play-button{background-color:#3b82f6;color:#fff;text-transform:none;font-weight:600;border-radius:8px;padding:.5rem 1.2rem}.audio-visualizer-container .audio-controls .play-button:hover{background-color:#2563eb}.audio-visualizer-container .audio-controls .play-button.Mui-disabled{background-color:#93c5fd;color:#fff;opacity:.7}.audio-visualizer-container .audio-controls .stop-button{background-color:#f3f4f6;color:#4b5563;text-transform:none;font-weight:600;border-radius:8px;padding:.5rem 1.2rem}.audio-visualizer-container .audio-controls .stop-button:hover{background-color:#e5e7eb}.audio-visualizer-container .audio-controls .stop-button.Mui-disabled{background-color:#f9fafb;color:#d1d5db}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.mix-feedback-container{width:100%;margin-bottom:2rem}.mix-feedback-container .mix-feedback-container-content{background:#ffffffd9;box-shadow:0 4px 24px #1f26871a;padding:2rem 2.5rem;border-radius:10px;margin:1rem;width:100%;transition:box-shadow .3s,background .3s;color:#1e293b}@media (max-width: 768px){.mix-feedback-container .mix-feedback-container-content{padding:1rem;max-width:98vw}}.mix-feedback-container .mix-feedback-container-content .little-caption{font-size:.85rem;font-family:NunitoSans-Regular,sans-serif;color:#6b7280}.mix-feedback-container .mix-feedback-container-content .time{font-family:NunitoSans-Regular,sans-serif;color:#374151}.mix-feedback-container .mix-feedback-container-content .caption{font-family:Liter-Regular,sans-serif;font-size:1.05rem;font-weight:500;color:#475569;margin-bottom:.5rem}.mix-feedback-container .mix-feedback-container-content .title{font-family:Assistant-Bold,sans-serif;font-size:2.1rem;font-weight:800;color:#1e293b;letter-spacing:-1px;margin-bottom:.2rem;text-shadow:0 2px 8px rgba(31,38,135,.06)}.mix-feedback-container .mix-feedback-container-content .time-selection-details{width:fit-content;background:#f8fafccc;padding:.75rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:.5rem}.mix-feedback-container .mix-feedback-container-content .time-selection-details .time-label{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.mix-feedback-container .mix-feedback-container-content .time-selection-details .time-value{font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;font-weight:700;color:#1e293b}.mix-feedback-container .mix-feedback-container-content .time-selection-details .total-value{font-family:NunitoSans-Regular,sans-serif;font-size:1.1rem;font-weight:800;color:#0ea5e9}@media (max-width: 768px){.mix-feedback-container .mix-feedback-container-content .time-selection-details{flex-wrap:wrap;gap:1rem;padding:1rem}.mix-feedback-container .mix-feedback-container-content .time-selection-details .MuiDivider-root{display:none}}.mix-feedback-container .feedback-button{background:linear-gradient(90deg,#4ade80,#22d3ee);margin:1.5rem 0 0;color:#fff;padding:.7rem 2.2rem;border-radius:12px;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #22d3ee26;border:none;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.mix-feedback-container .feedback-button:hover{background:linear-gradient(90deg,#22d3ee,#4ade80);box-shadow:0 4px 16px #22d3ee38;transform:translateY(-2px) scale(1.03)}.mix-feedback-container .feedback-button.processing,.mix-feedback-container .feedback-button.processing-btn{position:relative;background:linear-gradient(90deg,#38bdf8,#4ade80,#38bdf8);background-size:200% 100%;animation:shimmer 2s linear infinite;color:#1e293b;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s}.mix-feedback-container .feedback-button.processing .sparkle-icon,.mix-feedback-container .feedback-button.processing-btn .sparkle-icon{display:inline-block;margin-left:.4em;animation:sparkle-bounce 1.2s infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes sparkle-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.15)}}.mix-feedback-container .info-icon{width:1.2rem;height:1.2rem;color:#38bdf8;opacity:.7;transition:color .2s}.mix-feedback-container .info-icon:hover{color:#0ea5e9;opacity:1}.mix-feedback-container .dropzone-area{width:100%;padding:1.2rem;background:#ecfeffb3;border:2px dashed #38bdf8;border-radius:16px;transition:border-color .2s,background .2s;box-shadow:0 2px 8px #22d3ee14}.mix-feedback-container .dropzone-area:hover{border-color:#0ea5e9;background:#bae6fdcc}@media (max-width: 768px){.mix-feedback-container .dropzone-area{max-width:95vw}.mix-feedback-container .dropzone-area .MuiBox-root{width:100%}.mix-feedback-container .dropzone-area .MuiBox-root .MuiButtonBase-root{font-size:.8rem;width:95%}}.mix-feedback-container .ai-card-feedback{border-radius:10px;margin:1rem;padding:1.2rem;width:100%;min-height:120px;background:#ecfeffb3;box-shadow:0 2px 8px #22d3ee1a;overflow-y:auto;transition:background .2s,box-shadow .2s}@media (max-width: 768px){.mix-feedback-container .ai-card-feedback{height:auto}}.mix-feedback-container .ai-card-feedback .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;font-weight:500;color:#334155}.mix-feedback-container .tokens-section{display:flex;align-items:center;gap:1rem;padding:.5rem 1.2rem;background:#f1f1f1;border-radius:8px;box-shadow:0 2px 8px #1f268714;color:#2d2d2d;font-family:Liter-Regular,sans-serif;font-size:1.1rem;font-weight:500;width:fit-content}.mix-feedback-container .tokens-section .tokens-count{font-weight:300;font-size:1.3rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-label{color:#555;font-size:1rem;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-icon{color:#ffb300;margin-right:.5rem}.mix-feedback-container .tokens-section .tokens-info{color:#38bdf8;margin-left:.5rem;opacity:.8}.mix-feedback-container .tokens-section .tokens-info:hover{color:#0ea5e9;opacity:1}.mix-feedback-container .bottom-tool-bar{bottom:0;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#bae6fd,#f0fdfa);width:100%;position:fixed;box-shadow:0 -2px 12px #22d3ee1a}.tooltip-warning-ai-feedback{background:#3c3c3c!important}.tooltip-warning-ai-feedback .tooltip-warning-ai-feedback-text{color:#e83a3a;font-size:1.1rem}body.dark-mode .mix-feedback-container .mix-feedback-container-content{background:transparent;color:#f1f5f9!important}body.dark-mode .mix-feedback-container .mix-feedback-container-content h4,body.dark-mode .mix-feedback-container .mix-feedback-container-content .title,body.dark-mode .mix-feedback-container .mix-feedback-container-content .caption,body.dark-mode .mix-feedback-container .mix-feedback-container-content .little-caption,body.dark-mode .mix-feedback-container .mix-feedback-container-content .time,body.dark-mode .mix-feedback-container .mix-feedback-container-content label,body.dark-mode .mix-feedback-container .mix-feedback-container-content input,body.dark-mode .mix-feedback-container .mix-feedback-container-content .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .ai-card-feedback{background:#1e293bb3}body.dark-mode .mix-feedback-container .ai-card-feedback .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .ai-card-feedback{box-shadow:0 2px 8px #0000002e}body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root label,body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root .MuiInputBase-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .language-select .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border-color:#f1f5f980}body.dark-mode .mix-feedback-container .info-icon{color:#38bdf8!important;opacity:.8}body.dark-mode .mix-feedback-container .info-icon:hover{color:#0ea5e9!important;opacity:1}body.dark-mode .mix-feedback-container .required{color:#f87171!important}body.dark-mode .mix-feedback-container .dropzone-area{background:#1e293bb3;color:#f1f5f9!important;border:2px dashed #38bdf8;border-radius:16px;box-shadow:0 2px 8px #0000002e}body.dark-mode .mix-feedback-container .dropzone-area:hover{border-color:#0ea5e9;background:#334155cc}body.dark-mode .mix-feedback-container .dropzone-area .MuiSvgIcon-root{color:#f1f5f9!important}body.dark-mode .mix-feedback-container .feedback-button{background:linear-gradient(90deg,#38bdf8,#4ade80);color:#181c24!important;box-shadow:0 2px 8px #38bdf826}body.dark-mode .mix-feedback-container .feedback-button:hover{background:linear-gradient(90deg,#4ade80,#38bdf8);box-shadow:0 4px 16px #38bdf838}body.dark-mode .mix-feedback-container .bottom-tool-bar{background:linear-gradient(90deg,#232a36,#181c24);box-shadow:0 -2px 12px #0000002e}body.dark-mode .mix-feedback-container .tokens-section{background:#23272f;color:#fff!important;box-shadow:0 2px 8px #0000002e}body.dark-mode .mix-feedback-container .tokens-section .tokens-count{color:#fff!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-label{color:#ddd!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-icon{color:gold!important}body.dark-mode .mix-feedback-container .tokens-section .tokens-info{color:#90cdf4!important}body.dark-mode .mix-feedback-container .time-selection-details{background:#1e293bb3;border:1px solid rgba(241,245,249,.2)}body.dark-mode .mix-feedback-container .time-selection-details .time-label{color:#94a3b8}body.dark-mode .mix-feedback-container .time-selection-details .time-value{color:#f1f5f9}body.dark-mode .mix-feedback-container .time-selection-details .total-value{color:#38bdf8}body.dark-mode .mix-feedback-container .time-selection-details .MuiDivider-root{background-color:#f1f5f933}body.dark-mode .mix-feedback-container .audio-controls{background-color:#1e293b;border:1px solid rgba(241,245,249,.1)}body.dark-mode .mix-feedback-container .audio-controls .play-button{background-color:#3b82f6;color:#fff!important}body.dark-mode .mix-feedback-container .audio-controls .play-button:hover{background-color:#2563eb}body.dark-mode .mix-feedback-container .audio-controls .play-button.Mui-disabled{background-color:#3b82f64d;color:#ffffff80!important}body.dark-mode .mix-feedback-container .audio-controls .stop-button{background-color:#334155;color:#f1f5f9!important}body.dark-mode .mix-feedback-container .audio-controls .stop-button:hover{background-color:#475569}body.dark-mode .mix-feedback-container .audio-controls .stop-button.Mui-disabled{background-color:#3341554d;color:#f1f5f94d!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.payout-payment{display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:2rem;overflow:auto;overflow-x:hidden;font-family:NunitoSans-Regular,sans-serif;position:relative;background:radial-gradient(1200px 600px at 10% -10%,rgba(84,126,252,.18),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(79,70,229,.12),transparent 55%),linear-gradient(180deg,#f4f7ff,#edf2ff 45%,#f8faff)}@media (max-width: 768px){.payout-payment{min-height:80vh;padding:1rem}}.payout-payment .title{color:#2d2d2d;font-size:2.5rem;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.payout-payment .plan-pricing-hero{width:100%;max-width:980px;padding:2.25rem 2rem;border-radius:18px;border:1px solid rgba(194,193,193,.2);background:linear-gradient(160deg,#ffffffeb,#f5f9ffdb);box-shadow:0 18px 50px #445ba51f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.75rem;align-items:center}@media (max-width: 768px){.payout-payment .plan-pricing-hero{padding:1.5rem 1.25rem;border-radius:14px}}.payout-payment .plan-pricing-hero .subtitle{max-width:60ch;text-align:center;font-size:1.05rem;line-height:1.6;color:#131c34b8}.payout-payment .plan-pricing-hero .billing-row{width:100%}.payout-payment .billing-cycle-toggle{border-radius:999px!important;background:#ffffffd1;padding:.25rem;border:1px solid rgba(107,114,128,.18);box-shadow:inset 0 1px 1px #fffc,0 8px 16px #11182714}.payout-payment .billing-cycle-toggle .MuiToggleButton-root{border:none!important;border-radius:999px!important;padding:.6rem 1rem;font-weight:700;text-transform:none;color:#2d2d2dbf}.payout-payment .billing-cycle-toggle .MuiToggleButton-root.Mui-selected{background:#fffffff2!important;color:#2d2d2d!important;box-shadow:0 8px 18px #11182724}.payout-payment .save-pill{display:inline-flex;align-items:center;margin-left:.5rem;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:800;background:#4f46e524;color:#4f46e5f2}.payout-payment .badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid rgba(194,193,193,.25);background:#ffffffe6}.payout-payment .badge-neutral{color:#2d2d2db8}.payout-payment .faq-container{padding:2rem;margin:1rem;border-radius:12px;border:1px solid rgba(194,193,193,.2);background-color:#ffffffe6;box-shadow:0 4px 20px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:2rem;max-width:800px;width:100%}.payout-payment .faq-container .faq{gap:1.5rem;padding:1rem;border-radius:8px;transition:all .3s ease}.payout-payment .faq-container .faq:hover{background:#c2c1c10d}.payout-payment .faq-container .faq .title{font-size:1.2rem;font-family:NunitoSans-Regular,sans-serif;font-weight:600;color:#2d2d2d}.payout-payment .faq-container .faq .content{font-size:1rem;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2dcc;line-height:1.6}.payout-payment .payout-payment-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;padding:1rem;align-items:stretch}@media (max-width: 768px){.payout-payment .payout-payment-container{grid-template-columns:1fr;align-items:center;gap:1.5rem}}.payout-payment .payout-payment-container .border-popular{border:2px solid rgba(84,126,252,.9)!important;position:relative;box-shadow:0 18px 42px #547efc40}.payout-payment .payout-payment-container .card{box-shadow:0 12px 30px #3141761a;border:1px solid rgba(194,193,193,.3);border-radius:16px;width:100%;background:linear-gradient(180deg,#fff,#fbfdff);transition:all .3s ease-in-out;overflow:hidden;height:100%}.payout-payment .payout-payment-container .card:hover{transform:scale(1.03);box-shadow:0 20px 38px #3141762e}@media (max-width: 768px){.payout-payment .payout-payment-container .card{margin:0;width:100%}}.payout-payment .payout-payment-container .card .MuiCardContent-root{margin:0!important;padding:0;display:flex;flex-direction:column;height:100%}.payout-payment .payout-payment-container .card .popular{background:linear-gradient(145deg,#fff,#f5f9ff)!important}.payout-payment .payout-payment-container .card .card-price.popular{padding:1.5rem;position:relative;overflow:hidden}.payout-payment .payout-payment-container .card .card-price.popular .popular-icon{position:absolute;top:1rem;right:1rem;font-family:NunitoSans-Regular,sans-serif;background:linear-gradient(45deg,#4f46e5,#547efc);padding:.4rem 1rem;font-weight:600;font-size:.9rem;color:#fff;border-radius:20px;box-shadow:0 2px 8px #4f46e54d}.payout-payment .payout-payment-container .card .card-price{padding:1.5rem;background:linear-gradient(180deg,#fff,#f8fbff)}.payout-payment .payout-payment-container .card .card-price .MuiTypography-root{font-size:1.3rem;font-family:Assistant-Bold,sans-serif;font-weight:700;color:#2d2d2d}.payout-payment .payout-payment-container .card .card-price .description{font-family:NunitoSans-Regular,sans-serif;font-weight:500;font-size:1.1rem;color:#2d2d2dcc;margin:.5rem 0}.payout-payment .payout-payment-container .card .card-price .meta{margin-top:-.25rem;font-size:.9rem;font-weight:600;color:#2d2d2d9e}.payout-payment .payout-payment-container .card .card-price .price{width:100%;display:flex;flex-direction:row;align-items:baseline;gap:.5rem;font-family:NunitoSans-Regular,sans-serif;font-size:2rem;font-weight:800;color:#4a3ed6;margin:1rem 0}.payout-payment .payout-payment-container .card .card-price .price .time{color:#2d2d2d80;font-size:1rem;font-weight:500;font-family:NunitoSans-Regular,sans-serif}.payout-payment .payout-payment-container .card .item{box-shadow:none;display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem 1.5rem;border-top:1px solid rgba(148,163,184,.2)}.payout-payment .payout-payment-container .card .item:first-of-type{border-top:none}.payout-payment .payout-payment-container .card .item .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif;width:100%;font-size:1rem;color:#2d2d2dcc}.payout-payment .payout-payment-container .card .item .check-icon{flex:0 0 auto;margin-top:.15rem;font-size:1.15rem;color:#16a34ae6}@media (max-width: 768px){.payout-payment .payout-payment-container .card .buy-button{width:90%;margin:1rem auto}}.payout-payment .payout-payment-container .card .buy-button{display:flex;align-items:center;justify-content:center;width:90%;margin:1.5rem auto;height:3.5rem;border-radius:12px;font-weight:600;text-transform:none;font-size:1.1rem;transition:all .3s ease;background:linear-gradient(45deg,#469de5,#1d53f7);color:#fff;box-shadow:0 4px 15px #4f46e533}.payout-payment .payout-payment-container .card .buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e54d;background:linear-gradient(45deg,#2498f7,#0b46f5)}.payout-payment .payout-payment-container .card .buy-button:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;transform:none;cursor:not-allowed}.payout-payment .payout-payment-container .plan-card.is-selected{border-color:#4f46e58c;box-shadow:0 10px 40px #4f46e524}.payout-payment .checkout-bar{width:100%}@media (max-width: 768px){.payout-payment .checkout-bar{width:90%}}.payout-payment .checkout-bar{max-width:1200px;margin-top:.5rem;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(165deg,#fffffff2,#f2f7ffeb);box-shadow:0 18px 46px #31417624;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payout-payment .checkout-bar .checkout-title{font-size:1.1rem;font-weight:800;color:#2d2d2de6}.payout-payment .checkout-bar .checkout-pro-pill{display:inline-flex;align-items:center;justify-content:center;height:1.4rem;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 6px 16px #2563eb40}.payout-payment .checkout-bar .checkout-subtitle,.payout-payment .checkout-bar .checkout-footnote{font-size:.95rem;font-weight:600;color:#2d2d2da6}.payout-payment .checkout-bar .checkout-button{position:relative;overflow:hidden;width:100%;max-width:28rem;min-height:3rem;justify-content:center;border-radius:6px;border:1px solid #f0b429;box-shadow:none;background:#ffc439;color:#2c2e2f;text-transform:none;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease;animation:paypal-button-breathe 3.2s ease-in-out infinite}.payout-payment .checkout-bar .checkout-button:after{content:"";position:absolute;top:0;left:-45%;width:32%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff8c 52%,#fff0);transform:skew(-18deg);animation:paypal-button-sheen 2.9s ease-in-out infinite;pointer-events:none}.payout-payment .checkout-bar .checkout-button:hover{background:#ffcf4d;box-shadow:0 9px 22px #d4971059;transform:translateY(-1px) scale(1.01)}.payout-payment .checkout-bar .checkout-button:active{transform:translateY(0) scale(.995)}.payout-payment .checkout-bar .checkout-button:disabled{background:#ffd76a;color:#2c2e2fb3;animation:none}.payout-payment .checkout-bar .checkout-button:disabled:after{animation:none}.payout-payment .checkout-bar .checkout-paypal-brand-content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%}.payout-payment .checkout-bar .checkout-paypal-brand-logo{width:104px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06));pointer-events:none;animation:paypal-logo-float 2.4s ease-in-out infinite;transition:transform .22s ease}.payout-payment .checkout-bar .checkout-button:hover .checkout-paypal-brand-logo{transform:scale(1.06)}.payout-payment .checkout-bar .checkout-paypal-brand-label{font-size:1.1rem;line-height:1;color:#2c2e2f;letter-spacing:-.01em}@keyframes paypal-button-sheen{0%{left:-45%}55%{left:120%}to{left:120%}}@keyframes paypal-button-breathe{0%,to{box-shadow:0 4px 12px #d497102e}50%{box-shadow:0 7px 18px #d4971047}}@keyframes paypal-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.payout-payment .checkout-bar .checkout-button,.payout-payment .checkout-bar .checkout-button:after,.payout-payment .checkout-bar .checkout-paypal-brand-logo{animation:none!important;transition:none!important}}.payout-payment .payment-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:1rem}@media (max-width: 768px){.payout-payment .payment-container{flex-direction:column;align-items:center}}.payout-payment .payment-container .paypal-buttons-payment{padding:1.5rem;box-shadow:0 4px 20px #c2c1c126;border-radius:12px;background:#fff;width:100%;max-width:400px;margin:1rem auto;transition:all .3s ease}.payout-payment .payment-container .paypal-buttons-payment:hover{box-shadow:0 6px 25px #c2c1c133}@media (max-width: 768px){.payout-payment .payment-container .paypal-buttons-payment{padding:1rem;width:90%}}body.dark-mode .payout-payment{background:radial-gradient(1200px 650px at 8% -8%,rgba(59,130,246,.2),transparent 60%),radial-gradient(900px 500px at 92% 6%,rgba(99,102,241,.18),transparent 55%),radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)}body.dark-mode .payout-payment .billing-cycle-toggle{background:#ffffff0f;border-color:#ffffff1f}body.dark-mode .payout-payment .billing-cycle-toggle .MuiButtonBase-root{color:#ffffffd1!important;background-color:transparent!important}body.dark-mode .payout-payment .billing-cycle-toggle .MuiButtonBase-root.Mui-selected{background-color:#ffffff2e!important;color:#fff!important;box-shadow:0 6px 16px #00000047}body.dark-mode .payout-payment .paypal-title{color:#fff!important}body.dark-mode .payout-payment .title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-mode .payout-payment .plan-pricing-hero{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;border-color:#ffffff1f!important;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.dark-mode .payout-payment .plan-pricing-hero .subtitle{color:#ffffffc7!important}body.dark-mode .payout-payment .save-pill{background:#64b5f62e;color:#64b5f6f2}body.dark-mode .payout-payment .badge{background:#2d2d2d73;border-color:#ffffff29}body.dark-mode .payout-payment .badge-neutral{color:#ffffffc7}body.dark-mode .payout-payment .faq-container{color:#fff!important;background-color:#2d2d2dcc!important;border-color:#ffffff1a;box-shadow:0 4px 20px #0003}body.dark-mode .payout-payment .faq-container .faq:hover{background:#ffffff0d}body.dark-mode .payout-payment .faq-container .faq .title{color:#fff!important}body.dark-mode .payout-payment .faq-container .faq .content{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .border-popular{border-color:#64b5f6e6!important;box-shadow:0 8px 30px #64b5f626}body.dark-mode .payout-payment .payout-payment-container .card{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47)!important;border-color:#ffffff1f;box-shadow:0 8px 24px #00000059}body.dark-mode .payout-payment .payout-payment-container .card:hover{box-shadow:0 8px 30px #0000004d}body.dark-mode .payout-payment .payout-payment-container .card .popular{background:#273134cc!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price{background:transparent}body.dark-mode .payout-payment .payout-payment-container .card .card-price .MuiTypography-root{color:#fff!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .description{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .meta{color:#ffffff9e!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .price{color:#64b5f6!important}body.dark-mode .payout-payment .payout-payment-container .card .card-price .price .time{color:#ffffff80!important}body.dark-mode .payout-payment .payout-payment-container .card .item{border-top-color:#ffffff1a}body.dark-mode .payout-payment .payout-payment-container .card .item .MuiTypography-root{color:#fffc!important}body.dark-mode .payout-payment .payout-payment-container .card .item .check-icon{color:#81c784e6!important}body.dark-mode .payout-payment .payout-payment-container .card .buy-button{background:radial-gradient(circle at 20% 30%,#127ce7,#325dc1)!important;color:#fff!important;font-weight:300;font-family:Liter-Regular,sans-serif}body.dark-mode .payout-payment .payout-payment-container .card .buy-button:hover{background-color:#fff3!important;box-shadow:0 4px 15px #0003}body.dark-mode .payout-payment .payout-payment-container .card .buy-button:disabled{background:#273134cc!important;color:#fff!important;box-shadow:none!important;transform:none!important;cursor:not-allowed!important}body.dark-mode .payout-payment .checkout-bar{background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);border-color:#ffffff1f;box-shadow:0 10px 40px #00000040}body.dark-mode .payout-payment .checkout-bar .checkout-title{color:#ffffffeb!important}body.dark-mode .payout-payment .checkout-bar .checkout-subtitle,body.dark-mode .payout-payment .checkout-bar .checkout-footnote{color:#ffffffb3!important}body.dark-mode .payout-payment .payment-container .paypal-buttons-payment{background:linear-gradient(180deg,#111827,#0f172a)!important;box-shadow:0 4px 20px #0003;border:1px solid rgba(255,255,255,.1)}body.dark-mode .payout-payment .payment-container .paypal-buttons-payment:hover{box-shadow:0 6px 25px #0000004d}.privacy-policy-container{width:100%;margin:3rem 2rem;padding-top:2rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.profile-page-container{padding:2.5rem 1.5rem}.profile-page-container .profile-card{background:#ffffffb8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 8px 32px #00000012,0 2px 8px #0000000a;overflow:visible}.profile-page-container .profile-card .MuiCardContent-root{padding:2rem}.profile-page-container .profile-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .content{flex-wrap:wrap;gap:1.5rem;margin-bottom:0!important}.profile-page-container .profile-card .profile-avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0}.profile-page-container .profile-card .profile-avatar-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,#00a6f6,#a85aee);z-index:0}.profile-page-container .profile-card .profile-avatar-container .profile-avatar{width:100px;height:100px;position:relative;z-index:1;border:3px solid #ffffff;transition:opacity .2s ease-in-out}.profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:2;background-color:#00000080!important;color:#fff!important;transition:opacity .2s ease-in-out}.profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button:hover{background-color:#000000b3!important}.profile-page-container .profile-card .profile-avatar-container:hover .profile-image-edit-button{opacity:1}.profile-page-container .profile-card .profile-avatar-container:hover .profile-avatar{opacity:.55}.profile-page-container .profile-card .profile-display-name{background:linear-gradient(135deg,#2d2d2d,#2d2d2d8c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.5px}.profile-page-container .profile-card .account-info-section{background:#2d2d2d06;border:1px solid rgba(45,45,45,.06);border-radius:16px;padding:1.25rem 1.5rem;margin-top:1.75rem}.profile-page-container .profile-card .account-info-section .MuiTypography-h6{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#2d2d2d;opacity:.45;margin-bottom:1rem}.profile-page-container .profile-card .account-info-section .account-info-rows{display:flex;flex-direction:column;gap:.9rem}.profile-page-container .profile-card .account-info-section .info-item{display:flex;align-items:center;gap:.9rem}.profile-page-container .profile-card .account-info-section .info-item .info-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000000f}.profile-page-container .profile-card .account-info-section .info-item .info-icon.created{background:#00a6f61a;color:#00a6f6}.profile-page-container .profile-card .account-info-section .info-item .info-icon.signin{background:#a85aee1a;color:#a85aee}.profile-page-container .profile-card .account-info-section .info-item .info-text .info-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#2d2d2d;opacity:.38;margin-bottom:2px;font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .account-info-section .info-item .info-text .info-value{font-weight:600;color:#2d2d2dd9;font-family:NunitoSans-Regular,sans-serif}.profile-page-container .profile-card .billing-btn-row .billing-nav-btn{border-radius:14px;text-transform:none;font-weight:700;color:#fff;font-family:NunitoSans-Regular,sans-serif;padding:10px 24px;background:linear-gradient(135deg,#00a6f6,#2563eb);box-shadow:0 8px 20px #00a6f640;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.profile-page-container .profile-card .billing-btn-row .billing-nav-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #00a6f659}.profile-page-container .profile-card .delete-account-button{border-radius:12px;text-transform:none;font-weight:700;font-family:NunitoSans-Regular,sans-serif;transition:all .3s ease}.profile-page-container .profile-card .delete-account-button:hover{background:#e83a3a0f;transform:translateY(-1px)}.profile-page-container .profile-card .logout-button-profile{border-radius:12px;text-transform:none;font-weight:700;font-family:NunitoSans-Regular,sans-serif;transition:all .3s ease}.profile-page-container .profile-card .logout-button-profile:hover{transform:translateY(-1px)}.warning-delete-account-popup .warning-delete{color:#e83a3a}@media (max-width: 768px){.profile-page-container{padding:1rem .75rem}.profile-page-container .profile-card{border-radius:18px}.profile-page-container .profile-card .MuiCardContent-root{padding:1.25rem}.profile-page-container .profile-card .content{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-page-container .profile-card .profile-avatar-container{margin-right:0}.profile-page-container .profile-card .profile-avatar-container .profile-avatar{width:80px;height:80px}.profile-page-container .profile-card .account-info-section{margin-top:1.25rem;padding:1rem 1.1rem}.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button){flex-direction:row;flex-wrap:wrap;gap:.75rem}.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button) .delete-account-button,.profile-page-container .profile-card .MuiBox-root:has(.delete-account-button) .logout-button-profile{flex:1 1 auto;white-space:nowrap}}body.dark-mode .profile-page-container .profile-card{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 8px 32px #00000059,0 2px 8px #0003!important}body.dark-mode .profile-page-container .profile-card .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-avatar{border-color:#ffffff1f!important}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button{background-color:#0000008c!important;color:#fff!important}body.dark-mode .profile-page-container .profile-card .profile-avatar-container .profile-image-edit-button:hover{background-color:#000000bf!important}body.dark-mode .profile-page-container .profile-card .profile-display-name{background:linear-gradient(135deg,#fff,#fff9)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}body.dark-mode .profile-page-container .profile-card .MuiTypography-colorTextSecondary,body.dark-mode .profile-page-container .profile-card .MuiTypography-body2:not(.info-value){color:#ffffff8c!important}body.dark-mode .profile-page-container .profile-card .account-info-section{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important}body.dark-mode .profile-page-container .profile-card .account-info-section .MuiTypography-h6{color:#fff!important;opacity:.4!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon{box-shadow:none!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon.created{background:#00a6f626!important;color:#00a6f6!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-icon.signin{background:#a85aee26!important;color:#a85aee!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-text .info-label{color:#fff!important;opacity:.35!important}body.dark-mode .profile-page-container .profile-card .account-info-section .info-item .info-text .info-value{color:#ffffffe0!important}body.dark-mode .profile-page-container .profile-card .billing-btn-row .billing-nav-btn{box-shadow:0 8px 20px #00a6f626!important}body.dark-mode .profile-page-container .profile-card .delete-account-button{color:#e83a3a!important;border-color:#e83a3a66!important;background:#e83a3a0d!important}body.dark-mode .profile-page-container .profile-card .delete-account-button:hover{background:#e83a3a1f!important}body.dark-mode .profile-page-container .profile-card .logout-button-profile{border-color:#ffa50066!important}body.dark-mode .profile-page-container .profile-card .logout-button-profile:hover{background:#ffa50014!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.search-bar-container{width:100%;border:1px solid #c2c1c1;padding:.25rem;border-radius:8px}.search-bar-container .search-input{width:100%;font-family:Liter-Regular,sans-serif}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.projects-page{min-height:100vh;padding:2rem;position:relative;overflow-x:hidden}.projects-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}@media (max-width: 768px){.projects-page{padding:1rem}}.projects-page .projects-header{margin-bottom:3rem;position:relative;z-index:2}.projects-page .projects-header .header-content{text-align:center;margin-bottom:2rem}.projects-page .projects-header .header-content .page-title{color:#2d2d2d;font-weight:700;font-size:3rem;margin-bottom:.5rem;-webkit-background-clip:text;background-clip:text}@media (max-width: 768px){.projects-page .projects-header .header-content .page-title{font-size:2rem}}.projects-page .projects-header .header-content .page-subtitle{color:#2d2d2d;font-size:1.1rem;font-weight:300}.projects-page .projects-header .stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.projects-page .projects-header .stats-container{grid-template-columns:repeat(2,1fr);gap:1rem}}.projects-page .projects-header .stats-container .stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;transition:all .3s ease;cursor:pointer}.projects-page .projects-header .stats-container .stat-card:hover,.projects-page .projects-header .stats-container .stat-card.active{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 25px #0000001a,0 0 0 2px #00a6f6}.projects-page .projects-header .stats-container .stat-card.active{box-shadow:0 0 0 4px #00a6f666}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root{padding:1.5rem;text-align:center}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number{font-size:2.5rem;font-weight:700;color:#2d2d2d;margin-bottom:.5rem}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.completed{color:#10b981}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.in-progress{color:#f59e0b}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.waiting{color:#6b7280}.projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-label{color:#2d2d2d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.projects-page .controls-section{margin-bottom:2rem;position:relative;z-index:2}.projects-page .controls-section .controls-content{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.projects-page .controls-section .controls-content{flex-direction:column;gap:1rem}}.projects-page .controls-section .controls-content .search-bar{min-width:300px;background:#c2c1c133;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease}.projects-page .controls-section .controls-content .search-bar:focus-within{background:#ffffff26;box-shadow:0 4px 15px #0000001a}@media (max-width: 768px){.projects-page .controls-section .controls-content .search-bar{min-width:100%}}.projects-page .controls-section .controls-content .progress-filter{display:none}.projects-page .projects-content{position:relative;z-index:2}.projects-page .projects-content .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.projects-page .projects-content .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1rem 0}@media (max-width: 768px){.projects-page .projects-content .projects-grid{grid-template-columns:1fr;gap:1rem}}.projects-page .projects-content .projects-grid .project-card{background:#c2c1c133;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;position:relative}.projects-page .projects-content .projects-grid .project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.projects-page .projects-content .projects-grid .project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff4d;background:#c2c1c166}.projects-page .projects-content .projects-grid .project-card:hover:before{opacity:1}.projects-page .projects-content .projects-grid .project-card .project-content{padding:1.5rem}.projects-page .projects-content .projects-grid .project-card .project-content .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.projects-page .projects-content .projects-grid .project-card .project-content .project-header .project-info{flex:1}.projects-page .projects-content .projects-grid .project-card .project-content .project-header .project-info .project-name{color:#2d2d2d;font-weight:300;font-size:1.35rem;font-family:NunitoSans-Regular,sans-serif;margin-bottom:.75rem;line-height:1.3}.projects-page .projects-content .projects-grid .project-card .project-content .project-header .project-info .progress-chip{font-weight:500;font-size:.75rem;height:24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-page .projects-content .projects-grid .project-card .project-content .project-details{margin-bottom:1.5rem}.projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#2d2d2d}.projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item svg{color:#2d2d2d;flex-shrink:0}.projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item .MuiTypography-root{color:#2d2d2d;font-size:.875rem}.projects-page .projects-content .projects-grid .project-card .project-content .project-actions{display:flex;gap:.75rem;justify-content:flex-end}.projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button{background:#c2c1c14d;color:#2d2d2d;border-radius:50%;width:36px;height:36px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button.download:hover{background:#10b9814d;transform:scale(1.1)}.projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button.delete:hover{background:#ef44444d;transform:scale(1.1)}.projects-page .projects-content .empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.projects-page .projects-content .empty-state .empty-content{max-width:400px}.projects-page .projects-content .empty-state .empty-content .empty-icon{color:#2d2d2d;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.projects-page .projects-content .empty-state .empty-content .empty-title{color:#2d2d2d;font-weight:600;margin-bottom:1rem}.projects-page .projects-content .empty-state .empty-content .empty-subtitle{color:#2d2d2d;margin-bottom:2rem;line-height:1.6}.projects-page .projects-content .empty-state .empty-content .upload-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#2d2d2d;padding:1rem 2rem;border-radius:12px;font-weight:600;text-transform:none;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #0003}.projects-page .projects-content .empty-state .empty-content .upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.filter-menu{background:#ffffff1a!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important}.filter-menu .MuiMenuItem-root{color:#2d2d2d!important;font-weight:500}.filter-menu .MuiMenuItem-root:hover{background:#ffffff1a!important}body.dark-mode .filter-menu{background:#000c!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .filter-menu .MuiMenuItem-root{color:#fff!important}body.dark-mode .filter-menu .MuiMenuItem-root:hover{background:#ffffff1a!important}body.dark-mode .projects-page .projects-header .header-content .page-title{background:linear-gradient(45deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .projects-page .projects-header .header-content .page-subtitle{color:#ffffffb3!important}body.dark-mode .projects-page .projects-header .stats-container .stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body.dark-mode .projects-page .projects-header .stats-container .stat-card:hover{background:#ffffff14;box-shadow:0 8px 25px #4e78ed66}body.dark-mode .projects-page .projects-header .stats-container .stat-card.active{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 25px #0003,0 0 0 2px #1794dc;background:#ffffff26}body.dark-mode .projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number{color:#fff!important}body.dark-mode .projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.completed{color:#10b981!important}body.dark-mode .projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.in-progress{color:#f59e0b!important}body.dark-mode .projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-number.waiting{color:#6b7280!important}body.dark-mode .projects-page .projects-header .stats-container .stat-card .MuiCardContent-root .stat-label{color:#ffffffb3!important}body.dark-mode .projects-page .controls-section .controls-content .search-bar{background:#4e78ed1a;border:1px solid rgba(255,255,255,.1);color:#fff!important}body.dark-mode .projects-page .controls-section .controls-content .search-bar:focus-within{background:#4e78ed33;box-shadow:0 4px 15px #0000004d;color:#fff!important}body.dark-mode .projects-page .controls-section .controls-content .search-bar .MuiInputBase-input::placeholder{color:#b0b3b8!important;opacity:1}body.dark-mode .projects-page .controls-section .controls-content .progress-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff!important}body.dark-mode .projects-page .controls-section .controls-content .progress-filter .MuiSelect-select,body.dark-mode .projects-page .controls-section .controls-content .progress-filter .MuiSvgIcon-root{color:#fff!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body.dark-mode .projects-page .projects-content .projects-grid .project-card:hover{background:#ffffff14;box-shadow:0 20px 40px #00000080,0 0 0 1px #fff3}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-header .project-info .project-name{color:#fff!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-header .project-info .progress-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item{color:#ffffffb3!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item svg{color:#ffffff80!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-details .detail-item .MuiTypography-root{color:#ffffffb3!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button{background:#ffffff1a;color:#fff!important}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button.download:hover{background:#10b9814d}body.dark-mode .projects-page .projects-content .projects-grid .project-card .project-content .project-actions .action-button.delete:hover{background:#ef44444d}body.dark-mode .projects-page .projects-content .empty-state .empty-content .empty-icon{color:#fff6!important}body.dark-mode .projects-page .projects-content .empty-state .empty-content .empty-title{color:#fff!important}body.dark-mode .projects-page .projects-content .empty-state .empty-content .empty-subtitle{color:#ffffffb3!important}body.dark-mode .projects-page .projects-content .empty-state .empty-content .upload-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff!important}body.dark-mode .projects-page .projects-content .empty-state .empty-content .upload-button:hover{box-shadow:0 8px 25px #0006}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.activity-log-page-container{padding:2.5rem 0;gap:2.5rem;min-height:calc(100vh - 63px);background:radial-gradient(circle at top right,rgba(78,120,237,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(0,166,246,.05),transparent 40%);display:flex;flex-direction:column;align-items:center;width:100%}@media (max-width: 768px){.activity-log-page-container{padding:1rem;gap:1.5rem}}.activity-log-page-container .page-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.activity-log-page-container .page-header .header-left{display:flex;align-items:center;gap:1.5rem}.activity-log-page-container .page-header .back-button{color:#2d2d2d;background:#fff;text-transform:none;border-radius:12px;padding:.6rem 1.2rem;font-weight:600;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(194,193,193,.1)}.activity-log-page-container .page-header .back-button:hover{background:#2d2d2d;color:#fff;transform:translate(-4px);box-shadow:0 6px 20px #00000026}.activity-log-page-container .page-header .page-title-container .page-title{font-family:NunitoSans-Regular,sans-serif;font-weight:800;color:#2d2d2d;font-size:2.2rem;letter-spacing:-.02em;margin:0}@media (max-width: 768px){.activity-log-page-container .page-header .page-title-container .page-title{font-size:1.4rem}}.activity-log-page-container .page-header .page-title-container .page-subtitle{font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d80;font-size:.9rem;margin-top:.2rem}.activity-log-page-container .activity-log-section{width:100%;max-width:1200px;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);padding:1rem;border-radius:24px;box-shadow:0 20px 40px #00000008}.activity-log-page-container .activity-log-section .table-container{width:100%;overflow-x:auto;border-radius:18px}.activity-log-page-container .activity-log-section .table-container::-webkit-scrollbar{height:6px}.activity-log-page-container .activity-log-section .table-container::-webkit-scrollbar-thumb{background:#c2c1c133;border-radius:10px}.activity-log-page-container .activity-log-section .table-container .activity-table{width:100%;border-collapse:separate;border-spacing:0 .8rem;font-family:NunitoSans-Regular,sans-serif}.activity-log-page-container .activity-log-section .table-container .activity-table thead tr th{padding:1rem 1.5rem;text-align:left;font-weight:700;color:#2d2d2d66;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;border:none}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr{background:#fff;box-shadow:0 4px 12px #00000005;transition:all .3s ease;cursor:default}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td{padding:1.2rem 1.5rem;border-top:1px solid rgba(194,193,193,.05);border-bottom:1px solid rgba(194,193,193,.05)}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td:first-child{border-left:1px solid rgba(194,193,193,.05);border-top-left-radius:16px;border-bottom-left-radius:16px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr td:last-child{border-right:1px solid rgba(194,193,193,.05);border-top-right-radius:16px;border-bottom-right-radius:16px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 12px 24px #0000000f;z-index:10;position:relative}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .type-cell .icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.join .icon-wrapper{background:#5ced4e1a;color:#5ced4e}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.join:hover .icon-wrapper{background:#5ced4e;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.leave .icon-wrapper{background:#e83a3a1a;color:#e83a3a}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.leave:hover .icon-wrapper{background:#e83a3a;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.create .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.create:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_zip .icon-wrapper{background:#a85aee1a;color:#a85aee}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_zip:hover .icon-wrapper{background:#a85aee;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.add_audio .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.add_audio:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_progress .icon-wrapper{background:#4e78ed1a;color:#4e78ed}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr.update_progress:hover .icon-wrapper{background:#4e78ed;color:#fff}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info{display:flex;align-items:center;gap:1rem}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info .avatar{width:32px;height:32px;background:#f1f1f1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#2d2d2d99}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .user-cell .user-info strong{font-weight:700;color:#2d2d2d;font-size:1rem}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .action-cell .action-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#f1f1f1;color:#2d2d2db3}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .time-cell .exact-time{font-size:.9rem;color:#2d2d2d;font-weight:600;display:block}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .time-cell .relative-time{font-size:.75rem;color:#2d2d2d66;margin-top:2px}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events{text-align:center;padding:6rem;background:transparent;box-shadow:none}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events .empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.4}.activity-log-page-container .activity-log-section .table-container .activity-table tbody tr .no-events .empty-state svg{width:64px;height:64px}body.dark-mode .activity-log-page-container{background:radial-gradient(circle at top right,rgba(78,120,237,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(0,166,246,.15),transparent 40%)}body.dark-mode .activity-log-page-container .page-header .back-button{background:#ffffff0d;color:#fff;border-color:#ffffff1a}body.dark-mode .activity-log-page-container .page-header .back-button:hover{background:#fff;color:#2d2d2d}body.dark-mode .activity-log-page-container .page-header .page-title-container .page-title{color:#fff}body.dark-mode .activity-log-page-container .page-header .page-title-container .page-subtitle{color:#ffffff80}body.dark-mode .activity-log-page-container .activity-log-section{background:#ffffff08;border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table thead tr th{color:#fff6}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr{background:#ffffff0d;border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr td{border-color:#ffffff0d}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr:hover{background:#ffffff14;box-shadow:0 12px 24px #0003}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .user-cell .user-info .avatar{background:#ffffff1a;color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .user-cell .user-info strong{color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .action-cell .action-badge{background:#ffffff1a;color:#fffc}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .time-cell .exact-time{color:#fff}body.dark-mode .activity-log-page-container .activity-log-section .activity-table tbody tr .time-cell .relative-time{color:#fff6}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.add-genre-popup-container{width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.add-genre-popup-container .exit-button{align-self:end;justify-self:end;margin:1rem 1rem 0 0;background-color:#b1b3b480}.add-genre-popup-container .submit-button{margin:1rem;border-radius:10px;color:#fff;font-family:NunitoSans-Regular,sans-serif;left:1;width:fit-content;justify-self:end;align-self:end}.add-genre-popup-container .auto-complete-genre{margin:1rem}.add-genre-popup-container .MuiPaper-root{max-width:100%}.add-genre-popup-container .MuiPaper-root::-webkit-scrollbar{display:none}.add-genre-popup-container .add-genre-popup-content{width:100%;flex-wrap:wrap;flex-direction:row;gap:1rem;margin:1rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.message-container{font-family:Liter-Regular,sans-serif;margin-bottom:1.2rem;transition:transform .15s;position:relative;min-width:0}.message-container.current-user .message-bubble{background:linear-gradient(120deg,#1976d2 80%,#1565c0);color:#fff;border-radius:16px 16px 4px;box-shadow:0 4px 18px #1976d233;border:1.5px solid transparent}.message-container.current-user .message-bubble .user-name{color:#ffffffe6}.message-container.current-user .message-bubble .audio-time{background:#fff3;color:#fff}.message-container.current-user .message-bubble .audio-time:hover{background:#ffffff4d}.message-container.current-user .message-bubble .arrow{color:#fffc}.message-container.current-user .message-bubble .message{color:#fff}.message-container.current-user .message-bubble .time{color:#ffffffb3;text-align:right}.message-container.current-user .message-bubble .action-button{color:#fffc}.message-container.other-user .message-bubble{background:linear-gradient(120deg,#fff 80%,#f3f6fd);color:#2d2d2deb;border-radius:16px 16px 16px 4px;box-shadow:0 4px 18px #3c50b41a;border:1.5px solid #e9eafc}.message-container.other-user .message-bubble .user-name{color:#00a6f6}.message-container.other-user .message-bubble .audio-time{background:#e9eafc;color:#00a6f6}.message-container.other-user .message-bubble .audio-time:hover{background:#d0d8fa}.message-container.other-user .message-bubble .arrow{color:#00a6f6}.message-container.other-user .message-bubble .time{color:#8a94a6}.message-container:hover .action-button,.message-container:focus-within .action-button{opacity:1!important}.message-container .content-message-container{display:flex;align-items:flex-start;gap:.8rem;padding:0}.message-container .content-message-container .profile{background-color:#f1f1f1;width:2.7rem;height:2.7rem;border-radius:50%;border:2px solid #e9eafc;box-shadow:0 2px 8px #3c50b414;flex-shrink:0;overflow:hidden}.message-container .content-message-container .message-bubble{flex:1;min-width:0;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.4rem}.message-container .content-message-container .message-bubble .user-name{font-weight:600;font-size:1.05rem}.message-container .content-message-container .message-bubble .audio-time{display:inline-block;border-radius:12px;padding:.1rem .6rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s;cursor:pointer}.message-container .content-message-container .message-bubble .audio-time .arrow{margin-right:.1rem}.message-container .content-message-container .message-bubble .audio-time .message{font-size:1.05rem;line-height:1.4;word-break:break-word}.message-container .content-message-container .message-bubble .audio-time .message .time{font-size:.8rem;align-self:flex-end;white-space:nowrap;margin-top:.2rem}.message-container .content-message-container .message-bubble .divider{color:#c2c1c1;width:100%;margin-top:1rem}body.dark-mode .message-container.other-user .message-bubble{background:linear-gradient(120deg,#2d2d2d 80%,#213845);border:1.5px solid #4e4e4e;box-shadow:0 8px 32px #1e28502e,0 2px 8px #1e28501a;color:#fffffff5}body.dark-mode .message-container.other-user .message-bubble .user-name{color:#00a6f6}body.dark-mode .message-container.other-user .message-bubble .audio-time{background:#4e4e4e;color:#00a6f6}body.dark-mode .message-container.other-user .message-bubble .arrow{color:#00a6f6}body.dark-mode .message-container.other-user .message-bubble .message{color:#fffffff5}body.dark-mode .message-container.other-user .message-bubble .time{color:#ffffffb3}body.dark-mode .message-container.current-user .message-bubble{background:linear-gradient(120deg,#1565c0 80%,#0d47a1);border:1.5px solid transparent;box-shadow:0 8px 32px #0d47a14d,0 2px 8px #0d47a133;color:#fff}body.dark-mode .message-container .content-message-container .profile{background-color:#4e4e4e;border:2px solid #00a6f6}body.dark-mode .message-container .divider{color:#4e4e4e}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.messages-container{font-family:Liter-Regular,sans-serif;margin:1.5rem 0;background:linear-gradient(120deg,#fff 80%,#f3f6fd);border-radius:20px;box-shadow:0 6px 24px #3c50b41a,0 1.5px 6px #3c50b40a;border:1.5px solid #e9eafc;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:stretch;min-width:0}.messages-container .title{color:#00a6f6;font-weight:700;font-size:1.5rem;margin-bottom:.7rem;display:flex;justify-content:center;align-items:center;gap:.7rem}.messages-container .divider{color:#c2c1c1;width:100%;margin-block:1rem}.messages-container .new-message-container{gap:.8rem;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f1fa}.messages-container .new-message-container .input-new-message{height:3.5rem;border:1.5px solid #e9eafc;border-radius:12px;padding:0 1.2rem;width:100%;background:#f9fafe;font-size:1rem;color:#2d2d2d;transition:all .2s cubic-bezier(.4,0,.2,1)}.messages-container .new-message-container .input-new-message.Mui-focused{border-color:#00a6f680;box-shadow:0 0 0 4px #00a6f614;background:#fff}.messages-container .new-message-container .input-new-message input::placeholder{color:#8a94a6;opacity:.8}.messages-container .new-message-container .send-button{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#f0f2ff;border-radius:12px;transition:all .2s ease}.messages-container .new-message-container .send-button:hover:not(:disabled){background:#e1e4ff;transform:translateY(-1px)}.messages-container .new-message-container .send-button:disabled{background:#f5f6f7;color:#ccd2e3}.messages-container .new-message-container .send-button svg{font-size:1.4rem}body.dark-mode .messages-container{background:linear-gradient(120deg,#2d2d2d 80%,#213845);border:1.5px solid #4e4e4e;box-shadow:0 8px 32px #1e28502e,0 2px 8px #1e28501a;color:#fff!important}body.dark-mode .messages-container .title{color:#00a6f6!important}body.dark-mode .messages-container .divider{background-color:#4e4e4e!important}body.dark-mode .messages-container .new-message-container{border-top-color:#4e4e4e}body.dark-mode .messages-container .new-message-container .input-new-message{background-color:#2d2d2d66!important;border-color:#ffffff1a;color:#fff!important}body.dark-mode .messages-container .new-message-container .input-new-message.Mui-focused{border-color:#00a6f666;background-color:#2d2d2d99!important;box-shadow:0 0 0 4px #00a6f61f}body.dark-mode .messages-container .new-message-container .input-new-message input::placeholder{color:#ffffff80}body.dark-mode .messages-container .new-message-container .send-button{background:#ffffff0d;color:#00a6f6!important}body.dark-mode .messages-container .new-message-container .send-button:hover:not(:disabled){background:#ffffff1a}body.dark-mode .messages-container .new-message-container .send-button:hover:not(:disabled):disabled{background:#ffffff05;color:#fff3!important}.time-line-progress-container{width:100%}.time-line-progress-container .toggle-buttons{font-size:2rem}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.visual-audio-container{border-radius:20px;background:linear-gradient(120deg,#fff 80%,#e9eafc);width:100%;margin:1rem;box-shadow:0 6px 32px #3c50b41a,0 1.5px 6px #3c50b40a;padding:2.2rem 1.7rem 1.7rem;display:flex;flex-direction:column;align-items:stretch;min-height:260px;position:relative;transition:box-shadow .2s,transform .15s;border:1.5px solid #e9eafc;overflow:visible}.visual-audio-container:hover,.visual-audio-container:focus-within{box-shadow:0 12px 48px #3c50b429,0 2px 12px #3c50b414;transform:translateY(-2px) scale(1.01)}.visual-audio-container:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:6px;border-radius:20px 20px 0 0;z-index:2}.visual-audio-container .delete-audio-file{display:flex;justify-content:flex-end}.visual-audio-container .delete-audio-file .delete-audio-file-button{opacity:.5;transition:opacity .2s,background .2s}.visual-audio-container .delete-audio-file .delete-audio-file-button:hover,.visual-audio-container .delete-audio-file .delete-audio-file-button:focus{opacity:1;background:#ffeaea}.visual-audio-container .visual-audio{margin:1.2rem 0 1.5rem;background:#f7f8fa;padding:.9rem 1.2rem;border-radius:14px;border:1px solid #e0e0e0;z-index:0;box-shadow:0 1px 8px #3c50b40a}.visual-audio-container .controls-container .audio-name{align-self:flex-start;word-break:break-all;font-family:Liter-Regular,sans-serif;font-weight:500;color:#2d2d2d;margin-bottom:1rem}.visual-audio-container .controls-container .auto-tag-card-container{margin:1.2rem 0 .5rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content{width:100%;align-items:center}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .main-genre{font-family:Liter-Regular,sans-serif;margin:1rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container{display:flex;flex-wrap:wrap;gap:.7rem}.visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .sub-genre{border-radius:25px;border:1px solid #bdbdbd;font-size:1rem;font-weight:600;padding:.2rem .8rem;background:#f7f8fa}.visual-audio-container .controls-container .audio-type{margin:.5rem 0;border-radius:18px;background:#e9eafc;padding:.2rem 1rem;border:1px solid #bdbdbd}.visual-audio-container .controls-container .bottom-controls{width:100%;display:flex;align-items:stretch;gap:.8rem;margin-top:.5rem}.visual-audio-container .controls-container .bottom-controls .quick-message-box{display:flex;align-items:center;background:#f7f8fa;border:1px solid #e0e0e0;border-radius:12px;padding:0 1rem;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.visual-audio-container .controls-container .bottom-controls .quick-message-box:focus-within{background:#fff;border-color:#00a6f680;box-shadow:0 4px 12px #00a6f614}.visual-audio-container .controls-container .bottom-controls .quick-message-box .MuiInputBase-root{width:100%;height:45px}.visual-audio-container .controls-container .bottom-controls .chat-button{flex-shrink:0}.visual-audio-container .controls-container .MuiTypography-root{text-wrap:wrap}.visual-audio-container .audio-progress{border-radius:10px;height:.5rem;background:#e9eafc}.visual-audio-container .suggestion-markers{position:relative;width:100%;height:2.5rem;z-index:3;pointer-events:none}.visual-audio-container .suggestion-markers .suggestion-marker{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;z-index:4}.visual-audio-container .suggestion-markers .suggestion-marker .suggestion-marker-label{font-size:.75rem;color:#1976d2;background:#fff;border-radius:4px;padding:0 4px;margin-top:2px;box-shadow:0 1px 4px #00000014;font-family:Liter-Regular,sans-serif;white-space:nowrap}.visual-audio-container .upload-audio-file-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.visual-audio-container .upload-audio-file-container .audio-type{font-family:Liter-Regular,sans-serif}.visual-audio-container .upload-audio-file-container .audio-type .MuiChip-filled{background-color:#2d2d2d33}.visual-audio-container .upload-audio-file-container .audio-type{margin:1rem 0}.visual-audio-container .upload-audio-file-container .loading{gap:.5rem;display:flex;flex-direction:column;align-items:center;margin:1rem 0;background:#f7f8fa;border-radius:15px;padding:1rem 2rem;width:80%;box-shadow:0 1px 8px #0000000f}.visual-audio-container .upload-audio-file-container .loading .progress{width:100%;border-radius:15px}.visual-audio-container .upload-audio-file-container .loading .progress-pres{font-weight:600;color:#2d2d2d}.visual-audio-container .upload-audio-file-container .dropzone-area{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:120px;border-radius:15px;border:2px dashed #bdbdbd;background:#f4f6fa;transition:border-color .2s}.visual-audio-container .upload-audio-file-container .dropzone-area:hover,.visual-audio-container .upload-audio-file-container .dropzone-area:focus-within{border-color:#40c664;background:#e9fbe9}.visual-audio-container .upload-audio-file-container .dropzone-area .preview-grid-container{display:none}.audio-info-card{border:1.5px solid #e0e0e0;border-radius:14px;background:#f9fafe;padding:1rem 1.2rem;margin-bottom:1.2rem;box-shadow:0 1px 6px #3c50b40a;display:flex;flex-direction:column;align-items:flex-start;max-width:100%;box-sizing:border-box}.audio-info-card .audio-name{font-size:1.2rem;font-weight:600;color:#222;margin-bottom:.3rem}.audio-info-card .audio-type,.audio-info-card .audio-size{font-size:1rem;color:#555;margin-bottom:.2rem}.auto-tag-info-card{border:1.5px solid #e0e0e0;border-radius:14px;background:#f9fafe;padding:1rem 1.2rem;margin-bottom:1.2rem;box-shadow:0 1px 6px #3c50b40a;display:flex;flex-direction:column;align-items:flex-start;max-width:100%;box-sizing:border-box}.auto-tag-info-card .auto-tag-card-content{margin-bottom:.7rem}.auto-tag-info-card .auto-tag-card-content h6{font-size:1.1rem;font-weight:600;color:#222;margin-bottom:.2rem}.auto-tag-info-card .auto-tag-card-content h5{font-size:1rem;color:#555;margin-bottom:.2rem}.auto-tag-info-card .sub-geners-container{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.2rem}.audio-meta-card{border:1.5px solid #e0e0e0;border-radius:14px;background:#f9fafe;padding:1.2rem 1.2rem 1rem;margin-bottom:1.2rem;box-shadow:0 1px 6px #3c50b40a;display:flex;flex-direction:column;align-items:flex-start;max-width:100%;box-sizing:border-box}.audio-meta-card .audio-info-card,.audio-meta-card .auto-tag-info-card{border:none;background:transparent;box-shadow:none;padding:0;margin-bottom:.5rem;max-width:100%;box-sizing:border-box}.audio-meta-card .main-genre,.auto-tag-info-card .main-genre{font-family:Liter-Regular,sans-serif;margin:1rem 0 .5rem;font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}@media (max-width: 900px){.visual-audio-container{padding:1rem .5rem;min-height:180px}}@media (max-width: 600px){.visual-audio-container{padding:.5rem .2rem;min-height:120px;border-radius:10px}.controls-container{flex-direction:column;align-items:stretch;gap:.7rem}.visual-audio{margin:1rem;background-color:#f7f7f7;padding:.5rem;border-radius:10px;border:1px solid rgba(164,164,164,.5);z-index:0;transition:all .3s ease}.visual-audio.currently-playing{box-shadow:0 0 20px #1db9544d;border:2px solid #1db954;background-color:#1db9540d}.visual-audio .audio-name{font-size:1rem!important;margin-bottom:.3rem}.visual-audio .audio-meta-card{padding:.7rem .5rem .5rem;border-radius:10px;margin-bottom:.7rem}.visual-audio .audio-info-card,.visual-audio .auto-tag-info-card{padding:.5rem 0;border-radius:8px;margin-bottom:.3rem}.visual-audio .audio-type,.visual-audio .audio-size,.visual-audio .main-genre{font-size:.95rem!important;margin:.5rem 0 .2rem}.visual-audio .auto-tag-card-content{margin-bottom:.3rem}.visual-audio .sub-geners-container{gap:.4rem}.visual-audio .MuiButtonBase-root{min-width:32px!important;height:32px!important}}body.dark-mode .visual-audio-container{background:#273134cc;border:transparent;box-shadow:0 4px 8px #1e285038,0 2px 10px #1e285024;color:#fff!important;position:relative;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}body.dark-mode .visual-audio-container:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:6px;border-radius:20px 20px 0 0;z-index:2}body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button{color:#fff9!important}body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button:hover,body.dark-mode .visual-audio-container .delete-audio-file .delete-audio-file-button:focus{background:#e83a3a33!important;color:#e83a3a!important}body.dark-mode .visual-audio-container .visual-audio{border:1px solid #4e4e4e;box-shadow:0 1px 12px #1e28502e;background-color:#2d2d2dcc!important}body.dark-mode .visual-audio-container .visual-audio.currently-playing{box-shadow:0 0 20px #1db95466;border:2px solid #1db954;background-color:#1db9541a!important}body.dark-mode .visual-audio-container .controls-container .MuiTypography-root,body.dark-mode .visual-audio-container .controls-container .audio-name,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .MuiButtonBase-root .MuiSvgIcon-root,body.dark-mode .visual-audio-container .controls-container .auto-tag-card-container .auto-tag-card-content .sub-geners-container .MuiButtonBase-root{color:#fff!important}body.dark-mode .visual-audio-container .controls-container .bottom-controls .chat-button{color:#00a6f6!important}body.dark-mode .visual-audio-container .suggestion-markers .suggestion-marker-label{background:#4e4e4e;color:#00a6f6!important}body.dark-mode .visual-audio-container .bottom-controls{border-top:none}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box{background-color:#2d2d2d66!important;border-color:#ffffff1a!important}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box:focus-within{background-color:#2d2d2d99!important;border-color:#00a6f666!important;box-shadow:0 4px 12px #00a6f61f}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box .MuiInputBase-input{color:#fff!important}body.dark-mode .visual-audio-container .bottom-controls .quick-message-box .MuiInputBase-input::placeholder{color:#ffffff80!important}body.dark-mode .visual-audio-container .bottom-controls .chat-button{background-color:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff9!important}body.dark-mode .visual-audio-container .bottom-controls .chat-button:hover{background-color:#ffffff1a!important;color:#00a6f6!important;border-color:#00a6f666!important}body.dark-mode .visual-audio-container .bottom-controls .MuiButton-root{background-color:#ffffff0d!important;color:#ffffffb3!important}body.dark-mode .visual-audio-container .bottom-controls .MuiButton-root:hover{background-color:#ffffff1a!important;color:#00a6f6!important}body.dark-mode .visual-audio-container .upload-audio-file-container{color:#fff!important}body.dark-mode .visual-audio-container .upload-audio-file-container .MuiSvgIcon-root{color:#00a6f6!important}body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area{background:#2d2d2d}body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area:hover,body.dark-mode .visual-audio-container .upload-audio-file-container .dropzone-area:focus-within{background:#4e4e4e;border-color:#2563eb}body.dark-mode .visual-audio-container .upload-audio-file-container .loading{background:#4e4e4e;color:#fff!important}body.dark-mode .visual-audio-container .MuiChip-root,body.dark-mode .visual-audio-container .MuiChip-filled{background:#4e4e4e!important;color:#fff!important;font-weight:600}body.dark-mode .visual-audio-container .audio-meta-card{background:#2d2d2d85;border:none;color:#fff!important;box-shadow:0 1px 12px #1e28502e}body.dark-mode .visual-audio-container .audio-meta-card .audio-info-card,body.dark-mode .visual-audio-container .audio-meta-card .auto-tag-info-card{background:transparent;border:none;color:#fff!important}body.dark-mode .visual-audio-container .audio-meta-card .main-genre{color:#fff!important}body.dark-mode .visual-audio-container .audio-type{background-color:#c2c1c11a!important;border:none}body.dark-mode .visual-audio-container .audio-meta-card .audio-type .audio-meta-card .audio-size{color:#fff!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.mini-card-file{width:5rem;height:5rem;align-items:center;justify-content:space-between;min-width:0;padding:1rem;min-height:0;background-color:#fff;border-radius:12px}.mini-card-file .MuiTypography-root{font-size:.8rem;font-family:NunitoSans-Regular,sans-serif;text-align:center;text-wrap:wrap;color:#2d2d2d;height:50%}.mini-card-file .download-btn{height:50%;background-color:#00a6f6;color:#fff}.mini-card-file-upload .dropzone-mid{border-radius:10px;min-height:0;width:6rem;height:6rem;background-color:#c2c1c1}.mini-card-file-upload .dropzone-mid .MuiBox-root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body.dark-mode .mini-card-file{background-color:#2d2d2d}body.dark-mode .mini-card-file .MuiTypography-root{color:#fff}body.dark-mode .mini-card-file .download-btn{background-color:#00a6f6;color:#fff}body.dark-mode .mini-card-file-upload .dropzone-mid{border-color:#2d2d2d}body.dark-mode .mini-card-file-upload .dropzone-mid .MuiBox-root{background-color:#2d2d2d;color:#2d2d2d}body.dark-mode .mini-card-file-upload .dropzone-mid .MuiBox-root .MuiSvgIcon-root{color:#fff}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.single-collaboration-main-container{margin-bottom:3rem}.single-collaboration-main-container .single-collaboration-content-container{gap:3rem;padding:1rem}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container{padding:1rem .5rem}}.single-collaboration-main-container .single-collaboration-content-container .completed-project-text{padding:2rem;color:#5ced4e;font-family:NunitoSans-Regular,sans-serif;background-color:#c2c1c133;border-radius:12px;width:100%;font-size:1.5rem;text-align:center}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header{background-color:#f1f1f1;padding:1rem;border-radius:12px;justify-content:space-between}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header{gap:1rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title{font-size:2rem;text-align:center}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title{font-size:1.1rem;margin-inline:.5%}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title.name{text-align:center;text-wrap:wrap;font-size:2rem}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .title.name{font-size:1.2rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button{background-color:#c2c1c180;color:#2d2d2d;align-self:center;border-radius:8px;height:2rem;width:10rem}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button .MuiTypography-root{font-size:.8rem}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .copy-button .lucide-copy{width:1rem;height:1rem}}.single-collaboration-main-container .single-collaboration-content-container .single-collaboration-header .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container{gap:1rem;width:100%;justify-content:space-between;align-items:center}@media (max-width: 768px){.single-collaboration-main-container .single-collaboration-content-container .collab-info-container{flex-direction:column}}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card{padding:1rem;gap:1rem;background-color:#c2c1c133;color:#2d2d2d;width:90%}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .midis{flex-wrap:wrap;gap:1rem;width:100%;flex-direction:row;overflow-y:scroll}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title{font-family:NunitoSans-Regular,sans-serif;padding-inline:1rem;background-color:#00a6f6;box-shadow:1px 2px 10px 1px #1794dc80;border-radius:20px;color:#ffffffe6;margin:1rem;text-align:center;font-size:1.5rem;font-weight:600}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.collaborators{box-shadow:1px 2px 10px 1px #5ced4e80;background-color:#5ced4e}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.mid{background-color:#a85aee;box-shadow:1px 2px 10px 1px #a85aee80}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.activity{background-color:#4e78ed;box-shadow:1px 2px 10px 1px #4e78ed80}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .title.plugins-title{background-color:#a85aee;box-shadow:1px 2px 10px 1px #a85aee80}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .plugins-container{gap:.5rem;padding:.5rem;overflow-y:auto}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .plugins-container .plugin-tag{background-color:#00000014;padding:4px 8px;border-radius:5px;border:1px solid rgba(78,78,78,.15);font-size:.875rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .no-plugins{padding:.5rem 1rem;opacity:.6}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list{overflow-y:auto;padding:0 .5rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row{padding:.4rem .75rem;border-radius:8px;background-color:#fff6}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .collaborator-name{font-family:NunitoSans-Regular,sans-serif;font-size:.95rem}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .collaborator-name .owner-badge{font-size:.75rem;opacity:.65;font-style:italic}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .remove-collaborator-btn{min-width:unset;padding:.2rem;color:#e83a3a;opacity:.7}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card .collaborators-list .collaborator-row .remove-collaborator-btn:hover{opacity:1;background-color:#e83a3a1a}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card{border-radius:12px;height:50vh}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .view-activity-button{background-color:#4e78ed;color:#fff;font-family:NunitoSans-Regular,sans-serif;font-weight:600;border-radius:20px;padding:.5rem 1.5rem;text-transform:none;box-shadow:0 4px 12px #4e78ed4d}.single-collaboration-main-container .single-collaboration-content-container .collab-info-container .collab-info-card.activity-log-link-card .view-activity-button:hover{background-color:#2055e8}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid{gap:3rem;width:100%;flex-wrap:wrap;display:flex;flex-direction:row;gap:1.5rem}.single-collaboration-main-container .single-collaboration-content-container .visual-audio-main-grid .visual-audio-container{flex-basis:100%;margin:0}.single-collaboration-main-container .no-data{background-color:#f1f1f1;align-items:center;border-radius:10px;padding:.5rem;width:100%;justify-content:center}.single-collaboration-main-container .no-data .MuiTypography-root{color:#2d2d2d}.single-collaboration-main-container .no-data .empty{width:2rem}.single-collaboration-main-container .select-progress{background-color:#c2c1c14d;color:#2d2d2d;width:100%}.single-collaboration-main-container .complete-project-button{background-color:#5ced4e;font-family:NunitoSans-Regular,sans-serif;color:#2d2d2d}.single-collaboration-main-container .complete-project-button:hover{background-color:#16a34a}body.dark-mode .single-collaboration-main-container .single-collaboration-content-container,body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .MuiTypography-root,body.dark-mode .single-collaboration-main-container .single-collaboration-content-container .completed-project-text{color:#fff!important}body.dark-mode .single-collaboration-main-container .single-collaboration-header{background-color:#c2c1c11a!important;color:#fff!important;padding:1rem;border-radius:12px;justify-content:space-between}body.dark-mode .single-collaboration-main-container .single-collaboration-header .copy-button{background-color:#4e4e4e!important;color:#fff!important}body.dark-mode .single-collaboration-main-container .single-collaboration-header .title{color:#fff!important}body.dark-mode .single-collaboration-main-container .single-collaboration-header .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card{background-color:#22395ee6!important;color:#fff!important}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card .title{color:#fff!important}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card .events-list .event-item{background-color:#2d2d2d4d!important}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card .events-list .event-item .event-time{color:#fff9!important}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card .plugins-container .plugin-tag{background-color:#ffffff14!important;border-color:#ffffff26!important;color:#fff!important}body.dark-mode .single-collaboration-main-container .collab-info-container .collab-info-card .no-plugins{color:#fff9!important}body.dark-mode .no-data{background-color:#4e4e4e!important}body.dark-mode .no-data .MuiTypography-root{color:#fff!important}body.dark-mode .select-progress{background-color:#2d2d2d80!important;color:#fff!important}body.dark-mode .complete-project-button{background-color:#3dc231!important;color:#fff!important}body.dark-mode .complete-project-button:hover{background-color:#16a34a!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.main-single-project-container{background-color:#c2c1c133;margin:1rem;border-radius:15px;font-family:Liter-Regular,sans-serif;height:calc(80% + 5vw);overflow:auto}.main-single-project-container .select-progress{margin:1rem;width:90%}.main-single-project-container .empty{width:2rem;height:2rem}.main-single-project-container .complete-project-button{margin:1rem;align-self:flex-start;border-radius:7px;width:20%;padding:1rem .2rem;color:#40c664e3;background-color:#cafad89b;font-size:1rem;height:fit-content;transition:background-color .3s ease}@media (max-width: 768px){.main-single-project-container .complete-project-button{width:100%}}.main-single-project-container .header-container{width:100%;background-color:#c2c1c180;border-radius:1rem 1rem 0 0}.main-single-project-container .header-container .project-name-text{font-size:2rem;font-weight:700;font-family:Assistant-Bold,sans-serif}@media (max-width: 768px){.main-single-project-container .header-container .project-name-text{font-size:1.2rem;font-weight:700;font-family:Assistant-Bold,sans-serif}.main-single-project-container .header-container .title{font-size:1rem;text-overflow:ellipsis;overflow:hidden;max-width:5.5rem;padding:0}.main-single-project-container .header-container .title strong{font-family:Liter-Regular,sans-serif;font-size:1.5rem;font-weight:700}}.main-single-project-container .header-container .title{font-family:Assistant-Bold,sans-serif}.main-single-project-container .header-container .title strong{font-family:Liter-Regular,sans-serif;font-weight:700}.main-single-project-container .header-container .image-container{display:flex;margin:1rem;padding:.5rem;position:relative;background-color:#f0b0ea;border:2px solid #c2c1c1;border-radius:12px}.main-single-project-container .header-container .image-container .daw-image{width:3rem;height:3rem}.main-single-project-container .visual-audio-main-grid{gap:3rem;width:100%;margin:4rem 0 7rem}.main-single-project-container .title-plugins{margin:1rem}.main-single-project-container .plugins-container{margin:1rem;gap:.5rem;justify-content:center;align-items:center;padding:0 4rem}.main-single-project-container .plugins-container .plugin-tag{background-color:#0000001a;padding:4px 8px;border:1px solid rgba(78,78,78,.1);font-size:.875rem;border-radius:5px}.main-single-project-container .no-plugins{margin:1rem}.main-single-project-container .divider{background-color:#4e4e4e1a;width:95%}.main-single-project-container .bottom-tool-bar{bottom:0;border-radius:12px 12px 0 0;background-color:#c2c1c1;width:100%}@media (max-width: 768px){.main-single-project-container .bottom-tool-bar{margin-left:0}}.main-single-project-container .bottom-tool-bar{margin-left:15.5rem;position:fixed}body.dark-mode .single-project-select-progress-menu{background-color:#2d2d2d!important;color:#fff!important}body.dark-mode .main-single-project-container .MuiButtonBase-root{color:#fff!important}body.dark-mode .main-single-project-container .marked-project .MuiSvgIcon-root,body.dark-mode .main-single-project-container .marked-project .MuiTypography-root{color:#5ced4e!important}body.dark-mode .main-single-project-container .complete-project-button{color:#d3f7da!important;background-color:#0ca139ec!important}body.dark-mode .main-single-project-container .MuiTypography-root{color:#fff!important}body.dark-mode .main-single-project-container .divider{background-color:#ffffff80!important}body.dark-mode .main-single-project-container .plugins-container{color:#fff!important}body.dark-mode .main-single-project-container .plugins-container .plugin-tag{background-color:#0000001a!important}body.dark-mode .main-single-project-container .header-container{background-color:#2d2d2d80!important}body.dark-mode .main-single-project-container .header-container .title,body.dark-mode .main-single-project-container .header-container .project-name-text{color:#fff!important}body.dark-mode .main-single-project-container .header-container .image-container{background-color:#ffbcf8!important;border:none}body.dark-mode .main-single-project-container .header-container .image-container .daw-image{width:3rem;height:3rem}body.dark-mode .main-single-project-container .select-progress{color:#fff!important;border:1px solid rgba(255,255,255,.7)}.unknown-page-container{width:100%;height:100vh;align-items:center;justify-content:center;gap:2rem}.unknown-page-container .go-back-button{margin:1rem;padding:.5rem;border-radius:10px;width:30%;align-self:center}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.upload-project-file-container{padding:2rem}.upload-project-file-container .upload-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media (max-width: 1024px){.upload-project-file-container .upload-layout{grid-template-columns:1fr;gap:1.5rem}}.upload-project-file-container .upload-main-area{display:flex;flex-direction:column;gap:1.5rem;width:100%}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{border:2px dashed #e2e8f0;border-radius:16px;text-align:center;width:100%;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;cursor:pointer}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f61a}.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .dropzone-preview .MuiSvgIcon-root{height:3.5rem;margin:1rem;color:#3b82f6}@media (max-width: 768px){.upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{padding:2rem 1rem;min-height:150px}}.upload-project-file-container .upload-main-area .selected-file-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;animation:slideUp .3s ease-out}.upload-project-file-container .upload-main-area .selected-file-card .file-info{display:flex;align-items:center;gap:1rem}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details{flex:1}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-size{color:#64748b;font-size:.875rem}.upload-project-file-container .upload-main-area .upload-guidelines-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.upload-project-file-container .upload-main-area .upload-guidelines-container .title{font-family:NunitoSans-Regular,sans-serif;font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root{font-family:ChakraPetch-Regular,sans-serif;font-size:.875rem;color:#64748b;padding:.5rem 0;display:flex;align-items:flex-start;gap:.5rem}.upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root:before{content:"";width:6px;height:6px;background:#3b82f6;border-radius:50%;margin-top:.5rem;flex-shrink:0}.upload-project-file-container .upload-sidebar{display:flex;flex-direction:column;gap:1.5rem}.upload-project-file-container .upload-sidebar .project-type-card,.upload-project-file-container .upload-sidebar .file-selection-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem}.upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-h6,.upload-project-file-container .upload-sidebar .file-selection-card .MuiTypography-h6{font-weight:600;color:#1e293b}.upload-project-file-container .upload-sidebar .project-type-card .MuiFormControlLabel-root .MuiTypography-body1,.upload-project-file-container .upload-sidebar .file-selection-card .MuiFormControlLabel-root .MuiTypography-body1{font-weight:500;color:#374151}.upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-caption,.upload-project-file-container .upload-sidebar .file-selection-card .MuiTypography-caption{color:#6b7280;line-height:1.5}.upload-project-file-container .upload-sidebar .upload-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:1rem 2rem;font-weight:600;text-transform:none;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;height:auto;color:#fff}.upload-project-file-container .upload-sidebar .upload-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.upload-project-file-container .upload-sidebar .upload-button.Mui-disabled{background:#9ca3af;box-shadow:none;transform:none}.upload-project-file-container .upload-sidebar .upload-button .MuiStack-root{gap:.5rem}.upload-project-file-container .upload-sidebar .upload-progress{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;gap:1rem}.upload-project-file-container .upload-sidebar .upload-progress .MuiTypography-caption{font-weight:500;color:#374151}.upload-project-file-container .upload-sidebar .upload-progress .progress{border-radius:8px;height:8px;background-color:#e2e8f0}.upload-project-file-container .upload-sidebar .upload-progress .progress .MuiLinearProgress-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:8px}.upload-project-file-container .upload-sidebar .upload-progress .progress-pres{font-family:Liter-Regular,sans-serif;font-weight:600;color:#059669;text-align:center}.upload-project-file-container .upload-sidebar .select-file-btn{background:linear-gradient(135deg,#14a0dc,#4aded7);color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:12px;box-shadow:0 4px 12px #14a0dc4d;cursor:pointer;transition:all .3s ease;outline:none;display:flex;flex-direction:column;justify-content:center;height:3rem;width:100%;text-align:center;margin-bottom:1rem}.upload-project-file-container .upload-sidebar .select-file-btn:hover{background:linear-gradient(135deg,#4ade80,#38bdf8);box-shadow:0 8px 20px #14a0dc66;transform:translateY(-2px)}.upload-project-file-container .upload-sidebar input[type=file]{display:none}.upload-project-file-container .upload-sidebar .accepted{color:#6b7280;font-size:.875rem;text-align:center;margin-top:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-project-file-container{animation:fadeIn .5s ease-out}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area{background:linear-gradient(135deg,#2d2d2d -30%,#22395ed9)!important;border-color:#475569!important;color:#fff;transition:all .3s ease-in-out;position:relative;overflow:hidden}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#22395ed9,#434f79);opacity:0;transition:opacity .3s ease-in-out;z-index:-1}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .MuiSvgIcon-root{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover{border-color:#b6b6b6!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area:hover:before{opacity:1}body.dark-mode .upload-project-file-container .upload-main-area .upload-dropzone .dropzone-area .dropzone-preview .MuiSvgIcon-root{color:#60a5fa!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#475569!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-name{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .selected-file-card .file-info .file-details .file-size{color:#94a3b8!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#47556966!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .title{color:#fff!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root{color:#94a3b8!important}body.dark-mode .upload-project-file-container .upload-main-area .upload-guidelines-container .MuiListItem-root:before{background:#60a5fa!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card,body.dark-mode .upload-project-file-container .upload-sidebar .file-selection-card{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#47556966!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-h6,body.dark-mode .upload-project-file-container .upload-sidebar .file-selection-card .MuiTypography-h6{color:#fff!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiFormControlLabel-root .MuiTypography-body1,body.dark-mode .upload-project-file-container .upload-sidebar .file-selection-card .MuiFormControlLabel-root .MuiTypography-body1{color:#e2e8f0!important}body.dark-mode .upload-project-file-container .upload-sidebar .project-type-card .MuiTypography-caption,body.dark-mode .upload-project-file-container .upload-sidebar .file-selection-card .MuiTypography-caption{color:#94a3b8}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-button.Mui-disabled{background:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .MuiTypography-caption{color:#e2e8f0!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress{background-color:#475569!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress .MuiLinearProgress-bar{background:linear-gradient(90deg,#10b981,#059669)!important}body.dark-mode .upload-project-file-container .upload-sidebar .upload-progress .progress-pres{color:#10b981!important}body.dark-mode .upload-project-file-container .upload-sidebar .select-file-btn{background:linear-gradient(135deg,#0ea5e9,#22d3ee)!important;color:#f1f5f9!important;box-shadow:0 4px 12px #0ea5e94d!important}body.dark-mode .upload-project-file-container .upload-sidebar .select-file-btn:hover{background:linear-gradient(135deg,#22d3ee,#0ea5e9)!important;box-shadow:0 8px 20px #0ea5e966!important}body.dark-mode .upload-project-file-container .upload-sidebar .accepted{color:#94a3b8!important}:root{height:100%;overflow-x:hidden}@media (max-width: 768px){:root{height:100%;width:100%;overflow-x:hidden;position:fixed}}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.footer{background-color:#4e4e4e;color:#fff;border:none;padding:4rem 0 2rem}@media (max-width: 768px){.footer{padding:3rem 1rem 2rem}}.footer .footer-content{margin-bottom:3rem;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.footer .footer-content{margin-bottom:2rem}}.footer .footer-section{text-align:center;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.footer .footer-section{width:100%}}.footer .footer-section .footer-title{font-family:ChakraPetch-Regular,sans-serif;font-weight:600;display:flex;margin-bottom:1rem;color:#fff}@media (max-width: 768px){.footer .footer-section p{max-width:300px}}.footer .footer-section a{text-decoration:none;transition:color .3s ease;display:block;opacity:.8;padding:.5rem 0}.footer .footer-section a:hover{opacity:1;color:#9b87f5}.footer .footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer .footer-bottom{padding-top:1.5rem}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.about-us-container{background-color:#4e4e4e;min-height:100vh}.about-page{margin:1rem;overflow:scroll;padding:7rem 0;color:#fff}.about-page__section-title{color:#fff}.about-page__hero{background:linear-gradient(135deg,#fff 4%,#00a6f6 600%);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 18px #3c50b41a,0 1px 4px #3c50b40a;color:#2d2d2d;text-align:center}.about-page__hero .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.about-page__hero h1{font-weight:700;margin-bottom:1rem;font-family:NunitoSans-Regular,sans-serif}.about-page__hero p{opacity:.9;max-width:700px;margin:0 auto}.about-page__section{margin-bottom:3rem}.about-page__section .MuiTypography-root{font-family:NunitoSans-Regular,sans-serif}.about-page__section-title{text-align:center;margin-bottom:3rem!important;font-weight:700}.about-page__grid{display:grid;gap:2rem}@media (min-width: 768px){.about-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.about-page__grid{grid-template-columns:repeat(3,1fr)}}.about-page__card{height:100%;transition:transform .2s,box-shadow .2s}.about-page__card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}.about-page__card-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:1rem;border-radius:50%;margin-bottom:1rem}.about-page__card-icon--blue{background-color:#e5deff;color:#8b5cf6}.about-page__card-icon--purple{background-color:#ffdee2;color:#d946ef}.about-page__card-icon--green{background-color:#f2fce2;color:#6e59a5}.about-page__card-icon--amber{background-color:#fef7cd;color:#d97706}.about-page__card-icon--teal{background-color:#d3e4fd;color:#0ea5e9}.about-page__card-icon--red{background-color:#fde1d3;color:#f97316}.about-page__card-icon--indigo{background-color:#e5deff;color:#6e59a5}.about-page__cta{background-color:#f6f6f7;padding:2rem;text-align:center;border-radius:10px}.about-page__cta ._discord{align-self:center;justify-self:center;padding:.5rem 1rem;border-radius:10px;background-color:#4e78ed33}.about-page__cta ._discord a{color:#2563eb!important}.about-page__cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.about-page__who-we-are{display:grid;gap:2rem}@media (min-width: 768px){.about-page__who-we-are{grid-template-columns:repeat(2,1fr)}}.about-page__who-we-are-image{display:flex;align-items:center;justify-content:center;background-color:#f1f0fb;height:100%;min-height:250px;border-radius:10px}.about-contact-btn{background:#4e78ed!important;color:#fff!important;font-weight:600;border-radius:8px;padding:.6rem 1.6rem;box-shadow:0 2px 8px #3c50b41a;margin-right:1rem;transition:background .2s,box-shadow .2s}.about-contact-btn:hover{background:#137bb7;box-shadow:0 4px 16px #3c50b429}.about-pricing-btn{color:#00a6f6!important;border:2px solid #00a6f6;font-weight:600;border-radius:8px;padding:.6rem 1.6rem;background:transparent;transition:border .2s,color .2s,background .2s}.about-pricing-btn:hover{background:#00a6f6;color:#fff!important;border-color:#00a6f6}body.dark-mode .about-page__hero{background:linear-gradient(135deg,#22395ed9 10%,#00a6f6 200%);color:#fff!important}body.dark-mode .about-page__hero h1{font-weight:700;margin-bottom:1rem}body.dark-mode .about-page__hero p{opacity:.9;max-width:700px;margin:0 auto}body.dark-mode .about-page__section{margin-bottom:3rem}body.dark-mode .about-page__section-title{text-align:center;margin-bottom:3rem!important;color:#fff!important;font-weight:700}body.dark-mode .about-page__card-paper{background-color:#22395e99!important;color:#fff!important}body.dark-mode .about-page__grid{display:grid;gap:2rem}@media (min-width: 768px){body.dark-mode .about-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){body.dark-mode .about-page__grid{grid-template-columns:repeat(3,1fr)}}body.dark-mode .about-page__card{height:100%;transition:transform .2s,box-shadow .2s;background-color:#22395eb3!important;color:#fff!important}body.dark-mode .about-page__card .MuiTypography-root{color:#fff!important}body.dark-mode .about-page__card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}body.dark-mode .about-page__card-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:1rem;border-radius:50%;margin-bottom:1rem}body.dark-mode .about-page__card-icon--blue{background-color:#e5deff!important;color:#8b5cf6!important}body.dark-mode .about-page__card-icon--purple{background-color:#ffdee2!important;color:#d946ef!important}body.dark-mode .about-page__card-icon--green{background-color:#f2fce2!important;color:#6e59a5!important}body.dark-mode .about-page__card-icon--amber{background-color:#fef7cd!important;color:#d97706!important}body.dark-mode .about-page__card-icon--teal{background-color:#d3e4fd!important;color:#0ea5e9!important}body.dark-mode .about-page__card-icon--red{background-color:#fde1d3!important;color:#f97316!important}body.dark-mode .about-page__card-icon--indigo{background-color:#e5deff!important;color:#6e59a5!important}body.dark-mode .about-page__cta{background-color:#22395eb3!important;color:#fff!important;padding:2rem;text-align:center;border-radius:10px}body.dark-mode .about-page__cta .MuiTypography-root{color:#fff!important}body.dark-mode .about-page__cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}body.dark-mode .about-page__who-we-are{display:grid;gap:2rem}@media (min-width: 768px){body.dark-mode .about-page__who-we-are{grid-template-columns:repeat(2,1fr)}}body.dark-mode .about-page__who-we-are-image{display:flex;align-items:center;justify-content:center;background-color:#5ed1fe99!important;height:100%;min-height:250px;border-radius:10px}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.auth-container{min-height:100vh;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:NunitoSans-Regular,sans-serif}.auth-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#00a6f633,#00a6f600 70%);border-radius:50%;z-index:1}.auth-container:before{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#00a6f626,#00a6f600 70%);border-radius:50%;z-index:1}.auth-container .auth-form-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;padding:2rem}.auth-container .auth-form-container{max-width:440px;width:100%}@media (max-width: 768px){.auth-container .auth-form-container{max-width:90%;padding:2rem;width:100%}}.auth-container .auth-form-container{padding:0 2rem 2rem;margin-top:4rem;background:#2d2d2db3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(0,166,246,.1);animation:fadeIn .5s ease-out forwards}.auth-container .auth-form-container .auth-title{color:#fff;font-size:2.25rem;font-weight:800;margin-bottom:.25rem;text-align:center;font-family:NunitoSans-Regular,sans-serif;background:linear-gradient(90deg,#fff,#00a6f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.auth-container .auth-form-container .auth-subtitle{color:#c2c1c1;text-align:center;font-size:.95rem;font-weight:400;font-family:Liter-Regular,sans-serif}.auth-container .auth-form-container form{display:flex;flex-direction:column;gap:1.25rem}.auth-container .auth-form-container form .auth-submit-button{margin-top:.5rem;padding:.75rem;font-size:1.05rem;font-weight:700;font-family:Assistant-Bold,sans-serif;color:#fff;text-transform:none;border-radius:.5rem;background:#1661ac;border:none;transition:all .3s ease}.auth-container .auth-form-container form .auth-submit-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #17518a4d;background:#196bbd}.auth-container .auth-form-container form .auth-submit-button:disabled{background:#c2c1c133;color:#ffffff4d;box-shadow:none}.auth-container .auth-form-container form .auth-footer{text-align:center;margin-top:1rem;color:#c2c1c1;font-size:.95rem}.auth-container .auth-form-container form .auth-footer a{color:#00a6f6;text-decoration:none;font-weight:500;transition:all .2s ease}.auth-container .auth-form-container form .auth-footer a:hover{color:#fff;text-decoration:underline}.auth-container .auth-form-container form .terms-and-policy-text{color:#ffffffd9;font-size:.9rem}.auth-container .auth-form-container form .terms-and-policy-text .auth-link{color:#72b9fb}.auth-container .auth-form-container form .google-divider{display:flex;align-items:center;margin:.5rem 0;color:#c2c1c1;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.auth-container .auth-form-container form .google-divider:before,.auth-container .auth-form-container form .google-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-container .auth-form-container form .google-divider:before{margin-right:1rem}.auth-container .auth-form-container form .google-divider:after{margin-left:1rem}.auth-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.auth-bubbles .bubble{position:absolute;border-radius:50%;filter:blur(3px);opacity:.25;mix-blend-mode:screen;will-change:transform;box-shadow:none}.auth-bubbles .bubble:nth-child(1){width:.6px;height:.6px;background:#3995ec;top:10%;left:5%;animation:bubbleFloat1 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(2){width:.8px;height:.8px;background:#163358;top:60%;left:70%;animation:bubbleFloat2 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(3){width:.5px;height:.5px;background:#88bff4;top:80%;left:15%;animation:bubbleFloat3 8.8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(4){width:1px;height:1px;background:#112d47;top:30%;left:55%;animation:bubbleFloat4 7.2s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(5){width:.4px;height:.4px;background:#61aaf0;top:5%;left:80%;animation:bubbleFloat5 9.6s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(6){width:.7px;height:.7px;background:#112646;top:50%;left:35%;animation:bubbleFloat6 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(7){width:.5px;height:.5px;background:#3995ec;top:75%;left:85%;animation:bubbleFloat7 8s ease-in-out infinite alternate}.auth-bubbles .bubble:nth-child(8){width:.9px;height:.9px;background:#9ccaf6;top:20%;left:30%;animation:bubbleFloat8 12s ease-in-out infinite alternate}@keyframes bubbleFloat1{0%{transform:translate(0)}to{transform:translate(80px,-120px)}}@keyframes bubbleFloat2{0%{transform:translate(0)}to{transform:translate(-90px,80px)}}@keyframes bubbleFloat3{0%{transform:translate(0)}to{transform:translate(60px,70px)}}@keyframes bubbleFloat4{0%{transform:translate(0)}to{transform:translate(-70px,-90px)}}@keyframes bubbleFloat5{0%{transform:translate(0)}to{transform:translate(-50px,110px)}}@keyframes bubbleFloat6{0%{transform:translate(0)}to{transform:translate(100px,60px)}}@keyframes bubbleFloat7{0%{transform:translate(0)}to{transform:translate(-80px,-70px)}}@keyframes bubbleFloat8{0%{transform:translate(0)}to{transform:translate(50px,-80px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.contact-form-wrapper{padding-top:1.5rem;padding-bottom:2rem}.contact-form-container{max-width:560px!important;margin-top:2rem}@media (max-width: 768px){.contact-form-container{max-width:100%!important;padding:1.5rem!important;margin-top:1rem}}.contact-form-container form{gap:0}.contact-form-container form .MuiFormControl-root{margin-top:.6rem;margin-bottom:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.integrates-with-container{width:100%;overflow:hidden;padding:40px 0;background-color:transparent;display:flex;flex-direction:column;align-items:center;gap:24px}.integrates-with-title{color:#4e4e4ee6;font-size:1.2rem;opacity:.7;font-family:NunitoSans-Regular,sans-serif;font-weight:400;text-align:center;margin:0}.integrates-with-track{display:flex;width:max-content;animation:scroll-x 30s linear infinite}.integrates-with-track:hover{animation-play-state:paused}.integrates-logo-wrapper{display:flex;align-items:center;justify-content:center;height:80px;width:200px;margin:0 20px;background-color:#fff;border-radius:16px;padding:10px 20px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease-in-out}.integrates-logo-wrapper:hover{transform:scale(1.05)}.integrates-logo{max-width:100%;max-height:100%;object-fit:contain}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-33.3333333333%)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.cta-section{margin:4rem 0 0;padding:4rem 2rem;background:linear-gradient(135deg,#1a1f2c,#394867);border-radius:1.5rem 1.5rem 0 0;text-align:center;font-family:ChakraPetch-Regular,sans-serif;position:relative;overflow:hidden}@media (max-width: 768px){.cta-section{padding:3rem 1.5rem;margin-top:2rem}}.cta-section:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#9b87f533,#fff0 70%);border-radius:50%;z-index:1}.cta-section:after{content:"";position:absolute;bottom:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#1eaedb33,#fff0 70%);border-radius:50%;z-index:1}.cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:2}@media (max-width: 768px){.cta-section h2{font-size:1.5rem}}.cta-section p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;position:relative;z-index:2}@media (max-width: 768px){.cta-section p{font-size:1rem}}.cta-section .primary-button{background:linear-gradient(90deg,#9b87f5,#1eaedb);border:none;color:#fff;padding:.75rem 2rem;font-size:1.1rem;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease}@media (max-width: 768px){.cta-section .primary-button{width:100%;padding:.6rem 1.5rem;font-size:1rem}}.cta-section .primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f54d}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.features-section{padding:6rem 0;margin-inline:1rem;font-family:NunitoSans-Regular,sans-serif;width:100%}@media (max-width: 768px){.features-section{padding:3rem 0;margin-inline:0}}.features-section .section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.features-section .section-title{font-size:2rem;margin-bottom:2rem;padding:0 1rem}}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:2rem;width:98%}@media (max-width: 1024px){.features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-section .features-grid{width:100%;grid-template-columns:1fr;padding:0 1rem;gap:1.5rem;box-sizing:border-box}}.features-section .features-grid .feature-card{border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(155,135,245,.2);background:#fff;height:100%;display:flex;flex-direction:column}@media (max-width: 768px){.features-section .features-grid .feature-card{margin:0;width:100%}}.features-section .features-grid .feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.features-section .features-grid .feature-card .feature-content{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.features-section .features-grid .feature-card .feature-content{padding:1.5rem}}.features-section .features-grid .feature-card .feature-content .feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.features-section .features-grid .feature-card .feature-content .feature-icon.purple{background:#9b87f533;color:#9b87f5}.features-section .features-grid .feature-card .feature-content .feature-icon.blue{background:#1eaedb33;color:#1eaedb}.features-section .features-grid .feature-card .feature-content .feature-icon.green{background:#27ae6033;color:#27ae60}.features-section .features-grid .feature-card .feature-content .feature-icon.gold{background:#f1c40f33;color:#f1c40f}.features-section .features-grid .feature-card .feature-content .feature-icon svg{width:28px;height:28px}.features-section .features-grid .feature-card .feature-content h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#1a1f2c;line-height:1.3}.features-section .features-grid .feature-card .feature-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6;margin:0}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.hero-container{display:flex;align-items:center;justify-content:space-between;min-height:80vh;position:relative;overflow:hidden;padding:2rem 5%;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);gap:2rem}@media (max-width: 768px){.hero-container{flex-direction:column;padding:1rem;text-align:center;min-height:auto}}.hero-container .text-container{flex:1;display:flex;flex-direction:column;justify-content:center;z-index:5;max-width:50%}@media (max-width: 768px){.hero-container .text-container{max-width:100%;margin-top:2rem;padding:1rem;align-items:center}}.hero-container .text-container h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1}@media (max-width: 1024px){.hero-container .text-container h1{font-size:3rem}}@media (max-width: 768px){.hero-container .text-container h1{font-size:2.5rem}}.hero-container .text-container h1 .primary-text{background:linear-gradient(90deg,#eaeaea,#5eadee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif}.hero-container .text-container h1 .accent-text{background:linear-gradient(90deg,#1eaedb,#9b87f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif;margin-left:.5rem}.hero-container .text-container .hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;font-family:NunitoSans-Regular,sans-serif;color:#fff}@media (max-width: 768px){.hero-container .text-container .hero-subtitle{font-size:1.2rem}}.hero-container .text-container .hero-description{font-size:1.1rem;font-family:NunitoSans-Regular,sans-serif;color:#fff;line-height:1.6;margin-bottom:2rem;max-width:90%;opacity:.8}@media (max-width: 768px){.hero-container .text-container .hero-description{font-size:1rem;max-width:100%}}.hero-container .text-container .cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.hero-container .text-container .cta-buttons{justify-content:center;width:100%}}.hero-container .text-container .cta-buttons .primary-button{background:linear-gradient(90deg,#9b87f5,#1eaedb);border:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.hero-container .text-container .cta-buttons .primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f54d}.hero-container .text-container .cta-buttons .secondary-button{border:2px solid #9b87f5;color:#fff;background:transparent}.hero-container .text-container .cta-buttons .secondary-button:hover{background:#9b87f51a}.hero-container .video-container{flex:1;display:flex;align-items:center;justify-content:center;z-index:5;max-width:45%}@media (max-width: 768px){.hero-container .video-container{max-width:100%;width:100%}}.hero-container .video-container .hero-video{width:100%;border-radius:12px;box-shadow:0 20px 40px #0006;object-fit:contain}.hero-container .visual-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;margin:4rem}@media (max-width: 768px){.hero-container .visual-container{margin:2rem 0;width:100%}}.hero-container .visual-container .orbit-animation{width:400px;height:400px;position:relative}@media (max-width: 1024px){.hero-container .visual-container .orbit-animation{width:300px;height:300px}}@media (max-width: 768px){.hero-container .visual-container .orbit-animation{width:250px;height:250px}}@media (max-width: 768px){.hero-container .visual-container .orbit-animation{margin-top:2rem}}.hero-container .visual-container .orbit-animation .central-circle{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#fff,#16aeb6);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #9b87f580;z-index:10}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .central-circle{width:40px;height:40px}}.hero-container .visual-container .orbit-animation .orbit{position:absolute;border:1px solid rgba(2,165,206,.968);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-container .visual-container .orbit-animation .orbit.orbit-1{width:180px;height:180px;animation:rotate 15s linear infinite}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-1{width:120px;height:120px}}.hero-container .visual-container .orbit-animation .orbit.orbit-2{width:280px;height:280px;animation:rotate 25s linear infinite reverse}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-2{width:180px;height:180px}}.hero-container .visual-container .orbit-animation .orbit.orbit-3{width:380px;height:380px;animation:rotate 35s linear infinite}@media (max-width: 768px){.hero-container .visual-container .orbit-animation .orbit.orbit-3{width:240px;height:240px}}.hero-container .visual-container .orbit-animation .orbit .planet{position:absolute;border-radius:50%;box-shadow:0 0 10px #0003}.hero-container .visual-container .orbit-animation .orbit .planet.planet-1{width:20px;height:20px;background:#1eaedb;right:0;top:50%;transform:translateY(-50%)}.hero-container .visual-container .orbit-animation .orbit .planet.planet-2{width:15px;height:15px;background:#9b87f5;top:0;left:50%;transform:translate(-50%)}.hero-container .visual-container .orbit-animation .orbit .planet.planet-3{width:25px;height:25px;background:linear-gradient(135deg,#9b87f5,#1eaedb);left:20px;bottom:50px}.hero-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#00a6f633,#00a6f600 70%);border-radius:50%;z-index:1}.hero-container:before{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#00a6f626,#00a6f600 70%);border-radius:50%;z-index:1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.how-it-works{padding:6rem 0;position:relative;background:linear-gradient(180deg,#9b87f50d,#fff0);border-radius:2rem;margin:2rem 0;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.how-it-works{padding:3rem 0;margin:1rem 0}}.how-it-works .section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.how-it-works .section-title{font-size:2rem;margin-bottom:2rem;padding:0 1rem}}.how-it-works .steps-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:0 1rem}@media (max-width: 768px){.how-it-works .steps-container{flex-direction:column;align-items:center;gap:1.5rem}}.how-it-works .steps-container .step{flex:1;min-width:280px;max-width:350px;display:flex;align-items:flex-start}@media (max-width: 768px){.how-it-works .steps-container .step{min-width:100%;max-width:100%;padding:0 1rem}}.how-it-works .steps-container .step .step-number{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#9b87f5,#1eaedb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:1.5rem}@media (max-width: 768px){.how-it-works .steps-container .step .step-number{font-size:2.5rem;margin-right:1rem}}.how-it-works .steps-container .step .step-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#1a1f2c}.how-it-works .steps-container .step .step-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.video-showcase-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:transparent;font-family:NunitoSans-Regular,sans-serif}@media (max-width: 768px){.video-showcase-container{padding:1rem;width:95%}}.video-showcase-container .video-text-content{text-align:center;max-width:800px;padding:0 1rem}.video-showcase-container .video-text-content h2,.video-showcase-container .video-text-content p{color:#2d2d2d!important}.video-showcase-container .video-text-content .video-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text}@media (max-width: 768px){.video-showcase-container .video-text-content .video-title{font-size:2rem}}@media (max-width: 480px){.video-showcase-container .video-text-content .video-title{font-size:1.75rem}}.video-showcase-container .video-text-content .video-description{font-size:1.2rem;color:#fff9;line-height:1.6}@media (max-width: 768px){.video-showcase-container .video-text-content .video-description{font-size:1rem}}.video-showcase-container .videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;width:100%;max-width:1200px;margin-top:2rem}@media (max-width: 1024px){.video-showcase-container .videos-grid{gap:2rem}}@media (max-width: 768px){.video-showcase-container .videos-grid{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}}.video-showcase-container .videos-grid .video-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item{gap:1rem}}.video-showcase-container .videos-grid .video-item .video-item-title{font-size:1.5rem;font-weight:700;color:#2d2d2d;text-align:center}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item .video-item-title{font-size:1.25rem}}.video-showcase-container .videos-grid .video-item .showcase-video{width:100%;border-radius:20px;box-shadow:0 20px 50px #4eaae380;border:1px solid rgba(255,255,255,.1);transition:all .4s ease-in-out}.video-showcase-container .videos-grid .video-item .showcase-video:hover{transform:scale(1.08);box-shadow:0 20px 50px #4eaae380}@media (max-width: 768px){.video-showcase-container .videos-grid .video-item .showcase-video:hover{transform:scale(1.02)}}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.main-start-page{height:100vh}.terms-of-service-container{color:var(--text-color);background:var(--background-color);min-height:100vh;padding:2rem 0}.terms-of-service-container h4{color:var(--text-color);margin-bottom:1rem}.terms-of-service-container h6{color:var(--text-color);margin-top:2rem;margin-bottom:1rem;font-weight:600}.terms-of-service-container .subtitle1{color:var(--text-color);font-weight:600;margin-top:1rem;margin-bottom:.5rem}.terms-of-service-container .body1,.terms-of-service-container .body2{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.terms-of-service-container ul{margin:1rem 0;padding-left:2rem}.terms-of-service-container ul li{color:var(--text-color);margin-bottom:.5rem}.terms-of-service-container a{color:var(--primary-color);text-decoration:none}.terms-of-service-container a:hover{text-decoration:underline}.terms-of-service-container strong{color:var(--text-color);font-weight:600}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.fl-tool-page{min-height:100vh;font-family:NunitoSans-Regular,sans-serif}.fl-hero-container{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:2rem 5%;background:radial-gradient(circle at 20% 30%,#0d4072,#1e2a47);gap:2rem;position:relative;overflow:hidden}@media (max-width: 768px){.fl-hero-container{flex-direction:column;padding:1.5rem 1rem;text-align:center;min-height:auto}}.fl-hero-container:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#00a6f633,#00a6f600 70%);border-radius:50%;z-index:1}.fl-hero-container .fl-hero-text{flex:1;max-width:50%;z-index:5}@media (max-width: 768px){.fl-hero-container .fl-hero-text{max-width:100%;margin-top:2rem;align-items:center;display:flex;flex-direction:column}}.fl-hero-container .fl-hero-text h1{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1.5rem}@media (max-width: 1024px){.fl-hero-container .fl-hero-text h1{font-size:3rem}}@media (max-width: 768px){.fl-hero-container .fl-hero-text h1{font-size:2.5rem}}.fl-hero-container .fl-hero-text h1 .primary-text{background:linear-gradient(90deg,#eaeaea,#5eadee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif}.fl-hero-container .fl-hero-text h1 .accent-text{background:linear-gradient(90deg,#1eaedb,#9b87f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:ChakraPetch-Regular,sans-serif;margin-left:.5rem}.fl-hero-container .fl-hero-text .fl-hero-subtitle{font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:1.5rem}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-subtitle{font-size:1.2rem}}.fl-hero-container .fl-hero-text .fl-hero-description{font-size:1.1rem;color:#fff;opacity:.8;line-height:1.6;margin-bottom:1.5rem;max-width:90%}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-description{font-size:1rem;max-width:100%}}.fl-hero-container .fl-hero-text .fl-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.35rem .9rem;color:#ffffffbf;font-size:.85rem;margin-bottom:2rem}.fl-hero-container .fl-hero-text .fl-hero-actions{display:flex;gap:1rem}@media (max-width: 768px){.fl-hero-container .fl-hero-text .fl-hero-actions{justify-content:center}}.fl-hero-visual{flex:1;max-width:45%;z-index:5;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.fl-hero-visual{max-width:100%;width:100%}}.fl-hero-visual .fl-window-mockup{width:100%;max-width:420px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #0006}.fl-hero-visual .fl-window-mockup .fl-window-bar{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.fl-hero-visual .fl-window-mockup .fl-window-bar span{width:12px;height:12px;border-radius:50%;background:#fff3}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(1){background:#ff5f57}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(2){background:#febc2e}.fl-hero-visual .fl-window-mockup .fl-window-bar span:nth-child(3){background:#28c840}.fl-hero-visual .fl-window-mockup .fl-window-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:3rem 2rem}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-upload-icon{color:#9b87f5;opacity:.9}.fl-hero-visual .fl-window-mockup .fl-window-content p{color:#fff9;font-size:.95rem}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.fl-hero-visual .fl-window-mockup .fl-window-content .fl-progress-bar .fl-progress-fill{width:65%;height:100%;background:linear-gradient(90deg,#9b87f5,#1eaedb);border-radius:999px;animation:fl-progress-pulse 2s ease-in-out infinite}@keyframes fl-progress-pulse{0%,to{opacity:1}50%{opacity:.6}}.fl-section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;background:linear-gradient(90deg,#243949,#517fa4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.fl-section-title{font-size:2rem;padding:0 1rem}}.fl-section-description{text-align:center;font-size:1.1rem;color:#1a1f2cbf;line-height:1.7;max-width:720px;margin:0 auto}@media (max-width: 768px){.fl-section-description{font-size:1rem;padding:0 1rem}}.fl-what-section{padding:5rem 2rem}@media (max-width: 768px){.fl-what-section{padding:3rem 1rem}}.fl-features-section{padding:5rem 2rem}@media (max-width: 768px){.fl-features-section{padding:3rem 0}}.fl-features-section .fl-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}@media (max-width: 1024px){.fl-features-section .fl-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.fl-features-section .fl-features-grid{grid-template-columns:1fr;padding:0 1rem}}.fl-features-section .fl-features-grid .fl-feature-card{border-radius:1rem;border:1px solid rgba(155,135,245,.2);background:#fff;transition:transform .3s ease,box-shadow .3s ease}.fl-features-section .fl-features-grid .fl-feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon svg{width:28px;height:28px}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.purple{background:#9b87f533;color:#9b87f5}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.blue{background:#1eaedb33;color:#1eaedb}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content .fl-feature-icon.green{background:#27ae6033;color:#27ae60}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content h3{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#1a1f2c}.fl-features-section .fl-features-grid .fl-feature-card .fl-feature-content p{font-size:.95rem;color:#1a1f2cb3;line-height:1.6;margin:0}.fl-how-section{padding:5rem 2rem;background:linear-gradient(180deg,#9b87f50d,#fff0);border-radius:2rem;margin:2rem 0}@media (max-width: 768px){.fl-how-section{padding:3rem 1rem}}.fl-how-section .fl-steps-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1100px;margin:0 auto}@media (max-width: 768px){.fl-how-section .fl-steps-container{flex-direction:column;align-items:center}}.fl-how-section .fl-steps-container .fl-step{flex:1;min-width:220px;max-width:280px;display:flex;align-items:flex-start}@media (max-width: 768px){.fl-how-section .fl-steps-container .fl-step{min-width:100%;max-width:100%;padding:0 1rem}}.fl-how-section .fl-steps-container .fl-step .fl-step-number{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#9b87f5,#1eaedb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:1.25rem;flex-shrink:0}@media (max-width: 768px){.fl-how-section .fl-steps-container .fl-step .fl-step-number{font-size:2.5rem}}.fl-how-section .fl-steps-container .fl-step .fl-step-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#1a1f2c}.fl-how-section .fl-steps-container .fl-step .fl-step-content p{font-size:.9rem;color:#1a1f2cb3;line-height:1.6}.fl-cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#1a1f2c,#394867);border-radius:1.5rem 1.5rem 0 0;text-align:center;position:relative;overflow:hidden}@media (max-width: 768px){.fl-cta-section{padding:3rem 1.5rem}}.fl-cta-section:before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,#9b87f533,#fff0 70%);border-radius:50%;z-index:1}.fl-cta-section:after{content:"";position:absolute;bottom:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#1eaedb33,#fff0 70%);border-radius:50%;z-index:1}.fl-cta-section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;z-index:2}@media (max-width: 768px){.fl-cta-section h2{font-size:1.5rem}}.fl-cta-section p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;position:relative;z-index:2}@media (max-width: 768px){.fl-cta-section p{font-size:1rem}}.fl-cta-section .fl-cta-note{font-size:.85rem!important;color:#ffffff73!important;margin-top:1rem;margin-bottom:0}.fl-tool-page .download-button{background:linear-gradient(90deg,#9b87f5,#1eaedb)!important;color:#fff!important;padding:.75rem 2rem!important;font-size:1rem!important;font-weight:600!important;gap:.5rem;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease!important}.fl-tool-page .download-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #9b87f559!important}@font-face{font-family:Liter-Regular;src:url(/fonts/Liter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Assistant-Bold;src:url(/fonts/Assistant-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ChakraPetch-Regular;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NunitoSans-Regular;src:url(/fonts/NunitoSans-Regular.ttf) format("truetype");font-weight:500;font-style:normal}.updates-main-container{min-height:100vh;background:linear-gradient(135deg,#2d2d2df2,#2d2d2dd9);display:flex;flex-wrap:wrap;width:100%;flex-direction:row}.updates-main-container .updates-container{flex:1;display:flex;flex-direction:row;margin-top:3.5rem;color:#fff;gap:2rem;padding:0 2rem}.updates-main-container .versions-list{flex:0 0 300px;background:#ffffff0f;border-radius:1rem;padding:1.5rem;height:fit-content;max-height:70vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);margin-top:3rem}.updates-main-container .versions-list .MuiList-root{padding:0}.updates-main-container .versions-list .MuiMenuItem-root{color:#fff;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease}.updates-main-container .versions-list .MuiMenuItem-root:hover{background:#ffffff1a;transform:translate(5px)}.updates-main-container .versions-list .MuiMenuItem-root.active{background:#5eadee33;border-left:3px solid #5eadee}.updates-main-container .updates{flex:1;display:flex;flex-direction:column;margin-top:3rem;color:#fff;min-height:0;overflow:hidden}.update-section{background:#ffffff0f;border-radius:1rem;box-shadow:0 4px 24px #0000001a;padding:2rem;margin-bottom:2rem;color:#fff;border:1px solid rgba(255,255,255,.1)}.update-section h6,.update-section .MuiTypography-h6{font-family:ChakraPetch-Regular,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#e8f5fe,#5eadee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.update-section .MuiTypography-body1{font-size:1rem;color:#ffffffd9;line-height:1.7;margin-top:.5rem;white-space:pre-line}.main-verify-email-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:20px}.main-verify-email-container .verify-email-container{background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;max-width:500px;width:100%;box-shadow:0 8px 32px #0000005e;border:1px solid rgba(255,255,255,.1)}
