@charset "UTF-8";.btn{align-items:center;border:none;border-radius:8px;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.5;padding:10px 20px;background-color:#121417;color:#fff;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 4px 12px #00000026}.btn svg{flex-shrink:0}.btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.btn--red{background-color:#d24242;color:#fff}.btn--red:hover{background-color:#b91c1c}.btn--full-width{width:100%}.btn--fit-content{max-width:200px;width:fit-content;min-width:auto}@media (max-width: 768px){.btn--fit-content{max-width:none;width:100%}}.btn--white{background-color:#fff;color:#555d67;border:1px solid #d8d8d8;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.btn--white:hover{background-color:#f5f7f8}.btn--disabled{opacity:.75;cursor:not-allowed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a3ce2,#461bb6);padding:20px;font-family:Inter,sans-serif}@media (max-width: 768px){.error-boundary{padding:16px}}.error-boundary__container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;padding:48px;max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){.error-boundary__container{padding:32px 24px}}@media (max-width: 420px){.error-boundary__container{padding:24px 16px}}.error-boundary__container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d24242,#f39c12,#d24242);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.error-boundary__title{font-size:28px;font-weight:700;color:#121417;margin:0 0 16px;line-height:1.2}@media (max-width: 768px){.error-boundary__title{font-size:24px}}@media (max-width: 420px){.error-boundary__title{font-size:20px}}.error-boundary__message{font-size:16px;color:#555d67;line-height:1.6;max-width:480px;margin:0 auto 32px}@media (max-width: 768px){.error-boundary__message{font-size:14px}}.error-boundary__actions{display:flex;gap:16px;justify-content:center;width:100%}@media (max-width: 768px){.error-boundary__actions{flex-direction:column;align-items:center;gap:12px}}.error-boundary__details{margin:24px 0;padding:16px;background:#f5f7f8;border-radius:8px;border:1px solid #e9ecef}.error-boundary__details h3{font-size:16px;font-weight:600;color:#121417;margin:0 0 12px}.error-boundary__details pre{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9ecef;font-size:12px;line-height:1.4;color:#3c3c3c;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary__details details{margin-top:12px}.error-boundary__details details summary{font-size:14px;font-weight:500;color:#555d67;cursor:pointer;margin-bottom:8px}.error-boundary__details details summary:hover{color:#121417}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-toast h4{font-size:14px;font-weight:600}.custom-toast p{font-size:13px;font-weight:400}.loader{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;height:100vh;width:100vw;background-color:#f5f7f8;color:#fff;font-size:32px;font-weight:600;font-family:Inter,sans-serif;text-align:center;padding:32px}.loader__inner{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.loader__inner svg{position:absolute;top:45%;left:44%;transform:scale(1.5)}.loader__spinner{width:140px;height:140px;border:4px solid transparent;border-top:4px solid #121417;border-radius:50%;animation:spin 1s linear infinite;position:relative}.loader__spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top:4px solid #121417;border-radius:50%}.loader__text{font-size:16px;font-weight:500;font-family:Inter,sans-serif;text-align:center;color:#3b3b3b}.breadcrumb{margin-bottom:5px}@media (max-width: 520px){.breadcrumb{margin-bottom:0}}.breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.breadcrumb__item{align-items:center;display:flex;gap:6px}.breadcrumb__link{align-items:center;color:#999;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:6px;text-decoration:none;transition:color .15s}.breadcrumb__link:hover{color:#6a3ce2}.breadcrumb__link:focus{outline:none}.breadcrumb__current{align-items:center;color:#3c3c3c;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px}.breadcrumb__separator{color:#ced4da;flex-shrink:0}.page-header{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;overflow:hidden;margin-bottom:40px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a}.page-header__gradient{position:absolute;border-radius:50%;opacity:.2;filter:blur(80px)}.page-header__gradient--top-right{top:0;right:0;transform:translate(20%,-20%);width:350px;height:350px;background:#6a3ce2}.page-header__gradient--bottom-left{bottom:0;left:0;transform:translate(-20%,20%);width:300px;height:300px;background:#9333ea}.page-header__container{position:relative;z-index:10;display:grid;grid-template-columns:1fr;gap:24px;align-items:center;min-height:240px;padding:24px}@media (min-width: 768px){.page-header__container{grid-template-columns:1.2fr 1fr;padding:32px}}@media (min-width: 1024px){.page-header__container{grid-template-columns:1fr 1fr;padding:40px}}@media (min-width: 1440px){.page-header__container{grid-template-columns:1fr 1.2fr;padding:48px}}@media (max-width: 1024px){.page-header__container{grid-template-columns:1fr}}.page-header__content{padding-right:0}@media (max-width: 1024px){.page-header__content{width:100%}}@media (min-width: 768px){.page-header__content{padding-right:24px}}@media (min-width: 1024px){.page-header__content{padding-right:32px}}.page-header__breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;color:#818cf8cc}.page-header__breadcrumb-link{color:#818cf8cc;text-decoration:none;transition:color .15s}.page-header__breadcrumb-link:hover,.page-header__breadcrumb-current{color:#fff}.page-header__breadcrumb-separator{color:#6366f180;margin:0}.page-header__title{font-size:2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}@media (min-width: 768px){.page-header__title{font-size:2.5rem}}.page-header__description{font-size:1rem;color:#94a3b8;line-height:1.5;max-width:28rem;margin-bottom:20px}.page-header__features{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500;color:#94a3b8}.page-header__feature-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.page-header__feature-dot--green{background:#4bb543}.page-header__feature-dot--purple{background:#6a3ce2}.page-header__feature-separator{display:inline-block;width:4px;height:4px;border-radius:50%;background:#334155;margin:0 8px;vertical-align:middle}.page-header__visual{position:relative;height:100%;min-height:220px;overflow:visible;display:none;margin:-24px 0 -24px -24px}@media (max-width: 1024px){.page-header__visual{display:none!important}}@media (min-width: 768px){.page-header__visual{display:block;margin:-32px 0;padding-left:24px}}@media (max-width: 1199px){.page-header__visual{margin-left:50px!important}}@media (min-width: 1024px){.page-header__visual{margin:-40px 0 -40px -40px;padding-left:0}}@media (min-width: 1440px){.page-header__visual{margin:-48px 0 -48px -48px}}.page-header__visual-container{position:absolute;top:50%;right:0;transform:translateY(-50%);width:100%;perspective:1000px;display:flex;justify-content:flex-end;align-items:center}.page-header__visual-content{position:relative;transform:rotateY(-12deg) rotateX(5deg) rotate(-5deg) scale(1);display:flex;flex-direction:column;gap:16px;width:fit-content}@media (min-width: 768px){.page-header__visual-content{transform:rotateY(-12deg) rotateX(5deg) rotate(-5deg) scale(1.2)}}@media (min-width: 1024px){.page-header__visual-content{transform:rotateY(-12deg) rotateX(5deg) rotate(-5deg) scale(1.4)}}@media (min-width: 1440px){.page-header__visual-content{transform:rotateY(-12deg) rotateX(5deg) rotate(-5deg) scale(1.6)}}.page-header__card{border-radius:16px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;transition:transform .5s}.page-header__card--back{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:16px;opacity:.6;transform:translate(80px)}.page-header__card--main{background:#fff;border:1px solid rgba(255,255,255,.2);overflow:hidden}.page-header__card--main:hover{transform:translateY(-8px)}.page-header__card--bottom{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:16px;transform:translate(-40px)}.page-header__card-header{background:#f5f7f8;border-bottom:1px solid #e9ecef;padding:12px;display:flex;gap:8px}.page-header__card-control{width:12px;height:12px;border-radius:50%}.page-header__card-control--red{background:#ef4444}.page-header__card-control--yellow{background:#fbbf24}.page-header__card-control--green{background:#4bb543}.page-header__card-body{padding:24px;display:grid;grid-template-columns:1fr 2fr;gap:16px;background:#fff}.page-header__card-icon{aspect-ratio:1;background:#eceafd;border-radius:12px;display:flex;align-items:center;justify-content:center}.page-header__card-icon svg{width:32px;height:32px;color:#6a3ce2}.page-header__card-text-content{display:flex;flex-direction:column;gap:12px}.page-header__card-line-full{height:16px;background:#e9ecef;border-radius:6px;width:100%}.page-header__card-line-full--short{width:83.33%}.page-header__card-button{height:32px;width:33.33%;background:#121417;border-radius:6px;margin-top:8px}.page-header__card-content{display:flex;gap:16px}.page-header__card-placeholder{height:80px;background:#ffffff1a;border-radius:12px}.page-header__card-placeholder--small{width:33.33%}.page-header__card-placeholder--wide{height:32px;width:96px;background:#fff3}.page-header__card-line{height:16px;background:#ffffff1a;border-radius:6px;width:75%}.page-header__card-line--short{width:50%}.page-header__card-text{width:66.66%;display:flex;flex-direction:column;gap:8px}.page-header__card-footer{display:flex;justify-content:space-between;align-items:center}.page-header__card-avatars{display:flex;gap:8px}.page-header__card-avatar{width:32px;height:32px;border-radius:50%}.page-header__card-avatar--purple{background:#9333ea80}.page-header__card-avatar--indigo{background:#6366f180}.error-modal-overlay{background-color:#030a16c4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.error-modal-container{background-color:#fff;border-radius:10px;position:relative}.error-modal-container:focus-visible{outline:none}.error-modal-overlay{display:flex;justify-content:center;align-items:center}.error-modal-container{padding:28px;width:100%;max-width:640px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:235px}@media (max-width: 768px){.error-modal-container{width:95%}}.error-modal-container__icon{background-color:#fee2e2;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.error-modal-container__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-modal-container__content__title{font-size:16px;font-weight:600}.error-modal-container__content__message{font-size:14px;font-weight:400;color:#555d67;text-align:center}.error-modal-container__actions{margin-top:24px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%}@media (max-width: 420px){.error-modal-container__actions{flex-direction:column}}.error-modal-container__actions button{white-space:nowrap;flex:1}.content-modal-overlay{background-color:#030a16c4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.content-modal-container{background-color:#fff;border-radius:10px;position:relative}.content-modal-container:focus-visible{outline:none}@media (max-width: 768px){.content-modal-overlay{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}}.content-modal-container{border-radius:10px;max-width:965px;width:calc(100% - 32px);height:calc(100vh - 32px);position:absolute;top:16px;right:16px;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000026}@media (max-width: 768px){.content-modal-container{position:static;width:100vw;height:100vh;max-width:100vw;border-radius:0;top:0;right:0;margin:0}}.content-modal-container__header{position:relative;padding:24px 24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:0}@media (max-width: 768px){.content-modal-container__header{padding:20px 20px 0}}.content-modal-container__header__text{margin-bottom:24px}@media (max-width: 768px){.content-modal-container__header__text{margin-bottom:20px}}.content-modal-container__header__title{font-size:20px;font-weight:600;color:#121417}@media (max-width: 768px){.content-modal-container__header__title{font-size:18px}}.content-modal-container__header__sub-heading{font-size:14px;font-weight:400;color:#555d67;margin:0;line-height:1.4}.content-modal-container__body{flex:1;overflow-y:auto;min-height:0;padding:24px}.content-modal-container__body .form{flex:1}.content-modal-container__body .form .form-group,.content-modal-container__body .form .form-group-inline{margin-bottom:20px}@media (max-width: 768px){.content-modal-container__body{padding:20px;flex:1}}.content-modal-container__footer{padding:16px 24px 24px;border-top:1px solid #f0f0f0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.content-modal-container__footer{padding:16px 20px 20px;gap:8px}}.content-modal-container__footer button{white-space:nowrap;min-width:100px}@media (max-width: 768px){.content-modal-container__footer button{width:fit-content}}.confirmation-modal-overlay{background-color:#030a16c4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.confirmation-modal-container{background-color:#fff;border-radius:10px;position:relative}.confirmation-modal-container:focus-visible{outline:none}.confirmation-modal-overlay{display:flex;justify-content:center;align-items:center}.confirmation-modal-container{padding:28px;width:100%;max-width:640px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:235px}@media (max-width: 768px){.confirmation-modal-container{width:95%}}.confirmation-modal-container__icon{background-color:#fee2e2;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.confirmation-modal-container__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.confirmation-modal-container__content__title{font-size:16px;font-weight:600}.confirmation-modal-container__content__message{font-size:14px;font-weight:400;color:#555d67;text-align:center}.confirmation-modal-container__actions{margin-top:24px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%}@media (max-width: 420px){.confirmation-modal-container__actions{flex-direction:column}}.confirmation-modal-container__actions button{white-space:nowrap;flex:1}.dashboard-layout__add{position:fixed;bottom:20px;right:20px;z-index:1000;cursor:pointer;width:60px;height:60px;transition:transform .3s}.dashboard-layout__add:hover{transform:scale(1.05)}form{display:flex;flex-direction:column;gap:14px}form .form-actions button{width:100%;max-width:200px;margin-left:auto;padding:12px 24px;font-weight:500;animation:fadeInSubmit .6s ease-in-out}@keyframes fadeInSubmit{0%{opacity:0}to{opacity:1}}.form-group{display:flex;flex-direction:column;position:relative;padding:2px}.form-group .alert{margin-top:20px;margin-bottom:20px}.form-group-inline{display:flex;flex-direction:row;flex-grow:1;gap:20px;position:relative;padding:2px}@media (max-width: 520px){.form-group-inline{flex-direction:column}}.form-group-inline__item{flex-grow:1;display:flex;flex-direction:column;padding:2px;width:50%}@media (max-width: 520px){.form-group-inline__item{width:100%}}.form-note{font-size:12px!important;margin-top:-10px;margin-bottom:20px}input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.checkbox-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative}@media (max-width: 420px){.checkbox-wrapper{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}.checkbox-wrapper__label{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;color:#121417;font-weight:400;-webkit-user-select:none;user-select:none}.checkbox-wrapper__label.disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper__input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-wrapper__input:checked+.checkbox-wrapper__custom{background-color:#6a3ce2;border-color:#6a3ce2}.checkbox-wrapper__input:checked+.checkbox-wrapper__custom .checkbox-wrapper__tick{opacity:1}.checkbox-wrapper__custom{position:relative;min-width:18px;min-height:18px;border:2px solid #e9ecef;border-radius:4px;background-color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center;margin-top:3px;margin-bottom:auto}.checkbox-wrapper__custom:hover{border-color:#6a3ce2}.checkbox-wrapper__tick{opacity:0;transition:opacity .3s;color:#fff}.checkbox-wrapper__content{display:flex;flex-direction:column;gap:5px;padding-left:4px}.checkbox-wrapper__text{font-size:12px;color:#121417;line-height:1.5}.checkbox-wrapper__text a{color:#6a3ce2;text-decoration:underline;font-weight:500}.checkbox-wrapper__text a:hover{opacity:.95}.checkbox-wrapper__error{color:#d24242;font-size:12px}@keyframes selectOutlineFade{0%{outline-color:#e9ecef}to{outline-color:#6a3ce2}}.select-label{font-size:13px;font-weight:500;color:#3b3b3b;margin-bottom:6px}.select-wrapper{position:relative;outline:none;border-radius:6px}.select-wrapper--focused{outline:1px solid #e9ecef;transition:outline .6s ease-in;animation:selectOutlineFade .6s ease-in forwards}.select-container{position:relative}.select-container .select__control{outline:none!important;overflow:hidden!important}.select-container .select__menu{margin-top:4px}.select-container .select__option{cursor:pointer;transition:background-color .15s ease}.select-container .select__option--is-selected{background-color:#121417!important}.select-container .select__single-value{color:#3b3b3b}.select-container .select__value-container{overflow:hidden!important;flex-wrap:wrap!important;align-items:center!important}.select-container .select__multi-value{background-color:#f5f7f8;border-radius:4px;margin:2px 4px 2px 0;flex-shrink:0;max-width:100%}.select-container .select__multi-value__label{color:#3b3b3b;font-size:14px}.select-container .select__multi-value__remove{cursor:pointer}.select-container .select__multi-value-container{overflow:hidden;display:flex;flex-wrap:wrap;align-items:center}.file-upload-label{display:block;font-size:14px;font-weight:500;color:#121417;margin-bottom:8px}.file-upload-container{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.file-upload-container.has-file{padding:0}.file-upload-container:hover{border-color:#6a3ce2;transition:.15s;background-color:#f9fafb}.file-upload-container.drag-over{border-color:#3b82f6;background-color:#eff6ff;transform:scale(1.02)}.file-upload-container.disabled{opacity:.6;cursor:not-allowed;background-color:#f3f4f6}.upload-content{display:flex;flex-direction:column;align-items:center;width:100%}.upload-content .upload-icon{color:#6b7280;margin-bottom:8px}.upload-content .upload-text{display:flex;flex-direction:column;gap:4px;align-items:center}.upload-content .upload-text .click-text{color:#8b5cf6;font-weight:600;font-size:14px;cursor:pointer}.upload-content .upload-text .or-text{color:#6b7280;font-size:12px}.upload-content .file-types{font-size:12px;color:#9ca3af;margin-top:8px}.file-preview{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background-color:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;position:relative}.file-preview .file-info{display:flex;align-items:center;gap:12px;flex:1}.file-preview .file-info .file-preview-image{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.file-preview .file-info .file-preview-image img{width:100%;height:100%;object-fit:cover}.file-preview .file-info .file-details{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.file-preview .file-info .file-details .file-name{font-size:14px;font-weight:500;color:#121417;word-break:break-all}.file-preview .file-info .file-details .file-size{font-size:12px;color:#6b7280}.file-preview .file-info .file-details .file-status{font-size:12px;color:#059669;font-style:italic}.file-preview .remove-file{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;width:20px;position:absolute;right:20px}.file-preview .remove-file:hover{background-color:#fef2f2}.form-error{font-size:12px!important;color:#d24242!important;margin-top:5px!important;text-align:left!important;margin-bottom:-10px!important}textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit}textarea:focus{outline:1px solid #d1d5db;border-color:#d1d5db;transition:outline .6s ease-in}textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}textarea::placeholder{color:#9ca3af}.search-bar{width:100%}.search-bar__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-bar__icon{position:absolute;left:12px;width:20px;height:20px;color:#b7bbc0;pointer-events:none;z-index:1}.search-bar__input{width:100%;padding:12px 12px 12px 44px;border:1px solid #d8d8d8;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;color:#3b3b3b;background-color:#fff;transition:all .3s ease}.search-bar__input::placeholder{color:#b7bbc0}.search-bar__input:focus{outline:none;border-color:#6a3ce2;box-shadow:0 0 0 3px #6a3ce21a}.search-bar__input:hover:not(:focus){border-color:#ced4da}.search-bar__input:disabled{background-color:#f5f7f8;color:#b7bbc0;cursor:not-allowed}.search-bar:focus-within .search-bar__icon{color:#6a3ce2}.component-page__skeleton .component-page__header__actions{gap:8px}.component-page .skeleton{display:inline-block;background:linear-gradient(90deg,#f5f7f8 25%,#e9ecef,#f5f7f8 75%);background-size:200% 100%;border-radius:6px;animation:skeletonPulse 1.2s ease-in-out infinite}.component-page .skeleton--title{width:240px;height:24px}.component-page .skeleton--button{width:110px;height:36px}.component-page .skeleton--preview{width:100%;height:380px;border-radius:12px}.component-page .skeleton--detail{width:100%;height:16px;margin-bottom:16px}.component-page .skeleton--tag{width:80px;height:28px;margin-right:8px}.component-page .skeleton--link{width:90px;height:16px}.component-page .skeleton--card-image{width:100%;height:160px;border-radius:8px}.component-page .skeleton--card-title{width:70%;height:14px;margin-bottom:8px}.component-page .skeleton--card-meta{width:40%;height:12px}.component-edit-form-skeleton{display:flex;flex-direction:column;gap:20px;padding:0}.component-edit-form-skeleton__field{display:flex;flex-direction:column;gap:8px}.component-edit-form-skeleton__field-group{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 767px){.component-edit-form-skeleton__field-group{grid-template-columns:1fr}}.component-edit-form-skeleton .skeleton{display:inline-block;background:linear-gradient(90deg,#f5f7f8 25%,#e9ecef,#f5f7f8 75%);background-size:200% 100%;border-radius:6px;animation:skeletonPulse 1.2s ease-in-out infinite}.component-edit-form-skeleton .skeleton--label{width:120px;height:14px}.component-edit-form-skeleton .skeleton--input{width:100%;height:40px}.component-edit-form-skeleton .skeleton--textarea{width:100%;height:120px}.component-edit-form-skeleton .skeleton--select{width:100%;height:40px}.component-edit-form-skeleton .skeleton--file-upload{width:100%;height:120px;border-radius:8px}.component-edit-form-skeleton .skeleton--checkbox{width:140px;height:20px}.dashboard-home__skeleton{padding:12px 0}.dashboard-home__skeleton-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dashboard-home__skeleton-card{border:1px solid #e9ecef;border-radius:12px;background:#fff;padding:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:10px}.dashboard-home__skeleton-thumb{width:100%;height:140px;border-radius:8px}.dashboard-home__skeleton-line{height:12px;border-radius:6px}.dashboard-home__skeleton-line--title{width:70%}.dashboard-home__skeleton-line--meta{width:45%}.table-skeleton{min-height:450px;min-width:340px}.table-skeleton__header{margin-bottom:16px}.table-skeleton__table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-skeleton__table-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.table-skeleton__header-row{display:grid;grid-template-columns:2fr 2fr 1fr 2fr;gap:16px;align-items:center}.table-skeleton__header-cell{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.table-skeleton__header-cell--name{width:80px}.table-skeleton__header-cell--email{width:64px}.table-skeleton__header-cell--role{width:48px}.table-skeleton__header-cell--date{width:96px}.table-skeleton__row{display:grid;grid-template-columns:2fr 2fr 1fr 2fr;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid #f3f4f6}.table-skeleton__row:last-child{border-bottom:none}.table-skeleton__cell--name{display:flex;align-items:center;gap:12px}.table-skeleton__cell--email .table-skeleton__text{width:128px}.table-skeleton__cell--role .table-skeleton__badge{width:64px;height:24px}.table-skeleton__cell--date .table-skeleton__text{width:112px}.table-skeleton__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.table-skeleton__name{height:16px;width:96px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.table-skeleton__text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.table-skeleton__badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-listing-skeleton__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px}.blog-listing-skeleton__category{width:100px;height:36px;border-radius:50px}.blog-listing-skeleton__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}@media (max-width: 768px){.blog-listing-skeleton__grid{grid-template-columns:1fr;gap:24px}}.blog-listing-skeleton__card{background:#fff;border:1px solid #e9ecef;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.blog-listing-skeleton__image{width:100%;height:192px}.blog-listing-skeleton__content{padding:24px;display:flex;flex-direction:column;gap:12px}.blog-listing-skeleton__category-badge{width:80px;height:24px;border-radius:6px}.blog-listing-skeleton__title{width:90%;height:20px;border-radius:4px}.blog-listing-skeleton__title:last-of-type{width:60%}.blog-listing-skeleton__excerpt{width:100%;height:14px;border-radius:4px}.blog-listing-skeleton__excerpt:last-of-type{width:80%}.blog-listing-skeleton__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;margin-top:auto;border-top:1px solid #f5f7f8}.blog-listing-skeleton__date{width:100px;height:12px;border-radius:4px}.blog-listing-skeleton__read-time{width:80px;height:12px;border-radius:4px}.skeleton-shimmer{position:relative;overflow:hidden;background:#f5f7f8;background:linear-gradient(90deg,#f5f7f8 25%,#e9ecef,#f5f7f8 75%);background-size:200% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.branding{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.branding{position:relative;top:1px}}.branding__logo{transition:transform .15s ease}.branding__logo:hover{transform:scale(1.05)}.branding__text{font-family:Inter,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.5px;color:#121417;position:relative;top:-2px}.branding--scale-1-5{transform:scale(1.5)}.notifications{position:relative}@media (min-width: 320px) and (max-width: 350px){.notifications{width:30px}}.notifications__button{background:transparent;border:none;cursor:pointer;padding:4px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6c757d}.notifications__button:hover{color:#6a3ce2}.notifications__button svg{transform:scale(.9);transition:color .2s ease}.notifications__badge{position:absolute;top:2px;right:2px;background-color:#d24242;color:#fff;border-radius:50%;height:8px;width:8px;border:2px solid #ffffff}.notifications__dropdown{position:absolute;top:50px;right:-20px;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #f5f7f8;width:450px;display:flex;flex-direction:column;overflow:hidden;z-index:3}@media (max-width: 768px){.notifications__dropdown{width:100%;right:0;left:0;top:60px;border-top-left-radius:0;border-top-right-radius:0;position:fixed}}.notifications__dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8f9fa80;border-bottom:1px solid #f5f7f8}.notifications__dropdown-header h3{font-size:16px;font-weight:700;color:#212529;margin:0}.notifications__dropdown-header-left{display:flex;align-items:center;gap:8px}.notifications__dropdown-header-badge{background-color:#6a3ce2;color:#fff;border-radius:50%;height:20px;width:20px;min-width:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.notifications__dropdown-header-button{background-color:transparent;border:none;cursor:pointer;font-size:12px;color:#6a3ce2;font-weight:600;padding:6px 10px;border-radius:6px;transition:all .2s ease;width:fit-content}.notifications__dropdown-header-button:hover{background-color:#6a3ce21a}.notifications__dropdown-body{padding:8px;display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.notifications__dropdown-body-empty{font-size:14px;text-align:center;font-weight:500;color:#6c757d;padding:16px}.notifications__dropdown-body-item{padding:12px;font-size:14px;background-color:#fff;border:1px solid #f5f7f8;border-radius:8px;transition:all .2s ease;cursor:pointer}.notifications__dropdown-body-item:hover{background-color:#f8f9fa;border-color:#e9ecef}.notifications__dropdown-body-item h4{font-size:14px;font-weight:500;color:#212529;margin:0 0 4px;line-height:1.4}.notifications__dropdown-body-item-time{font-size:11px;color:#6c757d;font-weight:500}.notifications__dropdown-body-item--unread{background-color:#6a3ce208;border-color:#6a3ce21a}.notifications__dropdown-body-item--unread h4{font-weight:600;color:#6a3ce2}.notifications__dropdown-body-item--unread:hover{background-color:#6a3ce20d;border-color:#6a3ce226}.user{display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#343a40,#121417);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;border:2px solid transparent;transition:all .3s ease}@media (max-width: 768px){.user-avatar{width:32px;height:32px}}.user-avatar__initials{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}@media (max-width: 768px){.user-avatar__initials{font-size:11px}}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:0}@media (max-width: 420px){.user-info{display:none}}.user-info__username{font-size:14px;font-weight:600;color:#212529;text-transform:capitalize;line-height:1.2}.user-info__role{font-size:12px;color:#6c757d;text-transform:capitalize;line-height:1.2;margin-top:2px}.user-chevron{transition:transform .3s ease-in-out}.user-chevron svg{color:#adb5bd;transition:color .2s ease}.user:hover .user-avatar{border-color:#6a3ce233}.user:hover .user-chevron svg{color:#495057}.user--open .user-chevron{transform:rotate(-180deg)!important}@media (min-width: 320px) and (max-width: 350px){.user{min-width:60px}}.user-dropdown{display:flex;flex-direction:column;position:absolute;top:65px;right:20px;width:256px;box-shadow:0 10px 40px #00000026;background-color:#fff;border-radius:12px;border:1px solid #f5f7f8;overflow:hidden;z-index:3}@media (max-width: 768px){.user-dropdown{top:60px;right:0;width:100%;border-top-left-radius:0;border-top-right-radius:0}}.user-dropdown__header{display:flex;gap:12px;align-items:center;padding:16px;background-color:#f8f9fa80;border-bottom:1px solid #f5f7f8}.user-dropdown__header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#343a40,#121417);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.user-dropdown__header-avatar-initials{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px}.user-dropdown__header-info{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.user-dropdown__header-info-name{font-size:14px;font-weight:700;color:#212529;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown__header-info-email{font-size:12px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-dropdown__menu{display:flex;flex-direction:column;padding:8px}.user-dropdown__menu-list{display:flex;flex-direction:column}.user-dropdown__menu-list:not(:last-child){position:relative;padding-bottom:8px;margin-bottom:4px}.user-dropdown__menu-list:not(:last-child):after{content:"";display:block;position:absolute;left:-8px;right:-8px;bottom:0;height:1px;background-color:#f5f7f8}@media (max-width: 768px){.user-dropdown__menu-list:not(:last-child):after{left:-8px;right:-8px}}.user-dropdown__menu-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;color:#495057;transition:all .2s ease}.user-dropdown__menu-list-item svg{color:#adb5bd;transition:color .2s ease}.user-dropdown__menu-list-item:hover{background-color:#f8f9fa;color:#6a3ce2}.user-dropdown__menu-list-item:hover svg{color:#6a3ce2}.user-dropdown__menu-list-item--logout:hover{background-color:#fee2e2;color:#d24242}.user-dropdown__menu-list-item--logout:hover svg{color:#d24242}.user-dropdown__menu-list-item-label{flex:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;height:60px;background:#fdfdfd;position:relative;border-bottom:1px solid #ebebeb}.dashboard-header__left{width:240px;padding-left:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 768px){.dashboard-header__left{padding-left:15px}}.dashboard-header__left-bars{cursor:pointer;display:none}@media (max-width: 768px){.dashboard-header__left-bars{display:block;margin-right:10px}}.dashboard-header__left-branding{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:20px;position:relative}.dashboard-header__left-branding-logo{display:none;cursor:pointer;position:relative;left:-10px}.dashboard-header__left-branding-logo--visible{display:block}@media (max-width: 768px){.dashboard-header__left-branding{padding-left:10px}.dashboard-header__left-branding img{height:20px;object-fit:cover}}.dashboard-header__left-branding:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:2px;height:30px;background-color:#e9ecef}@media (max-width: 768px){.dashboard-header__left-branding:after{display:none}}.dashboard-header__right{padding-right:24px;display:flex;align-items:center;justify-content:center;gap:24px}@media (max-width: 768px){.dashboard-header__right{padding-right:15px;gap:16px}}.dashboard-header__right-divider{width:1px;height:24px;background-color:#e9ecef}@media (max-width: 420px){.dashboard-header__right-divider{display:none}}.dashboard-header__right-buttons{display:flex;align-items:center;gap:12px}@media screen and (max-width: 440px){.dashboard-header__right-buttons button:first-child{display:none}}.component-page__promo-card-wrapper{position:relative;display:flex;flex-direction:column}.component-page__promo-card{background:linear-gradient(135deg,#121417,#3c3c3c);border-radius:12px;padding:24px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;flex:1;display:flex;flex-direction:column;margin-bottom:0}.component-page__promo-card--disabled{opacity:.6;cursor:not-allowed}.component-page__promo-card--disabled:hover{transform:none;box-shadow:none}.component-page__promo-card--disabled:hover:before{opacity:.4}.component-page__promo-card--disabled:hover .component-page__promo-card__arrow{transform:none}.component-page__promo-card__badge{position:absolute;top:16px;right:16px;background:#6a3ce2;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:6px;z-index:10}.component-page__promo-card:before{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:#6a3ce2;border-radius:50%;filter:blur(60px);opacity:.4;transition:opacity .3s}.component-page__promo-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d}.component-page__promo-card:hover:before{opacity:.6}.component-page__promo-card:hover .component-page__promo-card__arrow{transform:translate(4px)}.component-page__promo-card__content{position:relative;z-index:1}.component-page__promo-card__title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.component-page__promo-card__description{font-family:Inter,sans-serif;font-size:14px;color:#d8d8d8;margin:0 0 16px;line-height:1.5}.component-page__promo-card__cta{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#eceafd}.component-page__promo-card__cta span{line-height:1}.component-page__promo-card__arrow{width:16px;height:16px;transition:transform .3s;color:#fff}.component-page__promo-card__arrow path{stroke:#fff!important;fill:none!important}.sidebar__promo-badge{position:absolute;top:8px;right:8px;background:#6a3ce2;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:6px;z-index:10}.sidebar__promo-card{background:linear-gradient(135deg,#121417,#3c3c3c);border-radius:12px;padding:16px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar__promo-card{width:100%}}.sidebar__promo-card--disabled{opacity:.6;cursor:not-allowed}.sidebar__promo-card--disabled:hover{transform:none;box-shadow:none}.sidebar__promo-card--disabled:hover:before{opacity:.4}.sidebar__promo-card--disabled:hover .sidebar__promo-card__arrow{transform:none}.sidebar__promo-card:before{content:"";position:absolute;top:-15px;right:-15px;width:80px;height:80px;background:#6a3ce2;border-radius:50%;filter:blur(40px);opacity:.4;transition:opacity .3s}.sidebar__promo-card:hover:not(.sidebar__promo-card--disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d}.sidebar__promo-card:hover:not(.sidebar__promo-card--disabled):before{opacity:.6}.sidebar__promo-card:hover:not(.sidebar__promo-card--disabled) .sidebar__promo-card__arrow{transform:translate(4px)}.sidebar__promo-card__content{position:relative;z-index:1}.sidebar__promo-card__title{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.sidebar__promo-card__description{font-family:Inter,sans-serif;font-size:12px;color:#d8d8d8;margin:0 0 12px;line-height:1.4}.sidebar__promo-card__cta{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:#eceafd}.sidebar__promo-card__cta span{line-height:1}.sidebar__promo-card__arrow{width:14px;height:14px;transition:transform .3s;color:#fff}.sidebar__promo-card__arrow path{stroke:#fff!important;fill:none!important}.sidebar{display:flex;flex-direction:column;width:240px;border-right:1px solid #e9ecef;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;transition:.3s;background-color:#fdfdfd}@media (max-width: 768px){.sidebar{width:100vw!important;border-right:none;background-color:#fdfdfd}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#e9ecef;border-radius:20px}.sidebar:hover::-webkit-scrollbar-thumb{background-color:#ced4da}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.sidebar__header-title{font-size:12px;font-weight:700;color:#212529;letter-spacing:.08em;text-transform:uppercase;margin:0}.sidebar__header-count{font-size:10px;font-weight:600;color:#6c757d;background-color:#e9ecef;padding:2px 6px;border-radius:4px}.sidebar__nav{display:flex;flex-direction:column;padding:0 16px 16px;gap:4px}.sidebar__all-link{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:transparent;color:#495057;border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar__all-link-content{display:flex;align-items:center;gap:8px}.sidebar__all-link-icon-wrapper{width:26px;display:flex;align-items:center;justify-content:center}.sidebar__all-link-icon{transform:scale(.8)}.sidebar__all-link-label{font-size:14px;font-weight:600}.sidebar__all-link-count{font-size:12px;opacity:.7}.sidebar__all-link:hover{background-color:#f8f9fa}.sidebar__all-link--active{background-color:#6a3ce20d;color:#6a3ce2}.sidebar__all-link--active:hover{background-color:#6a3ce21a}.sidebar__free-link{margin-bottom:27px;position:relative}.sidebar__free-link:before{content:"";position:absolute;bottom:-18px;left:0;right:0;height:1px;background-color:#e9ecef}.sidebar__admin{display:flex;flex-direction:column;gap:4px;padding:0 16px 16px;margin-bottom:16px;border-bottom:1px solid #e9ecef}.sidebar__admin-item{padding:8px 12px;font-size:14px;font-weight:500;color:#495057;border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar__admin-item:hover{background-color:#f8f9fa}.sidebar__admin-item--active{background-color:#6a3ce20d;color:#6a3ce2;font-weight:600}.sidebar__admin-item--active:hover{background-color:#6a3ce21a}.sidebar__groups{display:flex;flex-direction:column;gap:4px}.sidebar__group{display:flex;flex-direction:column}.sidebar__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#495057;font-size:14px;font-weight:600}.sidebar__group-header:hover{background-color:#f8f9fa}.sidebar__group-header-label{display:flex;align-items:center;gap:8px}.sidebar__group-header-label-icon-wrapper{width:26px;display:flex;align-items:center;justify-content:center}.sidebar__group-header-label-icon{transform:scale(.8);color:#adb5bd}.sidebar__group-header-icon{width:16px;height:16px;color:#adb5bd;transition:transform .3s ease}.sidebar__group-header--expanded .sidebar__group-header-icon{transform:rotate(90deg)}.sidebar__group-header--active{color:#6a3ce2;background-color:#6a3ce20d}.sidebar__group-header--active .sidebar__group-header-label-icon{color:#6a3ce2}.sidebar__group-header--active:hover{background-color:#6a3ce21a}.sidebar__group-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.sidebar__group-content--open{max-height:500px;opacity:1}.sidebar__group-items{padding-left:36px;padding-right:8px;display:flex;flex-direction:column;gap:4px;margin-top:5px}@media (max-width: 768px){.sidebar__group-items{margin-top:10px}}.sidebar__group-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;cursor:pointer;border-radius:6px;transition:all .2s ease;gap:10px;position:relative;left:2px}.sidebar__group-item:hover{background-color:#6a3ce20d}.sidebar__group-item:hover .sidebar__group-item-label{color:#6a3ce2}.sidebar__group-item:hover .sidebar__group-item-count{color:#6a3ce299}.sidebar__group-item-label{font-size:14px;color:#6c757d;transition:color .2s ease;white-space:pre-line;max-width:95%}.sidebar__group-item-count{font-size:12px;color:#adb5bd;transition:color .2s ease}.sidebar__group-item--active{background-color:#6a3ce20d}.sidebar__group-item--active .sidebar__group-item-label{color:#6a3ce2;font-weight:600}.sidebar__group-item--active .sidebar__group-item-count{color:#6a3ce299}.sidebar__promo{position:relative;margin-top:auto;padding:24px 16px 16px}@media (max-width: 768px){.sidebar__promo{padding:24px 16px 16px;width:100%}}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-layout__content{display:flex;flex-direction:row;height:calc(100vh - 60px);overflow:hidden}.dashboard-layout__content-left{width:240px;border-right:1px solid #e9ecef;transition:left .3s ease;height:100%;overflow:hidden}@media (max-width: 768px){.dashboard-layout__content-left{width:100vw;position:absolute;left:-100vw;z-index:1000}}@media (max-width: 768px){.dashboard-layout__content-left--mobile-open{left:0;height:auto}}.dashboard-layout__content-right{flex:1;height:100%;overflow-y:auto;padding:24px;display:flex;justify-content:center;margin:0 auto;background:#fdfdfd;position:relative}.dashboard-layout__content-right:before{content:"";position:fixed;top:0;left:240px;width:400px;height:400px;background:radial-gradient(circle,rgba(106,60,226,.03) 0%,transparent 70%);pointer-events:none;z-index:0}@media (max-width: 768px){.dashboard-layout__content-right{width:100vw!important;margin-left:0;padding:16px}.dashboard-layout__content-right:before{left:0}}.dashboard-layout__content-right-inner{width:100%;position:relative;z-index:1}.dashboard-layout__header{margin-bottom:32px}@media (max-width: 500px){.dashboard-layout__header{margin-top:5px}}.dashboard-layout__title{font-family:Inter,sans-serif;font-size:30px;font-weight:700;color:#121417;letter-spacing:-.5px;margin:0 0 8px}@media (max-width: 500px){.dashboard-layout__title{font-size:27px}}.dashboard-layout__description{font-family:Inter,sans-serif;font-size:16px;color:#b7bbc0;margin:-10px 0 0;line-height:1.5}.title__heading{color:#212529;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.4;margin:0}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e9ecef;background-color:#fff}@media (max-width: 520px){.table-pagination{flex-direction:column;align-items:center;gap:10px}}.table-pagination__info{font-size:13px;color:#999;font-weight:500}.table-pagination__controls{display:flex;align-items:center;gap:8px}.table-pagination__nav-btn{padding:8px 12px;border:1px solid #d8d8d8;background-color:#fff;color:#555d67;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;line-height:1}.table-pagination__nav-btn:hover:not(:disabled){background-color:#f5f7f8;border-color:#6a3ce2;color:#6a3ce2}.table-pagination__nav-btn:active:not(:disabled){transform:scale(.95)}.table-pagination__nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f5f7f8;color:#ced4da;border-color:#e9ecef}.table-pagination__page-info{display:flex;align-items:center;gap:8px;margin:0 8px}.table-pagination__page-label{font-size:14px;color:#555d67;font-weight:500}.table-pagination__page-number{padding:6px 12px;border:1px solid #d8d8d8;background-color:#fff;color:#555d67;border-radius:6px;font-size:14px;font-weight:600;min-width:40px;text-align:center;display:inline-block}.table-pagination__page-total{font-size:14px;color:#999;font-weight:500;white-space:nowrap}.data-table{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f;overflow:hidden}.data-table__container{overflow-x:auto}.data-table__table{width:100%;border-collapse:collapse}.data-table__header{background-color:#fff}.data-table__header th{padding:12px 24px;text-align:left;font-size:12px;font-weight:500;color:#121417;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #d8d8d8}.data-table__header th:hover{background-color:#e9ecef}.data-table__header th .header-content{display:flex;align-items:center;gap:4px}.data-table__header th .header-content span{white-space:nowrap}.data-table__header th .header-content .sort-icon{width:16px;height:16px;color:#b7bbc0;display:inline-flex;align-items:center;justify-content:center}.data-table__header th .header-content .sort-icon svg{transform:scale(.8)}.data-table__header th .header-content .sort-icon--active{color:#555d67}.data-table__body{background-color:#fff}.data-table__body tr{transition:background-color .15s;border-bottom:1px solid #e9ecef}.data-table__body tr:hover{background-color:#f5f7f8}.data-table__body tr:last-child{border-bottom:none}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover{background-color:#e9ecef!important}.data-table__row--clickable td{padding:16px 24px;white-space:nowrap;font-size:14px;color:#212529}.data-table__user-info{display:flex;align-items:center;gap:16px}.data-table__user-info-avatar{flex-shrink:0;width:32px;height:32px;border-radius:8px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center}.data-table__user-info-avatar span{font-size:12px;font-weight:500;color:#999}.data-table__user-info-details .name{font-size:14px;font-weight:500;color:#212529;margin-bottom:2px}.data-table__user-info-details .email{font-size:14px;color:#b7bbc0}.data-table__role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;background-color:#eceafd;color:#6a3ce2}.data-table__ban-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;background-color:#fee2e2;color:#d24242;margin-left:8px}.data-table__status{display:flex;align-items:center}.data-table__status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:all .15s;border:none;background:none;width:fit-content}.data-table__status-badge--resolved{background-color:#f0fdf4;color:#4bb543}.data-table__status-badge--unresolved{background-color:#fff3cd;color:#f39c12}.data-table__status-badge:hover{opacity:.8;transform:scale(1.05)}.data-table__text{font-size:14px;color:#212529}.data-table__text--secondary{font-size:12px;color:#b7bbc0;margin-top:2px}.data-table__date{font-size:14px;color:#212529}.action-column-header{width:60px;min-width:60px}.action-column-cell{width:60px;min-width:60px;padding:16px 12px!important;position:relative}.action-trigger{position:relative;display:flex;align-items:center;justify-content:center}.dots-icon{width:20px;height:20px;cursor:pointer;opacity:.6;transition:opacity .2s ease}.dots-icon:hover{opacity:1}.action-trigger{position:relative}.action-bar{position:absolute;right:46px;top:-8px;background-color:#fff;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;z-index:1000;display:flex;gap:0}.action-button{display:flex;align-items:center;gap:10px;width:100%;border:none;background-color:transparent;color:#212529;cursor:pointer;transition:background-color .2s ease;text-align:left;padding:6px 12px;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f}.action-button:hover{background-color:#e9ecef}.action-button:not(:last-child){border-right:1px solid #e9ecef}.action-button .action-icon{width:20px;height:20px;flex-shrink:0}.action-button .action-text{color:#212529;font-size:13px;font-weight:500;white-space:nowrap;position:relative;top:1px}.action-button--danger:hover{transition:background-color .3s;background-color:#fee2e2}.action-button--danger .action-text{color:#d24242!important}.components-page{display:flex;flex-direction:column;gap:24px;flex:1;height:100%}.components-page__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}@media (max-width: 520px){.components-page__heading{flex-direction:column;align-items:flex-start}}.components-page__title{flex:1;min-width:0}.components-page__subheading{color:#999;font-size:14px;margin-top:6px}.components-page__create-btn{display:inline-flex;align-items:center;gap:10px;width:fit-content;background-color:#121417;color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #121417;font-weight:700;letter-spacing:.01em;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f;transition:background-color .15s,transform .15s,box-shadow .15s}.components-page__create-btn svg path,.components-page__create-btn svg rect,.components-page__create-btn svg circle{fill:#fff;stroke:#fff}.components-page__create-btn:hover{background-color:#070809;transform:translateY(-1px);box-shadow:0 4px 6px -1px #070e231a,0 2px 4px -1px #070e230f}.components-page__create-btn:active{transform:translateY(0);box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.components-page__filters{display:grid;grid-template-columns:1fr 260px;gap:12px;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;padding:14px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;align-items:center}@media (max-width: 520px){.components-page__filters{grid-template-columns:1fr}}.components-page__filter-field{width:100%}.components-table{border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.components-table .data-table__header th{color:#555d67;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #e9ecef}.components-table .data-table__body tr{transition:background-color .15s,box-shadow .15s}.components-table .data-table__body tr:hover{background-color:#f8fafc}.components-table .data-table__body tr:hover .components-table__actions{opacity:1;pointer-events:auto;transform:translateY(0)}.components-table .data-table__body tr td{padding:16px 20px;font-size:14px;color:#212529;white-space:nowrap}.components-table .data-table__row--clickable td{white-space:normal}.components-table .data-table__row--clickable:hover{background-color:#f5f7f8!important}.components-table .data-table__pagination{border-top:1px solid #e9ecef}.components-table__component{display:flex;align-items:center;gap:12px}.components-table__component-icon{width:44px;height:44px;border-radius:8px;background-color:#6a3ce214;color:#6a3ce2;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.components-table__component-icon svg{width:20px;height:20px}.components-table__component-icon svg path{stroke:currentColor}.components-table__component-details{display:flex;flex-direction:column;gap:2px}.components-table__component-name{font-weight:700;color:#212529}.components-table__component-meta{font-size:12px;color:#999}.components-table__category{font-size:14px;font-weight:600;color:#555d67}.components-table__downloads{display:flex;align-items:center;gap:8px;color:#3c3c3c;font-weight:700}.components-table__downloads svg{width:16px;height:16px;fill:#999}.components-table__date{color:#555d67;font-weight:600}.components-table__actions{display:flex;justify-content:flex-end;gap:10px;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .15s,transform .15s}@media (max-width: 900px){.components-table__actions{opacity:1;pointer-events:auto;transform:none}}.components-table__action-btn{width:38px;height:38px;border-radius:8px;border:1px solid #e9ecef;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#555d67;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;transition:all .15s}.components-table__action-btn svg{width:18px;height:18px}.components-table__action-btn svg path{stroke:currentColor}.components-table__action-btn:hover{background-color:#f5f7f8;color:#6a3ce2;border-color:#6a3ce2;transform:translateY(-1px)}.components-table__action-btn:active{transform:translateY(0)}.components-table__action-btn--danger{color:#d24242}.components-table__action-btn--danger:hover{background-color:#fee2e2;border-color:#d24242;color:#d24242}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;background-color:#e9ecef;color:#555d67;white-space:nowrap;text-transform:capitalize}.status-badge__dot{width:8px;height:8px;border-radius:50%;background-color:#b7bbc0}.status-badge.status-active{background-color:#f0fdf4;color:#4bb543}.status-badge.status-active .status-badge__dot{background-color:#4bb543}.status-badge.status-draft{background-color:#f5f7f8;color:#555d67}.status-badge.status-draft .status-badge__dot{background-color:#b7bbc0}.status-badge.status-scheduled{background-color:#fff3cd;color:#f39c12}.status-badge.status-scheduled .status-badge__dot{background-color:#f39c12}.user-details{display:flex;flex-direction:column;height:100%}.user-details__avatar{width:80px;height:80px;border-radius:8px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.user-details__avatar span{font-size:24px;font-weight:600;color:#999}.user-details__info{width:100%;flex:1;overflow-y:auto}.user-details__divider{display:flex;align-items:center;margin:24px 0 16px;position:relative}.user-details__divider:before{content:"";flex:1;height:1px;background-color:#d8d8d8}.user-details__divider span{padding:0 16px;font-size:12px;font-weight:500;color:#b7bbc0;text-transform:uppercase;letter-spacing:.05em;background-color:#fff}.user-details__divider:after{content:"";flex:1;height:1px;background-color:#d8d8d8}.user-details__readonly-section{margin-top:8px}.user-details__row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.user-details__row:last-child{border-bottom:none}.user-details__row--readonly{opacity:.8}.user-details__row label{font-weight:500;color:#555d67;font-size:14px;min-width:140px}.user-details__row span{color:#212529;font-size:14px;text-align:right;flex:1}@media (max-width: 768px){.user-details__row{flex-direction:column;align-items:flex-start;gap:4px}.user-details__row label{min-width:auto}.user-details__row span{text-align:left}}.user-details__uuid{font-family:monospace;font-size:12px;color:#999;padding:4px 8px;border-radius:4px;word-break:break-all}.auth-login{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;width:100%;gap:30px;min-height:100vh;padding-top:50px;padding-bottom:50px;position:relative}@media (max-width: 768px){.auth-login{padding-top:40px!important;padding-bottom:50px!important}}.auth-login__header{text-align:center;margin-bottom:-10px;display:inline-block;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.auth-login__header:hover{opacity:.8}.auth-login__content{background-color:#fff;border-radius:8px;padding:32px;max-width:500px;width:100%;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;display:flex;flex-direction:column}@media (max-width: 520px){.auth-login__content{max-width:90%!important}}@media (max-width: 520px){.auth-login__content{padding:30px 25px}}.auth-login__content h1{text-align:center;color:#121417;font-size:24px}@media (max-width: 768px){.auth-login__content h1{font-size:20px!important}}.auth-login__content p{text-align:center;color:#3b3b3b;font-size:14px;font-weight:400;margin-bottom:24px}.auth-login__signup{text-align:center;color:#3b3b3b;font-size:14px;font-weight:400;margin-top:10px}.auth-login__footer{text-align:center;color:#3b3b3b;font-size:12px;font-weight:400;position:absolute;bottom:10px;left:0;right:0;width:100%}.auth-callback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:200px}.auth-callback p{color:#3b3b3b;font-size:14px;font-weight:400}.google-signin-btn{align-items:center;background-color:#fff;border:1px solid #d8d8d8;border-radius:8px;color:#555d67;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:center;line-height:1.5;padding:10px 20px;transition:all .15s;width:100%;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;margin-bottom:0}.google-signin-btn:hover{background-color:#f5f7f8;border-color:#ced4da;transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.google-signin-btn:active{transform:translateY(0)}.google-signin-btn__icon{flex-shrink:0;width:20px;height:20px}.google-signin-btn__label{white-space:nowrap}.forgot-password{font-size:12px;position:absolute;right:0;top:0}.resend-email-otp{display:flex;width:100%;justify-content:center;position:relative;top:30px}.resend-email-otp p{font-size:13px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px auto;width:100%}.auth-divider__line{flex:1;height:1px;background-color:#d8d8d8}.auth-divider__text{font-size:14px;color:#3b3b3b;font-weight:400;white-space:nowrap}.settings-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f;height:56px;overflow:hidden}.settings-header__inner{max-width:1280px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.settings-header__inner{padding:24px}}@media (max-width: 768px){.settings-header__inner{padding:16px}}.settings-header__inner__left span{font-weight:600;font-size:18px}.settings-header__inner__right{cursor:pointer;position:relative;border:1px solid #e9ecef;padding:20px}@media (max-width: 768px){.settings-header__inner__right{padding:0 7px 0 0;border:none}.settings-header__inner__right:after{content:"";position:absolute;top:-16px;left:-20px;width:1px;height:56px;background-color:#e9ecef}}.mobile-navigation{border-top:1px solid #e9ecef;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#fff;width:100%;padding:0 16px;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f}@media (min-width: 768px){.mobile-navigation{display:none}}.mobile-navigation__header{display:flex;justify-content:space-between;align-items:center;height:44px;width:100%;cursor:pointer}.mobile-navigation__header__left{display:flex;gap:10px;position:relative;left:-2px}.mobile-navigation__header__left svg{color:#6a3ce2}.mobile-navigation__header__left span{font-weight:500;font-size:14px;color:#3c3c3c}.mobile-navigation__header__right{padding-right:10px}.mobile-navigation__header__right svg{position:relative;left:-2px}.mobile-navigation__content{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:3;background:#f5f7f8}.mobile-navigation__content__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:#fff;height:56px;border-bottom:1px solid #e9ecef}.mobile-navigation__content__header__back-button{cursor:pointer}.mobile-navigation__content__header__back-button svg path{stroke:#121417}.mobile-navigation__content__header__active-item{display:flex;align-items:center;gap:10px}.mobile-navigation__content__header__active-item svg{color:#6a3ce2}.mobile-navigation__content__header__active-item span{font-weight:500;font-size:14px}.mobile-navigation__content__list{padding:16px}.mobile-navigation__content__list:hover .mobile-navigation__content__list-menu-item_active:not(:hover){background-color:transparent}.mobile-navigation__content__list-menu{margin-bottom:24px}.mobile-navigation__content__list-menu:last-child{margin-bottom:0}.mobile-navigation__content__list-menu-label{font-weight:600;font-size:12px;color:#555d67;margin-bottom:8px;padding:0 10px}.mobile-navigation__content__list-menu-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.mobile-navigation__content__list-menu-item:hover,.mobile-navigation__content__list-menu-item_active{background-color:#e9ecef}.mobile-navigation__content__list-menu-item_active svg{color:#6a3ce2!important}.mobile-navigation__content__list-menu-item_active .mobile-navigation__content__list-menu-item-label{color:#6a3ce2}.mobile-navigation__content__list-menu-item svg{color:#999;flex-shrink:0}.mobile-navigation__content__list-menu-item-label{font-weight:500;font-size:14px;color:#3c3c3c}.settings-sidebar{width:222px;height:100%;overflow:hidden;border-right:1px solid #e9ecef}@media (max-width: 768px){.settings-sidebar{display:none}}.settings-sidebar__menu{display:flex;flex-direction:column;gap:20px;padding-right:24px}.settings-sidebar__menu-list{display:flex;flex-direction:column;padding-bottom:5px;padding-top:5px}.settings-sidebar__menu-list:not(:last-child){position:relative}.settings-sidebar__menu-list:not(:last-child):after{content:"";display:block;position:absolute;left:-10px;right:0;width:260px;bottom:-10px;height:1px;background-color:#e9ecef}.settings-sidebar__menu-list-label{font-weight:600;font-size:12px;color:#555d67;margin-bottom:8px;padding:0 10px}.settings-sidebar__menu-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s ease}.settings-sidebar__menu-list-item:hover{background-color:#e9ecef;font-weight:600}.settings-sidebar__menu-list-item-label{color:#555d67;opacity:1;transition:opacity 1s;transition:.3s}.settings-sidebar__menu-list-item_active{background-color:#e9ecef;font-weight:600}.settings-sidebar__menu-list-item_active svg{color:#6a3ce2}.settings-sidebar__menu-list:hover .settings-sidebar__menu-list-item_active:not(:hover){background-color:transparent}.settings-layout{display:flex;flex-direction:column}.settings-layout__content{max-width:1280px;margin:0 auto;width:100%;display:flex;flex-direction:row;min-height:calc(100vh - 66px);overflow:hidden;padding:24px;gap:20px}@media (max-width: 768px){.settings-layout__content{padding:16px;flex-direction:column;gap:0;min-height:calc(100vh - 101px)}}.settings-layout__content__right{width:100%;display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.settings-layout__content__right{gap:15px}}.filters-columns__title{font-size:14px;font-weight:600;color:#212529;font-family:Inter,sans-serif;margin-bottom:16px}.filters-columns__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.filters-columns__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:2px solid #e9ecef;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s}.filters-columns__btn:hover{border:2px solid #121417;background-color:#f5f7f8}.filters-columns__btn:hover .filters-columns__bar{background-color:#1214171a;border:2px solid rgba(18,20,23,.2)}.filters-columns__btn:hover .filters-columns__label{color:#121417}.filters-columns__btn--active{border:2px solid #121417;background-color:#f5f7f8}.filters-columns__btn--active .filters-columns__bar{background-color:#1214171a;border:2px solid rgba(18,20,23,.2)}.filters-columns__btn--active .filters-columns__label{color:#121417}.filters-columns__visual{display:flex;gap:2px;width:100%;height:24px}.filters-columns__bar{flex:1;background-color:#f5f7f8;border:2px solid #e9ecef;border-radius:2px;transition:all .15s}.filters-columns__bar:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.filters-columns__bar:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.filters-columns__label{font-size:10px;font-weight:500;color:#b7bbc0;font-family:Inter,sans-serif;transition:color .15s}.filters-elements__title{font-size:14px;font-weight:600;color:#212529;font-family:Inter,sans-serif;margin-bottom:16px}.filters-elements__search{position:relative;margin-bottom:12px}.filters-elements__search-icon{position:absolute;left:10px;top:23%;transform:scale(.8);color:#ced4da;pointer-events:none}.filters-elements__search-input{width:100%;padding:8px 12px 6px 40px;font-size:12px;font-weight:500;border:2px solid #e9ecef;border-radius:6px;font-family:Inter,sans-serif;background-color:#fff;transition:border .15s}.filters-elements__search-input:hover,.filters-elements__search-input:focus,.filters-elements__search-input:active{outline:none;border:2px solid #121417}.filters-elements__search-input::placeholder{color:#ced4da}.filters-elements__list{display:flex;flex-wrap:wrap;gap:8px;max-height:128px;overflow-y:auto;padding-right:8px}.filters-elements__list::-webkit-scrollbar{width:4px}.filters-elements__list::-webkit-scrollbar-track{background:transparent}.filters-elements__list::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:2px}.filters-elements__empty{width:100%;text-align:center;padding:16px;font-size:12px;color:#b7bbc0;font-family:Inter,sans-serif}.filters-elements__block{width:fit-content;padding:6px 12px;font-size:12px;font-weight:500;color:#999;font-family:Inter,sans-serif;background-color:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.filters-elements__block:hover{border:2px solid #121417;color:#121417}.filters-elements__block--selected{background-color:#121417;border:2px solid #121417;color:#fff}.filters-elements__block--selected:hover{opacity:.95;color:#fff;border:2px solid #121417}.filters-pricing__title{font-size:14px;font-weight:600;color:#212529;font-family:Inter,sans-serif;margin-bottom:16px}.filters-pricing__buttons{display:flex;background-color:#f5f7f8;padding:4px;border-radius:8px;gap:0}.filters-pricing__btn{flex:1;padding:6px 12px;font-size:12px;font-weight:500;color:#b7bbc0;font-family:Inter,sans-serif;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.filters-pricing__btn:hover{color:#212529}.filters-pricing__btn--active{background-color:#fff;color:#212529;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.filters-pricing__icon{fill:currentColor;transform:scale(.6)}.filters{margin-bottom:24px}.filters__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}@media screen and (max-width: 400px){.filters__header{flex-direction:column;align-items:flex-start}}.filters__results{font-size:14px;color:#b7bbc0;font-family:Inter,sans-serif;margin-right:auto;padding-left:5px}.filters__results-count{font-weight:600;color:#212529}.filters__divider{width:1px;height:16px;background-color:#e9ecef;display:none}@media (min-width: 640px){.filters__divider{display:block}}.filters__toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e9ecef;border-radius:8px;background-color:#fff;color:#555d67;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;width:fit-content}@media screen and (max-width: 400px){.filters__toggle{width:100%;justify-content:center}}.filters__toggle svg{flex-shrink:0;color:currentColor;transform:scale(.7)}.filters__toggle svg:last-child{transform:scale(.6)}.filters__toggle:hover{background-color:#f5f7f8}.filters__toggle--active{background-color:#f5f7f8;border-color:#d8d8d8;color:#212529}.filters__sort-wrapper{position:relative;margin-left:8px}@media (min-width: 640px){.filters__sort-wrapper{margin-left:0}}.filters__sort{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#999;font-family:Inter,sans-serif;cursor:pointer;transition:color .15s;background:transparent;border:none;padding:0}.filters__sort svg{flex-shrink:0;color:currentColor;transform:scale(.6)}.filters__sort:hover{color:#212529}.filters__sort-dropdown{position:absolute;top:160%;right:0;margin-top:8px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f;min-width:160px;z-index:10;overflow:hidden}@media screen and (max-width: 400px){.filters__sort-dropdown{width:90vw;left:-7px}}.filters__sort-option{display:block;width:100%;padding:8px 16px;font-size:14px;font-weight:500;color:#555d67;font-family:Inter,sans-serif;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s}.filters__sort-option:hover{background-color:#f5f7f8}.filters__sort-option--active{background-color:#f5f7f8;color:#212529}.filters__panel{position:absolute;width:100%;max-width:1000px;margin-left:auto;right:0;z-index:3;background-color:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px;margin-top:16px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;animation:slideDown .3s ease-out}.filters__panel-grid{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.filters__panel-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:32px 0}}.filters__divider-vertical{display:none}@media (min-width: 1024px){.filters__divider-vertical{display:block;width:1px;height:60%;background-color:#e9ecef;margin:0 16px;align-self:center}}.filters__checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.filters__checkbox-input{position:absolute;opacity:0;pointer-events:none}.filters__checkbox-custom{width:16px;height:16px;border:1px solid #d8d8d8;border-radius:4px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.filters__checkbox-input:checked+.filters__checkbox-custom{background-color:#6a3ce2;border-color:#6a3ce2}.filters__checkbox-check{width:10px;height:10px;color:#fff;opacity:0;transition:opacity .15s}.filters__checkbox-input:checked+.filters__checkbox-custom .filters__checkbox-check{opacity:1}.filters__checkbox-label{font-size:14px;color:#999;font-family:Inter,sans-serif;transition:color .15s}.filters__checkbox:hover .filters__checkbox-label{color:#212529}.filters__panel-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f5f7f8}.filters__clear{width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;color:#999;font-family:Inter,sans-serif;background:transparent;border:none;cursor:pointer;transition:color .15s}.filters__clear:hover{color:#212529}.filters__apply{width:fit-content;padding:8px 24px;font-size:14px;font-weight:500;color:#fff;font-family:Inter,sans-serif;background-color:#121417;border:none;border-radius:8px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.filters__apply:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f}.filters__active{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center;align-content:center}.filters__active-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#e9ecef;border:1px solid #d8d8d8;border-radius:8px;font-size:12px;font-weight:500;color:#555d67;font-family:Inter,sans-serif;white-space:nowrap}.filters__active-tag-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;margin-left:4px;color:#ced4da;transition:color .15s}.filters__active-tag-close:hover{color:#212529}.filters__active-tag-close svg{transform:scale(.7)}.filters__active-clear{display:inline-flex;align-items:center;width:fit-content;font-size:12px;font-weight:500;color:#6a3ce2;font-family:Inter,sans-serif;background:transparent;border:none;cursor:pointer;transition:color .15s;white-space:nowrap;height:fit-content}.filters__active-clear:hover{opacity:.95}button.filters__active-clear{margin-left:5px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 639px){.filters__divider,.filters__results{display:none}}.grid{display:grid;gap:24px;width:100%;grid-template-columns:repeat(3,1fr);padding-bottom:40px;transition:opacity .3s}.grid--filters-active{opacity:.6}@media (max-width: 1440px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.grid{grid-template-columns:repeat(1,1fr)}}.grid__card{aspect-ratio:500/360;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none!important}.grid__card:hover,.grid__card:visited,.grid__card:active,.grid__card:focus{text-decoration:none!important}@media (max-width: 767px){.grid__card{text-decoration:none!important}.grid__card:hover,.grid__card:visited,.grid__card:active,.grid__card:focus{text-decoration:none!important}.grid__card *,.grid__card h3,.grid__card p,.grid__card span,.grid__card div{text-decoration:none!important}}@media (max-width: 500px){.grid__card{min-height:320px;max-width:100%}}@media (min-width: 768px){.grid__card:hover{text-decoration:none;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;transform:translateY(-4px)}.grid__card:hover .grid__card-overlay{opacity:1}}.grid__card-image{background-color:#f5f7f8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;flex:1;min-height:0;padding:15px}.grid__card-image img{display:block;width:100%;max-height:100%;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.grid__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000000d;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease-in-out;padding:16px}.grid__card-overlay-btn{padding:4px 6px;border-radius:8px;border:none;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;width:fit-content;height:32px;position:absolute;top:16px}.grid__card-overlay-btn:disabled{cursor:not-allowed;opacity:.6}.grid__card-overlay-btn svg{flex-shrink:0;transform:scale(.7)}.grid__card-overlay-btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.grid__card-overlay-btn--new-tab{background-color:#fff;border:1px solid #e9ecef;color:#121417;right:100px;width:38px;height:32px}.grid__card-overlay-btn--new-tab svg{width:16px;height:16px;transform:none}.grid__card-overlay-btn--new-tab:hover:not(:disabled){background-color:#f5f7f8}.grid__card-overlay-btn--new-tab.grid__card-overlay-btn--new-tab-locked,.grid__card-overlay-btn--new-tab-locked{right:59px!important}.grid__card-overlay-btn--download{background-color:#fff;border:1px solid #e9ecef;color:#121417;right:58px}.grid__card-overlay-btn--download svg{stroke:#121417;fill:#121417}.grid__card-overlay-btn--download:hover:not(:disabled){background-color:#f5f7f8}.grid__card-overlay-btn--download .grid__card-overlay-btn-spinner{border-top-color:#121417}.grid__card-overlay-btn--copy{background-color:#121417;color:#fff;right:16px}.grid__card-overlay-btn--copy svg{stroke:#fff}.grid__card-overlay-btn--copy:hover:not(:disabled){background-color:#3c3c3c}.grid__card-overlay-btn--copy .grid__card-overlay-btn-spinner{border-top-color:#fff}.grid__card-overlay-btn--lock{background-color:#121417;color:#fff;right:16px;min-width:36px}.grid__card-overlay-btn--lock svg{width:18px!important;stroke:#fff;fill:none;transform:scale(.9)}.grid__card-overlay-btn--lock:hover:not(:disabled){background-color:#3c3c3c}.grid__card-overlay-btn--lock .grid__card-overlay-btn-spinner{border-top-color:#fff}.grid__card-content{padding:16px}.grid__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px}.grid__card-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#121417;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid__card-badge{font-size:10px;font-weight:700;text-transform:uppercase;background-color:#f0fdf4;color:#4bb543;padding:2px 8px;border-radius:12px;flex-shrink:0;letter-spacing:.5px;border:1px solid #4bb543;position:relative;top:10px}.grid__card-badge--pro{background-color:#3c3c3c;color:#fff;border:1px solid #121417}.grid__card-meta{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#555d67;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-home__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;margin-top:20px;min-height:400px}.dashboard-home__empty-icon-wrapper{position:relative;margin-bottom:24px}.dashboard-home__empty-icon-wrapper:hover .dashboard-home__empty-icon-glow{opacity:1}.dashboard-home__empty-icon-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#6a3ce233;border-radius:50%;filter:blur(40px);opacity:0;transition:opacity .5s ease}.dashboard-home__empty-icon{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#6a3ce2,#5a3f8f);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #6a3ce233;box-shadow:0 10px 25px #6a3ce233,0 0 0 4px #6a3ce21a}.dashboard-home__empty-icon svg{stroke:#fff;fill:#fff3;transform:scale(1.3)}.dashboard-home__empty-title{font-size:24px;font-weight:700;color:#121417;margin-bottom:12px;font-family:inherit}.dashboard-home__empty-text{font-size:16px;color:#b7bbc0;line-height:1.6;max-width:448px;margin:0 auto 32px}.dashboard-home__empty-break{display:none}.dashboard-home__empty-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#f5f7f8;color:#555d67;font-weight:500;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d;transition:all .15s ease;text-decoration:none;font-size:14px;cursor:pointer;font-family:Inter,sans-serif;width:fit-content}.dashboard-home__empty-btn svg{fill:currentColor;position:relative;top:2px}.dashboard-home__empty-btn:hover{background:#e9ecef;box-shadow:0 1px 3px #0000001a;text-decoration:none}@media (min-width: 640px){.dashboard-home__empty-break{display:block}}.dashboard-home__loading-more{display:flex;align-items:center;justify-content:center;padding:32px 20px}.dashboard-home__loading-more-spinner{width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#6a3ce2;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 767px){.dashboard-home__empty{padding:40px 20px;min-height:320px}.dashboard-home__empty-icon{width:64px;height:64px}.dashboard-home__empty-icon svg{transform:scale(1.1)}.dashboard-home__empty-title{font-size:20px}.dashboard-home__empty-text{font-size:15px}.dashboard-home__empty-btn{font-size:13px;padding:9px 20px}.dashboard-home__empty-btn svg{position:static;top:0}}.card{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:8px;box-shadow:0 2px 4px -1px #070e2314,0 1px 6px -1px #070e230f;width:100%;background:#fff}@media (max-width: 768px){.card{padding:16px}}.card__header{display:flex;flex-direction:column;gap:5px}.card__header__title-row{display:flex;align-items:center;gap:8px}.card__header__icon{width:18px;height:18px;color:#6a3ce2}.card__header h3{font-size:16px}.card__header span{font-size:14px}.card__body{display:flex;flex-direction:column;gap:20px}.card__body p{font-size:14px}.component-page__related{margin-top:64px}.component-page__related-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.component-page__related-title{font-size:20px;font-weight:700;color:#121417;margin:0}.component-page__related-view-all{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#6a3ce2;text-decoration:none;transition:color .15s}.component-page__related-view-all:hover{text-decoration:underline}.component-page__related-arrow{width:12px;height:12px;transition:transform .15s}.component-page__related-arrow path{stroke:#6a3ce2}.component-page__related-view-all:hover .component-page__related-arrow{transform:translate(2px)}.component-page .related-components{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media screen and (min-width: 1401px){.component-page .related-components>a:nth-child(n+4){display:none}}@media (max-width: 1440px){.component-page .related-components{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.component-page .related-components{grid-template-columns:repeat(1,1fr)}}@media (max-width: 500px){.component-page .related-components{grid-template-columns:1fr}}.component-page__related-empty{margin-top:20px;padding:32px 24px;border:1px solid #e9ecef;border-radius:12px;background:linear-gradient(180deg,#743fdd0a,#ffffffe6);display:flex;flex-direction:column;align-items:center;text-align:center}.component-page__related-empty-icon-wrapper{position:relative;margin-bottom:16px;width:70px;height:70px}.component-page__related-empty-icon-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#6a3ce233;border-radius:50%;filter:blur(8px)}.component-page__related-empty-icon{position:relative;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6a3ce2,#5a3f8f);box-shadow:0 8px 20px #6a3ce22e}.component-page__related-empty-icon svg{color:#fff}.component-page__related-empty-title{font-size:20px;font-weight:700;color:#121417;margin-bottom:8px}.component-page__related-empty-text{font-size:15px;color:#b7bbc0;line-height:1.6;max-width:360px;margin-bottom:18px}.component-page__related-empty-break{display:none}.component-page__related-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid #e9ecef;border-radius:8px;background:#fff;color:#555d67;font-weight:600;transition:all .2s ease;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;text-decoration:none}.component-page__related-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #070e231a,0 2px 4px -1px #070e230f;color:#121417;text-decoration:none}.component-page__related-empty-btn svg{flex-shrink:0}@media (max-width: 767px){.component-page__related-empty{padding:24px 16px}.component-page__related-empty-icon,.component-page__related-empty-icon-wrapper{width:60px;height:60px}.component-page__related-empty-title{font-size:18px}.component-page__related-empty-text{font-size:14px}.component-page__related-empty-btn{font-size:13px}.component-page__related-empty-break{display:block}}.component-page .related-component{aspect-ratio:500/360;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none!important}.component-page .related-component:hover,.component-page .related-component:visited,.component-page .related-component:active,.component-page .related-component:focus{text-decoration:none!important}@media (max-width: 767px){.component-page .related-component{max-width:100%;text-decoration:none!important}.component-page .related-component:hover,.component-page .related-component:visited,.component-page .related-component:active,.component-page .related-component:focus{text-decoration:none!important}.component-page .related-component *,.component-page .related-component h3,.component-page .related-component p,.component-page .related-component span,.component-page .related-component div{text-decoration:none!important}}@media (max-width: 500px){.component-page .related-component{min-height:320px}}@media (min-width: 768px){.component-page .related-component:hover{text-decoration:none;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;transform:translateY(-4px)}.component-page .related-component:hover .related-component__overlay{opacity:1}}.component-page .related-component__image{background-color:#f5f7f8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;flex:1;min-height:0;padding:15px}.component-page .related-component__image img{display:block;width:100%;max-height:100%;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.component-page .related-component__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000000d;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease-in-out;padding:16px}.component-page .related-component__overlay-btn{padding:4px 6px;border-radius:8px;border:none;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;width:fit-content;height:32px;position:absolute;top:16px}.component-page .related-component__overlay-btn:disabled{cursor:not-allowed;opacity:.6}.component-page .related-component__overlay-btn svg{flex-shrink:0;transform:scale(.7)}.component-page .related-component__overlay-btn--lock svg{transform:none}.component-page .related-component__overlay-btn--view{background-color:#fff;border:1px solid #e9ecef;color:#121417;right:58px}.component-page .related-component__overlay-btn--view svg{stroke:#121417;fill:#121417}.component-page .related-component__overlay-btn--view:hover:not(:disabled){background-color:#f5f7f8}.component-page .related-component__overlay-btn--copy{background-color:#121417;color:#fff;right:16px}.component-page .related-component__overlay-btn--copy svg{stroke:#fff}.component-page .related-component__overlay-btn--copy:hover:not(:disabled){background-color:#3c3c3c}.component-page .related-component__overlay-btn--lock{background-color:#121417;color:#fff;right:16px;min-width:36px}.component-page .related-component__overlay-btn--lock svg{width:18px!important;stroke:#fff;fill:none}.component-page .related-component__overlay-btn--lock:hover:not(:disabled){background-color:#3c3c3c}.component-page .related-component__content{padding:16px}.component-page .related-component__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px}.component-page .related-component__title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#121417;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-page .related-component__badge{font-size:10px;font-weight:700;text-transform:uppercase;background-color:#f0fdf4;color:#4bb543;padding:2px 8px;border-radius:12px;flex-shrink:0;letter-spacing:.5px;border:1px solid #4bb543;position:relative;top:10px}.component-page .related-component__badge--pro{background-color:#3c3c3c;color:#fff;border:1px solid #121417}.component-page .related-component__meta{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#555d67;margin:0}.component-page{display:flex;flex-direction:column;margin:0 auto 64px;padding-bottom:40px}.component-page__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px}.component-page__header__info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.component-page__header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:10px}.component-page__header__actions button{white-space:nowrap;padding:10px 20px}@media (max-width: 350px){.component-page__header__actions{flex-direction:column;max-width:350px}.component-page__header__actions button{width:100%}}.component-page__header__unlock-btn{max-width:fit-content!important}.component-page__header button.btn.btn--fit-content.btn--black.component-page__unlock-btn svg{width:18px!important}@media (max-width: 1024px){.component-page__header{flex-direction:column;align-items:flex-start;gap:20px}.component-page__header__actions{width:100%}.component-page__header__actions button{flex:1}}.component-page__title-row{display:flex;align-items:center;gap:10px;margin-top:5px}@media (max-width: 1024px){.component-page__title-row{margin-top:10px}}.component-page__pro-badge{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#555d67;background-color:#f5f7f8;padding:6px 12px;border-radius:8px;border:1px solid #e9ecef;margin-top:8px;max-width:fit-content}.component-page__pro-badge svg{width:14px;height:14px;color:#555d67}.component-page__free-badge{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#4bb543;background-color:#f0fdf4;padding:6px 12px;border-radius:8px;border:1px solid #4bb543;margin-top:8px;max-width:fit-content}.component-page__free-badge-emoji{font-size:14px;line-height:1}.component-page__edit-btn{display:flex;align-items:center;justify-content:center;padding:6px;max-width:fit-content;background:transparent;border:none;border-radius:8px;color:#ced4da;cursor:pointer;transition:all .15s}.component-page__edit-btn:hover{color:#6a3ce2;background-color:#6a3ce214}.component-page__edit-btn:disabled{opacity:.5;cursor:not-allowed}.component-page__edit-btn svg{width:18px;height:18px}.component-page__button-spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.component-page__title{font-family:Inter,sans-serif;font-size:30px;font-weight:700;color:#121417;margin:0;letter-spacing:-.3px}@media (max-width: 500px){.component-page__title{font-size:22px}}.component-page__description{font-family:Inter,sans-serif;font-size:17px;font-weight:500;color:#555d67;margin:0;line-height:1.6;max-width:650px}@media (max-width: 500px){.component-page__description{font-size:15px}}.component-page__content{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}@media (max-width: 1250px){.component-page__content{grid-template-columns:1fr;gap:24px}}.component-page__main-column{display:flex;flex-direction:column;gap:40px}.component-page__preview{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.component-page__preview__toolbar{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #f5f7f8;padding:12px 16px}.component-page__preview__dots{display:flex;gap:6px}.component-page__preview__dots .dot{width:10px;height:10px;border-radius:50%;background-color:#e9ecef}.component-page__preview__demo-link{display:flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#999;text-decoration:none;transition:color .15s}.component-page__preview__demo-link:hover{color:#6a3ce2;text-decoration:none}.component-page__preview__demo-link svg{width:16px;height:16px;position:relative;top:-.5px}.component-page__preview__viewport{min-height:400px;background-color:#f5f7f8;display:flex;align-items:center;justify-content:center;padding:32px}@media screen and (max-width: 1440px){.component-page__preview__viewport{min-height:350px}}@media (max-width: 460px){.component-page__preview__viewport{min-height:auto;padding:16px}}.component-page__preview__image-wrapper{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.component-page__preview__image-wrapper img{display:block;width:100%;height:auto}.component-page__preview__placeholder{font-family:Inter,sans-serif;font-size:14px;color:#ced4da}.component-page__details-column{display:flex;flex-direction:column;gap:24px;height:100%}.component-page__details-column .card__header__icon{width:auto;height:auto}.component-page__details{border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border-radius:12px;padding:24px;gap:0}.component-page__details .card__header{margin-bottom:20px}.component-page__details .card__header__title-row{gap:8px;align-items:flex-end}.component-page__details .card__header__title-row svg{transform:scale(.9)}.component-page__details .card__header__icon{color:#6a3ce2}.component-page__details .card__header h3{font-size:13px;font-weight:700;color:#121417;letter-spacing:1px;text-transform:uppercase;margin:0}.component-page__details .card__body{gap:0}.component-page__requirements{border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border-radius:12px;padding:24px;gap:0}.component-page__requirements .card__header{margin-bottom:0}.component-page__requirements .card__header h3{font-size:12px;font-weight:700;color:#ced4da;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.component-page__requirements .card__body{gap:0}.component-page .component-details{display:flex;flex-direction:column;gap:16px}.component-page .component-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.component-page .component-details__grid--full{grid-template-columns:1fr}.component-page .component-details__badge{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#555d67;background-color:#f5f7f8;padding:10px 14px;border-radius:8px;border:1px solid #e9ecef;margin-top:8px}.component-page .component-details__badge-check{color:#4bb543;transform:scale(.8)}.component-page .component-details__badge-icon{color:#555d67;width:20px;height:20px;position:relative;top:-2px}.component-page .detail-item{display:flex;flex-direction:column;gap:6px}.component-page .detail-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#b7bbc0}.component-page .detail-value{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#121417}.component-page .detail-value--badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.component-page .detail-value--success{background-color:#f0fdf4;color:#4bb543}.component-page .detail-value--link{color:#6a3ce2;cursor:pointer;transition:all .15s}.component-page .detail-value--link:hover{text-decoration:underline}.component-page__elements{border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border-radius:12px;padding:24px;gap:0}.component-page__elements .card__header{margin-bottom:20px}.component-page__elements .card__header__title-row{gap:8px;align-items:flex-end}.component-page__elements .card__header__title-row svg{transform:scale(.9)}.component-page__elements .card__header__icon{color:#6a3ce2}.component-page__elements .card__header h3{font-size:13px;font-weight:700;color:#121417;letter-spacing:1px;text-transform:uppercase;margin:0}.component-page__elements .card__body{gap:0}.component-page .component-elements{display:flex;flex-wrap:wrap;gap:8px}.component-page .component-elements__item{max-width:fit-content;padding:8px 12px;background-color:#f5f7f8;border:1px solid #f5f7f8;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#555d67;transition:all .15s}.component-page .component-elements__item:hover{border-color:#e9ecef}.component-page .requirements{display:flex;flex-wrap:wrap;gap:8px}.component-page__about-title{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#121417;margin:0 0 16px}.component-page__about-description{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#555d67;line-height:1.6;margin:0 0 24px}.component-page__about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;list-style:none;padding:0;margin:0}.component-page__about-features li{display:flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#555d67}.component-page__about-features li svg{color:#4bb543;flex-shrink:0;transform:scale(.8);position:relative;top:2px}@media (max-width: 768px){.component-page__about-features{grid-template-columns:1fr}}.component-page__report-bug{padding-top:16px;border-top:1px solid #e9ecef}.component-page__report-bug button{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#b7bbc0;cursor:pointer;transition:color .15s}.component-page__report-bug button:hover{color:#d24242}.component-page__report-bug button svg{width:16px;height:16px}.demo-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.demo-page--loading,.demo-page--error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:#b7bbc0}.demo-page__header{height:64px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:50;position:relative}@media (min-width: 768px){.demo-page__header{padding:0 24px}}.demo-page__header-left{display:flex;align-items:center;gap:16px;width:25%}@media (max-width: 767px){.demo-page__header-left{width:auto}}.demo-page__back-link{display:flex;align-items:center;gap:8px;color:#b7bbc0;text-decoration:none;transition:color .15s ease}.demo-page__back-link:hover{color:#121417}.demo-page__back-link:hover .demo-page__back-icon{background:#e9ecef}.demo-page__back-icon{padding:6px;border-radius:6px;background:#f5f7f8;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.demo-page__back-icon svg{fill:currentColor}.demo-page__back-text{font-weight:500;font-size:14px;display:none}@media (min-width: 1025px){.demo-page__back-text{display:block}}.demo-page__divider{height:24px;width:1px;background:#e9ecef;display:none}@media (min-width: 768px){.demo-page__divider{display:block}}.demo-page__title{font-weight:600;font-size:14px;display:block}@media (min-width: 1025px){.demo-page__title{display:none}}.demo-page__device-toggle{display:flex;align-items:center;justify-content:center;gap:4px;background:#f5f7f8;padding:4px;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d}@media (max-width: 767px){.demo-page__device-toggle{display:none}}.demo-page__device-btn{padding:8px;border-radius:6px;color:#b7bbc0;background:transparent;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.demo-page__device-btn svg{width:16px;height:16px}.demo-page__device-btn:hover{color:#121417;background:#ffffff80}.demo-page__device-btn--active{color:#121417;background:#fff;box-shadow:0 1px 2px #0000000d;border:1px solid #e9ecef}@media (max-width: 1024px) and (min-width: 768px){.demo-page__device-btn--desktop{display:none}}@media (max-width: 767px){.demo-page__device-btn--desktop{display:none}}@media (max-width: 767px){.demo-page__device-btn--tablet{display:none}}.demo-page__header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:25%}@media (max-width: 1024px){.demo-page__header-right{width:auto}}.demo-page__action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;width:fit-content}.demo-page__action-btn:disabled{cursor:not-allowed;opacity:.6}.demo-page__action-btn svg{flex-shrink:0}@media (max-width: 499px){.demo-page__action-btn{padding:5px}.demo-page__action-btn svg{transform:scale(.8)}}.demo-page__action-btn span{display:none}@media (min-width: 640px){.demo-page__action-btn span{display:inline}}.demo-page__action-btn--secondary{background:#fff;color:#555d67;border:1px solid #d8d8d8;box-shadow:0 1px 2px #0000000d}.demo-page__action-btn--secondary:hover:not(:disabled){background:#f5f7f8}.demo-page__action-btn--primary{background:#121417;color:#fff;box-shadow:0 4px 6px #0000001a}.demo-page__action-btn--primary:hover:not(:disabled){background:#3c3c3c;transform:translateY(-1px)}.demo-page__button-spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.demo-page__canvas{flex:1;position:relative;background:#ebebeb;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:32px 0;width:100%}@media (max-width: 1024px){.demo-page__canvas{padding-left:20px;padding-right:20px}}.demo-page__device-wrapper{background:#fff;position:relative;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);height:100%;width:100%;max-width:100%;border:1px solid rgba(216,216,216,.5)}.demo-page__device-wrapper--desktop{width:100%;height:100%;border-radius:0;overflow:hidden}.demo-page__device-wrapper--tablet{width:768px;height:95%;margin-top:16px;border-radius:24px;border:8px solid #121417;overflow:visible}.demo-page__device-wrapper--mobile{width:375px;height:90%;margin-top:16px;border-radius:32px;border:8px solid #121417;overflow:visible}.demo-page__device-wrapper--resizing{transition:none;-webkit-user-select:none;user-select:none}.demo-page__resize-handle{position:absolute;top:50%;right:-20px;transform:translateY(-50%);width:40px;height:80px;cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d8d8d8;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .15s ease}.demo-page__resize-handle:before{content:"⋮⋮";font-size:30px;color:#b7bbc0;letter-spacing:-2px;line-height:1}.demo-page__resize-handle:hover{background:#f5f7f8;border-color:#ced4da;box-shadow:0 4px 12px #00000026}.demo-page__resize-handle:hover:before{color:#555d67}.demo-page__resize-handle:active{background:#e9ecef}@media (max-width: 1199px){.demo-page__resize-handle{display:none}}.demo-page__device-notch{height:32px;background:#d3d2d2;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;border-top-left-radius:12px;border-top-right-radius:12px}.demo-page__device-notch--mobile{border-top-left-radius:25px;border-top-right-radius:25px}@media (max-width: 767px){.demo-page__device-notch{border-top-left-radius:25px!important;border-top-right-radius:25px!important}}.demo-page__device-notch-bar{width:64px;height:16px;background:#121417;border-radius:9999px}.demo-page__preview-content{flex:1;overflow:hidden;width:100%;height:100%;background:#fff;transition:background .3s ease;border-radius:inherit;position:relative}.demo-page__iframe{width:100%;height:100%;border:none;display:block}.demo-page__iframe-loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;position:absolute;top:0;left:0;z-index:1}.demo-page__iframe-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#121417;border-radius:50%;animation:spin .8s linear infinite}.demo-page__iframe-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;color:#b7bbc0;font-size:16px}.demo-page__iframe-error p{margin:0}.demo-page__res-badge{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:12px;font-family:monospace;padding:6px 12px;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.alert{display:flex;align-items:center;gap:20px;padding:16px;border-radius:8px}@media (max-width: 420px){.alert{flex-direction:column;text-align:center}}.alert--info{background-color:#fff3cd;border-left:4px solid #f39c12}.alert__left{min-width:24px;margin-bottom:auto;padding-top:5px}.alert__right h3{font-size:16px;font-weight:600}.alert__right p{font-size:14px}.alert__right button{margin-top:15px}@media (max-width: 420px){.alert__right button{max-width:100%}}.alert__right .alert__actions{display:flex;gap:15px;margin-top:10px}@media (max-width: 420px){.alert__right .alert__actions{justify-content:center;gap:20px}}.alert__right .alert__actions .alert__action-link{color:#121417;text-decoration:underline;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s ease}.alert__right .alert__actions .alert__action-link:hover{color:#c87f0a}.alert__right .alert__actions .alert__action-link:focus{outline:2px solid #f39c12;outline-offset:2px;border-radius:2px}.membership-settings__annual-banner-content{display:flex;flex-direction:column;gap:16px;padding:24px;background:linear-gradient(135deg,#121417,#3c3c3c);border-radius:12px;margin-bottom:24px;position:relative;overflow:hidden}.membership-settings__annual-banner-content:before{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:#6a3ce2;border-radius:50%;filter:blur(60px);opacity:.4;transition:opacity .3s}.membership-settings__annual-banner-content:hover:before{opacity:.6}@media (min-width: 1024px){.membership-settings__annual-banner-content{flex-direction:row;justify-content:space-between;align-items:center}}.membership-settings__annual-banner-text{flex:1;position:relative;z-index:1}.membership-settings__annual-banner-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2}.membership-settings__annual-banner-description{font-family:Inter,sans-serif;font-size:14px;color:#d8d8d8;margin:0;line-height:1.5}.membership-settings__annual-banner-button{padding:0;border:none;background:transparent;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;color:#eceafd;white-space:nowrap;max-width:fit-content;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.membership-settings__annual-banner-button span{line-height:1}.membership-settings__annual-banner-button:hover:not(:disabled) .membership-settings__annual-banner-arrow{transform:translate(4px)}.membership-settings__annual-banner-button:active:not(:disabled){transform:scale(.98)}.membership-settings__annual-banner-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1023px){.membership-settings__annual-banner-button{width:100%;justify-content:flex-start}}.membership-settings__annual-banner-arrow{width:16px;height:16px;transition:transform .3s;color:#fff}.membership-settings__annual-banner-arrow path{stroke:#fff!important;fill:none!important}.membership-settings__error-card{margin-bottom:24px}.membership-settings__error-card .card__header{display:none}.membership-settings__error-content{display:flex;flex-direction:column;gap:16px;padding:0;text-align:center;align-items:center}@media (min-width: 768px){.membership-settings__error-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.membership-settings__error-text{font-size:14px;color:#555d67;margin:0;line-height:1.5}.membership-settings__error-button{padding:8px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:#3c3c3c;color:#fff}.membership-settings__error-button:hover:not(:disabled){background:#121417}.membership-settings__error-button:disabled{opacity:.6;cursor:not-allowed}.membership-settings__warning-card{margin-bottom:24px}.membership-settings__warning-card .card__header{display:none}.membership-settings__warning-content{display:flex;flex-direction:column;gap:16px;padding:0;text-align:center;align-items:center}@media (min-width: 768px){.membership-settings__warning-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}.membership-settings__warning-text{font-size:14px;color:red;font-weight:600;margin:0;line-height:1.5}.membership-settings__warning-button{padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;background:#4bb543;color:#fff;max-width:fit-content}.membership-settings__warning-button:hover:not(:disabled){background:#10b981e6}.membership-settings__warning-button:disabled{opacity:.6;cursor:not-allowed}.membership-settings__plan-card{margin-bottom:24px}.membership-settings__plan-card .card__header{display:none}.membership-settings__plan-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0}@media (min-width: 1150px){.membership-settings__plan-content{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}.membership-settings__plan-info{display:flex;align-items:flex-start;gap:16px;flex:1;width:100%;min-width:fit-content}@media (max-width: 330px){.membership-settings__plan-info{flex-direction:column}}.membership-settings__plan-icon{width:48px;height:48px;background:#f5f7f8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999;border:1px solid #e9ecef;flex-shrink:0}.membership-settings__plan-icon svg{width:24px;height:24px}.membership-settings__plan-details{flex:1}.membership-settings__plan-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.membership-settings__plan-name{font-size:18px;font-weight:700;color:#121417;margin:0;line-height:1.2}.membership-settings__plan-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;background:#4bb543;color:#fff;font-size:12px;font-weight:700;border:1px solid #4bb543;white-space:nowrap;transform:scale(.8)}.membership-settings__plan-badge--free{background:#f5f7f8;color:#555d67;border:1px solid #e9ecef}.membership-settings__plan-description{font-size:14px;color:#999;margin:0;line-height:1.5}.membership-settings__plan-action{display:flex;flex-direction:row;justify-content:flex-end;gap:12px;width:100%}@media (max-width: 550px){.membership-settings__plan-action{flex-direction:column}}.membership-settings__upgrade-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#121417,#3c3c3c);color:#fff;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px #00000026;flex:1;width:100%}@media (min-width: 1150px){.membership-settings__upgrade-button{width:fit-content;flex:none}}.membership-settings__upgrade-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0003}.membership-settings__upgrade-button:active:not(:disabled){transform:scale(.98)}.membership-settings__upgrade-button:disabled{opacity:.6;cursor:not-allowed}.membership-settings__upgrade-icon{fill:currentColor;transform:scale(.9)}.membership-settings__upgrade-button:disabled .membership-settings__upgrade-icon{animation:spin .8s linear infinite}.membership-settings__manage-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fff;color:#555d67;border:1px solid #e9ecef;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;flex:1;width:100%}@media (min-width: 1150px){.membership-settings__manage-button{width:fit-content;flex:none}}.membership-settings__manage-button:hover:not(:disabled){background:#f5f7f8;border-color:#d8d8d8}.membership-settings__manage-button:active:not(:disabled){transform:scale(.98)}.membership-settings__manage-button:disabled{opacity:.6;cursor:not-allowed}.membership-settings__manage-chevron{width:16px;height:16px;fill:currentColor;transition:transform .15s;position:relative;top:1px}.membership-settings__manage-button:hover:not(:disabled) .membership-settings__manage-chevron{transform:translate(2px)}.membership-settings__plan-cancellation{font-size:13px;color:#dc2626;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.membership-settings__transactions-list{display:flex;flex-direction:column;padding:0;gap:8px}.membership-settings__transaction-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fafafa;border-radius:8px;border:1px solid #e9ecef}@media (max-width: 440px){.membership-settings__transaction-item{flex-direction:column;gap:10px;align-items:flex-start}}.membership-settings__transaction-left{display:flex;align-items:center;gap:16px;flex:1}.membership-settings__transaction-icon{width:48px;height:48px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.membership-settings__transaction-icon svg{width:24px;height:24px;color:#999}.membership-settings__transaction-icon--active{background:#ebebeb;transform:scale(.8)}.membership-settings__transaction-icon--active svg{color:#121417}.membership-settings__transaction-details{display:flex;flex-direction:column;gap:2px}.membership-settings__transaction-date{font-size:14px;font-weight:600;color:#212529;line-height:1.4}.membership-settings__transaction-invoice{font-size:12px;color:#999;line-height:1.4}.membership-settings__transaction-right{display:flex;flex-direction:row;align-items:center;gap:8px}@media (max-width: 440px){.membership-settings__transaction-right{justify-content:space-between;width:100%}}.membership-settings__transaction-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;text-transform:capitalize}.membership-settings__transaction-status--paid{background:#d1fae5;color:#065f46}.membership-settings__transaction-status--pending{background:#fef3c7;color:#92400e}.membership-settings__transaction-status--failed,.membership-settings__transaction-status--chargeback{background:#fee2e2;color:#991b1b}.membership-settings__transaction-status--refunded{background:#e0e7ff;color:#3730a3}.membership-settings__transaction-amount{font-size:14px;font-weight:600;color:#121417;line-height:1.2;min-width:56px;text-align:right}@media (max-width: 440px){.membership-settings__transaction-amount{text-align:right}}.membership-settings__header{margin-bottom:32px}.membership-settings__title{font-size:24px;font-weight:700;color:#121417;margin:0 0 8px;line-height:1.2}.membership-settings__subtitle{font-size:14px;color:#999;margin:0;line-height:1.5}.membership-settings__promo-wrapper{margin-top:24px}.membership-settings__actions-card{margin-bottom:24px}.membership-settings__actions-card .card__header{display:none}.membership-settings__actions-content{display:flex;flex-direction:column;gap:16px;padding:16px}@media (min-width: 768px){.membership-settings__actions-content{flex-direction:row;justify-content:space-between;align-items:center}}.membership-settings__payment-info{display:flex;align-items:center;gap:12px;flex:1}.membership-settings__payment-icon{width:20px;height:20px;flex-shrink:0;color:#10b981}.membership-settings__payment-icon svg{width:100%;height:100%;fill:currentColor}.membership-settings__payment-text{display:flex;flex-direction:column;gap:4px}.membership-settings__payment-title{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#555d67;line-height:1.2}.membership-settings__payment-description{font-family:Inter,sans-serif;font-size:13px;color:#999;line-height:1.4}.membership-settings__action-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid #e9ecef;background:#fff;color:#555d67;white-space:nowrap;max-width:fit-content}.membership-settings__action-button:hover:not(:disabled){background:#f5f7f8;border-color:#d8d8d8}.membership-settings__action-button:disabled{opacity:.6;cursor:not-allowed}.membership-settings__action-icon{width:16px;height:16px;fill:currentColor;transition:transform .15s}.membership-settings__action-button:hover:not(:disabled) .membership-settings__action-icon{transform:translate(2px,-2px)}.pricing-card{position:relative;display:flex;flex-direction:column;background:#fafafa;width:100%;box-sizing:border-box}.pricing-card--dark{background:#0f172a;border-radius:24px;padding:42px 40px;color:#fff;box-shadow:0 25px 50px -12px #6a3ce21a;border:1px solid rgba(255,255,255,.1);margin-top:5px}@media (max-width: 442px){.pricing-card--dark{padding-left:28px;padding-right:28px}}@media (max-width: 340px){.pricing-card--dark{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.pricing-card--dark{padding:40px;margin-top:0}}.pricing-card:not(.pricing-card--dark){padding:32px 40px;border:1px solid #e9ecef;border-radius:24px}@media (max-width: 442px){.pricing-card:not(.pricing-card--dark){padding-left:28px;padding-right:28px}}@media (max-width: 340px){.pricing-card:not(.pricing-card--dark){padding-left:20px;padding-right:20px}}@media (min-width: 768px){.pricing-card:not(.pricing-card--dark){padding:40px}}.pricing-card__gradient-blob{position:absolute;top:0;right:0;width:256px;height:256px;background:#6a3ce2;border-radius:50%;filter:blur(100px);opacity:.2;pointer-events:none}.pricing-card__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:9999px;background:#6a3ce2;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #6a3ce2;width:fit-content;z-index:10;white-space:nowrap}.pricing-card__badge-icon{transform:scale(.8);fill:currentColor}.pricing-card__header{margin-bottom:24px}@media (max-width: 767px){.pricing-card__header{margin-bottom:20px}}.pricing-card__name{font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.2}.pricing-card--dark .pricing-card__name{color:#fff}.pricing-card:not(.pricing-card--dark) .pricing-card__name{color:#121417}.pricing-card__description{font-size:14px;margin:0;line-height:1.5}.pricing-card--dark .pricing-card__description{color:#9ca3af}.pricing-card:not(.pricing-card--dark) .pricing-card__description{color:#999}.pricing-card__price{display:flex;align-items:baseline;gap:8px;margin-bottom:32px}@media (max-width: 767px){.pricing-card__price{margin-bottom:20px}}.pricing-card__price-amount{font-size:48px;font-weight:700;line-height:1;letter-spacing:-.02em}@media (max-width: 380px){.pricing-card__price-amount{font-size:34px}}.pricing-card--dark .pricing-card__price-amount{color:#fff}.pricing-card:not(.pricing-card--dark) .pricing-card__price-amount{color:#121417}.pricing-card__price-period{font-size:18px;font-weight:500}.pricing-card--dark .pricing-card__price-period{color:#9ca3af}.pricing-card:not(.pricing-card--dark) .pricing-card__price-period{color:#999}.pricing-card__equivalent{font-size:14px;margin:-24px 0 26px;line-height:1.5;position:relative;top:11px}@media (min-width: 768px){.pricing-card__equivalent{font-size:12px;position:absolute;top:157px;margin-bottom:32px}}.pricing-card--dark .pricing-card__equivalent{color:#9ca3af}.pricing-card:not(.pricing-card--dark) .pricing-card__equivalent{color:#999}.pricing-card__button{padding:14px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin-bottom:40px}@media (max-width: 767px){.pricing-card__button{margin-bottom:24px}}.pricing-card__button--primary{background:#6a3ce2;color:#fff;box-shadow:0 10px 15px -3px #4f46e580}.pricing-card__button--primary:hover{background:#6366f1;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 20px -4px #4f46e599}.pricing-card__button--secondary{background:#fff;color:#555d67;border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.pricing-card__button--secondary:hover{background:#f5f7f8;border-color:#d8d8d8;text-decoration:none}.pricing-card__button-icon{position:relative;top:1px;width:16px;height:16px;transition:transform .15s}.pricing-card__button:hover .pricing-card__button-icon{transform:translate(4px)}.pricing-card__features-wrapper{flex:1}.pricing-card__features-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 24px}@media (max-width: 767px){.pricing-card__features-label{margin-bottom:18px}}.pricing-card--dark .pricing-card__features-label{color:#fff}.pricing-card:not(.pricing-card--dark) .pricing-card__features-label{color:#b7bbc0}.pricing-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.pricing-card__feature{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.5}@media (max-width: 350px){.pricing-card__feature{gap:8px;font-size:13px}}.pricing-card--dark .pricing-card__feature{color:#e5e7eb}.pricing-card:not(.pricing-card--dark) .pricing-card__feature{color:#555d67}.pricing-card__feature-text{display:flex;align-items:center;gap:8px;white-space:nowrap}@media (max-width: 370px){.pricing-card__feature-text{gap:5px}}.pricing-card__feature-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;background:#6a3ce21a;color:#6a3ce2}@media (max-width: 370px){.pricing-card__feature-badge{transform:scale(.8);position:relative;left:-9px}}.pricing-card--dark .pricing-card__feature-badge{background:#6a3ce233;color:#c4b5fd}.pricing-card__feature-check{position:relative;width:16px;height:16px;border-radius:50%;background:#e9ecef;flex-shrink:0;margin-top:2px}.pricing-card--dark .pricing-card__feature-check{background:#1f2937}.pricing-card__feature-check-icon{position:absolute;top:-23%;left:-6%;transform:scale(.8);color:#4bb543;min-width:20px}.pricing-card--dark .pricing-card__feature-check-icon{color:#4bb543}.pricing-card__feature-icon-wrapper{padding:6px;border-radius:8px;background:#1f2937;color:#c4b5fd;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pricing-card__feature-icon{width:24px;height:24px}.pricing-card__feature-icon--download path{fill:#c4b5fd}.pricing-toggle{display:inline-flex;align-items:center;justify-content:center;gap:16px}.pricing-toggle__label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#b7bbc0;transition:color .15s}.pricing-toggle__label--active{color:#121417}.pricing-toggle__switch-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.pricing-toggle__switch{position:relative;width:56px;height:32px;background:#e9ecef;border-radius:9999px;padding:4px;border:none;cursor:pointer;transition:background-color .3s;outline:none}.pricing-toggle__switch:focus{outline:2px solid #6a3ce2;outline-offset:2px}.pricing-toggle__switch-slider{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;transform:translate(0);transition:transform .3s;pointer-events:none}.pricing-toggle__switch-slider--active{transform:translate(24px)}.pricing-toggle__badge{position:absolute;top:145%;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#6a3ce2;background:#eceafd;padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(106,60,226,.1);white-space:nowrap}.upgrade-page{padding-bottom:24px}.upgrade-page__container{max-width:1152px;margin:0 auto}.upgrade-page__toggle-wrapper{display:flex;justify-content:center;margin-bottom:64px}@media (max-width: 768px){.upgrade-page__toggle-wrapper{margin-bottom:48px}}.upgrade-page__cards{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;max-width:1200px;margin:0 auto}@media (min-width: 981px){.upgrade-page__cards{grid-template-columns:repeat(2,1fr);gap:32px}}@media (min-width: 981px) and (max-width: 1100px){.upgrade-page__cards{gap:16px}.upgrade-page__cards .pricing-card--free{grid-column:1/-1;order:3}.upgrade-page__cards .pricing-card--pro{order:1}.upgrade-page__cards .pricing-card--lifetime{order:2}}@media (min-width: 1100px) and (max-width: 1300px){.upgrade-page__cards{grid-template-columns:repeat(2,1fr);gap:30px}.upgrade-page__cards .pricing-card--free{grid-column:1/-1;order:3}.upgrade-page__cards .pricing-card--pro{order:1}.upgrade-page__cards .pricing-card--lifetime{order:2}}@media (min-width: 1301px) and (max-width: 1350px){.upgrade-page__cards{grid-template-columns:repeat(3,1fr);gap:16px}.upgrade-page__cards .pricing-card--free{order:1}.upgrade-page__cards .pricing-card--pro{order:2}.upgrade-page__cards .pricing-card--lifetime{order:3}}@media (min-width: 1351px){.upgrade-page__cards{grid-template-columns:repeat(3,1fr);gap:32px}.upgrade-page__cards .pricing-card--free{order:1}.upgrade-page__cards .pricing-card--pro{order:2}.upgrade-page__cards .pricing-card--lifetime{order:3}}.upgrade-page .pricing-card__button--primary{border:1px solid #6a3ce2}.upgrade-page .pricing-card__button--primary:hover{border-color:#6a3ce2}.upgrade-complete{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px}.upgrade-complete__container{text-align:center;max-width:600px;width:100%}.upgrade-complete__loading{display:flex;flex-direction:column;align-items:center;gap:24px}.upgrade-complete__inner{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.upgrade-complete__inner svg{position:absolute;top:45%;left:44%;transform:scale(1.5)}.upgrade-complete__spinner{width:140px;height:140px;border:4px solid transparent;border-top:4px solid #121417;border-radius:50%;animation:spin 1s linear infinite;position:relative;transform:scale(.7)}.upgrade-complete__spinner:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top:4px solid #121417;border-radius:50%}.upgrade-complete__loading-text{font-size:24px;font-weight:600;color:#3b3b3b;font-family:Inter,sans-serif}.upgrade-complete__steps{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.upgrade-complete__step{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;color:#3b3b3b;font-family:Inter,sans-serif;opacity:.5;transition:opacity .3s ease}.upgrade-complete__step--current{opacity:1}.upgrade-complete__step--current .upgrade-complete__spinner-icon svg circle{fill:#121417;stroke:#121417;color:#121417}.upgrade-complete__step--completed{opacity:1;display:flex}.upgrade-complete__checkmark{flex-shrink:0;color:#4bb543}.upgrade-complete__spinner-icon{flex-shrink:0;color:#121417;animation:spin 1s linear infinite}.upgrade-complete__spinner-icon svg circle{fill:#121417;stroke:#121417;color:#121417}.upgrade-complete__step-text{line-height:1.4}.upgrade-complete__success{display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease-in}.upgrade-complete__title{font-size:32px;font-weight:700;color:#3b3b3b;font-family:Inter,sans-serif;line-height:1.3;margin:0 0 8px}.upgrade-complete__subtitle{font-size:20px;font-weight:500;color:#3b3b3b;font-family:Inter,sans-serif;line-height:1.3;margin:0 0 32px;opacity:.8}.upgrade-complete__countdown{font-size:18px;font-weight:500;color:#3b3b3b;font-family:Inter,sans-serif;margin:0;opacity:.7}@keyframes spin{0%{transform:scale(.7) rotate(0)}to{transform:scale(.7) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.upgrade-complete{min-height:50vh;padding:32px 20px}.upgrade-complete__title{font-size:24px}.upgrade-complete__subtitle,.upgrade-complete__countdown{font-size:16px}.upgrade-complete__loading-text{font-size:20px}}.banner{display:block;width:100%;background:linear-gradient(to right,#121417,#6a3ce2);padding:12px 0;text-align:center;text-decoration:none;transition:opacity .2s ease;cursor:pointer;position:relative;z-index:1}.banner:hover{opacity:.9;text-decoration:none}.banner__content{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.banner__icon{width:18px;height:18px;flex-shrink:0}.banner__text{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px}.newsletter-form-container{width:100%;max-width:448px;margin:0 auto}.newsletter-form-wrapper{background:#f5f7f8;border:1px solid #e9ecef;border-radius:12px;padding:8px;display:inline-flex;align-items:center;gap:8px;width:100%}.newsletter-form-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6a3ce2;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;flex-shrink:0}@media (max-width: 449px){.newsletter-form-icon{display:none}}.newsletter-form{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;flex:1;gap:10px}@media (max-width: 369px){.newsletter-form{flex-direction:column}}.newsletter-form-input{font-family:Inter,sans-serif;color:#555d67;font-size:14px;margin:0;width:100%;max-width:300px;min-width:100px;background:transparent;border:none;box-sizing:border-box;padding:8px 12px}.newsletter-form-input::placeholder{color:#ced4da}.newsletter-form-input:focus{outline:none}.newsletter-form-button{background:#121417;font-size:14px;color:#fff;font-family:Inter,sans-serif;display:flex;width:min-content;max-width:300px;white-space:nowrap;height:38px;align-items:center;justify-content:center;flex-direction:row;padding:9px 17px;box-shadow:#0000000d 0 1px 2px;border-radius:6px;text-align:center;font-style:normal;font-weight:500;line-height:20px;border:none;cursor:pointer;transition:background .2s ease}@media (max-width: 369px){.newsletter-form-button{width:100%;max-width:none}}.newsletter-form-button:hover:not(:disabled){background:#3c3c3c}.newsletter-form-button:disabled{cursor:not-allowed;opacity:.7}.newsletter-loading-button{background:#121417;font-size:14px;color:#fff;font-family:Inter,sans-serif;display:none;width:min-content;max-width:300px;white-space:nowrap;height:38px;align-items:center;justify-content:center;flex-direction:row;padding:9px 17px;box-shadow:#0000000d 0 1px 2px;border-radius:6px;text-align:center;font-style:normal;font-weight:500;line-height:20px;border:none;cursor:pointer}.newsletter-success{display:none;align-items:center;justify-content:center;flex:1}.newsletter-success-message{font-family:Inter,sans-serif;color:#6a3ce2;font-size:16px;margin:0}.newsletter-error{display:none;align-items:center;justify-content:center;flex:1}.newsletter-error-message{font-family:Inter,sans-serif;color:#b91c1c;font-size:16px;margin:0}.newsletter-back-button{color:#6b7280;font:14px Inter,sans-serif;margin:10px auto;text-align:center;display:none;background:transparent;border:none;cursor:pointer;transition:text-decoration .2s ease}.newsletter-back-button:hover{text-decoration:underline}.front-footer{background:#fff;border-top:1px solid #e9ecef;padding:80px 24px 40px}@media (max-width: 768px){.front-footer{padding:60px 24px 32px}}@media (max-width: 350px){.front-footer{padding-left:20px;padding-right:20px}}.front-footer__container{max-width:1200px;margin:0 auto}.front-footer__grid{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:48px}@media (min-width: 768px){.front-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}}.front-footer__brand .branding{margin-bottom:24px}.front-footer__description{font-size:14px;color:#999;line-height:1.6;margin-bottom:24px;max-width:300px}@media (max-width: 767px){.front-footer__description{max-width:none}}.front-footer__social{display:flex;gap:16px}.front-footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f7f8;border-radius:50%;color:#ced4da;transition:all .3s;text-decoration:none}.front-footer__social-link:hover{background:#121417;color:#fff}.front-footer__social-link svg{transform:scale(.8)}.front-footer__newsletter{margin-top:24px;max-width:448px}@media (max-width: 767px){.front-footer__newsletter{max-width:none}}@media (max-width: 767px){.front-footer__newsletter .newsletter-form-container{max-width:none}}@media (min-width: 768px) and (max-width: 1023px){.front-footer__newsletter .newsletter-form{flex-direction:column}}@media (max-width: 767px){.front-footer__newsletter .newsletter-form-input{max-width:none}}@media (min-width: 768px) and (max-width: 1023px){.front-footer__newsletter .newsletter-form-input{max-width:100%}}@media (min-width: 768px) and (max-width: 1023px){.front-footer__newsletter .newsletter-form-button{width:100%;max-width:none}}.front-footer__column{display:flex;flex-direction:column}.front-footer__heading{font-size:16px;font-weight:700;color:#121417;margin-bottom:24px}@media (max-width: 768px){.front-footer__heading{margin-bottom:12px}}.front-footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.front-footer__link{font-size:14px;font-weight:500;color:#999;text-decoration:none;transition:color .3s}.front-footer__link:hover{color:#6a3ce2}.front-footer__bottom{border-top:1px solid #e9ecef;padding-top:32px;display:flex;flex-direction:column;gap:16px;align-items:center}@media (min-width: 768px){.front-footer__bottom{flex-direction:row;justify-content:space-between}}.front-footer__copyright{font-size:14px;font-weight:500;color:#ced4da}.front-footer__bottom-links{display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.front-footer__bottom-links{justify-content:center}}.front-footer__message{font-size:14px;font-weight:500;color:#b7bbc0;text-align:center}@media (min-width: 768px){.front-footer__message{text-align:right}}.front-header{position:sticky;top:0;z-index:100;padding:16px 24px}.front-header__container{position:relative;max-width:1200px;margin:0 auto;background:#fff;border-radius:50px;box-shadow:0 1px 3px #0000001a;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.front-header__left{display:flex;align-items:center;flex-shrink:0}.front-header__left .branding{position:relative;top:3px}.front-header__nav{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}@media (max-width: 768px){.front-header__nav{display:none}}.front-header__mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:12px}@media (max-width: 768px){.front-header__mobile-toggle{display:flex;align-items:center;justify-content:center}}.front-header__mobile-toggle-icon{width:24px;height:24px;stroke:#121417}.front-header__nav-link{color:#4b5563;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s ease}@media (min-width: 768px) and (max-width: 810px){.front-header__nav-link{font-size:13px}}.front-header__nav-link:hover{color:#6a3ce2;text-decoration:none}.front-header__right{display:flex;align-items:center;gap:20px;flex-shrink:0}.front-header__cta-button{display:flex;align-items:center;background:#121417;color:#fff;padding:10px 20px;border-radius:26px;text-decoration:none;font-size:15px;font-weight:500;transition:background-color .2s ease}.front-header__cta-button:hover{background:#1f2937;text-decoration:none}@media (max-width: 768px){.front-header__cta-button{display:none}}.front-header__cta-arrow{width:16px;height:16px;stroke:#fff;position:relative;right:-7px}.front-header__mobile-menu{display:none;position:absolute;top:calc(100% + 16px);left:24px;right:24px;background:#fff;border-radius:26px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;z-index:99;opacity:0;transform:translateY(-20px) scale(.95);animation:slideDown .3s ease-out forwards}@media (max-width: 768px){.front-header__mobile-menu{display:block}}.front-header__mobile-nav{display:flex;flex-direction:column;gap:16px}.front-header__mobile-nav-link{color:#4b5563;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s ease;padding:8px 0}.front-header__mobile-nav-link:hover{color:#6a3ce2;text-decoration:none}.front-header__mobile-cta-button{display:flex;align-items:center;justify-content:center;background:#121417;color:#fff;padding:12px 20px;border-radius:26px;text-decoration:none;font-size:15px;font-weight:500;transition:background-color .2s ease;margin-top:8px}.front-header__mobile-cta-button:hover{background:#1f2937;text-decoration:none}.front-header__mobile-cta-arrow{width:16px;height:16px;stroke:#fff;position:relative;right:-7px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background-color:#121417;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a;transition:all .3s ease;z-index:1000}.scroll-to-top:hover{transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 6px 16px #0006,0 0 0 1px #fff3}.scroll-to-top:active{transform:translateY(0)}.scroll-to-top__icon{width:24px;height:24px;color:#fff}.scroll-to-top__icon path{stroke:#fff}.front-layout{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb;position:relative}.front-layout:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(106,60,226,.15) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;opacity:0;animation:fadeInDots .8s ease-in forwards;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.85) 58%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.25) 74%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.08) 82%,rgba(0,0,0,.03) 86%,transparent 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.85) 58%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.55) 66%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.25) 74%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.08) 82%,rgba(0,0,0,.03) 86%,transparent 90%,transparent 100%)}.front-layout__content{flex:1;position:relative;z-index:1}@keyframes fadeInDots{0%{opacity:0}to{opacity:1}}.not-found-page{min-height:calc(100vh - 250px);display:flex;align-items:center;justify-content:center;position:relative;padding:80px 24px}@media (max-width: 768px){.not-found-page{padding:60px 24px;min-height:calc(100vh - 60px)}}.not-found-page__pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none}.not-found-page__container{max-width:768px;margin:0 auto;text-align:center;position:relative;z-index:1}.not-found-page__visual{position:relative;margin-bottom:32px;display:inline-block}.not-found-page__number{font-size:150px;font-weight:900;line-height:1;color:#f5f7f8;-webkit-user-select:none;user-select:none;letter-spacing:-.02em}@media (max-width: 768px){.not-found-page__number{font-size:120px}}@media (max-width: 480px){.not-found-page__number{font-size:100px}}.not-found-page__card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:24px;max-width:384px;width:100%}@media (max-width: 768px){.not-found-page__card{max-width:320px;padding:20px}}@media (max-width: 480px){.not-found-page__card{max-width:280px;padding:16px}}.not-found-page__card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f5f7f8}.not-found-page__card-icon{width:32px;height:32px;border-radius:8px;background:#ef44441a;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.not-found-page__card-text{text-align:left;flex:1}.not-found-page__card-title{font-size:12px;font-weight:700;color:#121417;margin-bottom:2px}.not-found-page__card-code{font-size:10px;color:#ced4da;font-family:monospace}.not-found-page__card-content{display:flex;flex-direction:column;gap:8px}.not-found-page__card-line{height:8px;background:#f5f7f8;border-radius:4px}.not-found-page__card-line:nth-child(1){width:100%}.not-found-page__card-line:nth-child(2){width:75%}.not-found-page__card-line:nth-child(3){width:83.333%}.not-found-page__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 16px;line-height:1.2}@media (min-width: 768px){.not-found-page__title{font-size:36px}}.not-found-page__description{font-size:16px;color:#999;line-height:1.6;max-width:512px;margin:0 auto 48px}@media (min-width: 768px){.not-found-page__description{font-size:18px;margin-bottom:48px}}.not-found-page__actions{display:flex;justify-content:center;gap:16px}.not-found-page__button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.not-found-page__button--primary{background:#121417;color:#fff;box-shadow:0 10px 15px -3px #0003}.not-found-page__button--primary:hover{background:#3c3c3c;box-shadow:0 10px 15px -3px #0000004d}.not-found-page__button--secondary{background:#fff;border:1px solid #e9ecef;color:#555d67}.not-found-page__button--secondary:hover{border-color:#d8d8d8;color:#121417}.not-found-page__button--secondary svg{color:#ced4da}.blog-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.blog-header{padding:48px 24px}}@media (max-width: 350px){.blog-header{padding-left:20px;padding-right:20px}}.blog-header__container{max-width:800px;margin:0 auto}.blog-header__badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#8b5cf61a;color:#6a3ce2;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.blog-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px;color:#1f2937}@media (max-width: 768px){.blog-header__title{font-size:36px}}@media (max-width: 441px){.blog-header__title{font-size:30px}}.blog-header__subtitle{font-size:18px;color:#4b5563;line-height:1.6;margin:0}@media (max-width: 441px){.blog-header__subtitle{font-size:16px}}.blog-listing{padding:80px 24px;background:#fff}@media (max-width: 768px){.blog-listing{padding:48px 24px}}@media (max-width: 350px){.blog-listing{padding-left:20px;padding-right:20px}}.blog-listing__container{max-width:1200px;margin:0 auto}.blog-listing__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px}.blog-listing__category{padding:8px 20px;border-radius:50px;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid #e9ecef;background:#fff;color:#999;cursor:pointer;max-width:fit-content}.blog-listing__category:hover{border-color:#8b5cf64d;color:#6a3ce2}.blog-listing__category--active{background:#121417;color:#fff;border-color:#121417;box-shadow:0 4px 6px -1px #0000001a}.blog-listing__category--active:hover{color:#fff}.blog-listing__featured{margin-bottom:64px;text-decoration:none;color:inherit;display:block}.blog-listing__featured:hover{text-decoration:none}.blog-listing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media (max-width: 1024px){.blog-listing__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-listing__grid{grid-template-columns:1fr;gap:24px}}.blog-featured-post{position:relative;border-radius:24px;overflow:hidden;background:#121417;color:#fff;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width: 1024px){.blog-featured-post{grid-template-columns:1fr;padding:32px;gap:32px}}.blog-featured-post:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#8b5cf6e6,#1f2937e6);z-index:0}.blog-featured-post:after{content:"";position:absolute;top:0;right:0;width:600px;height:600px;background:#8b5cf633;border-radius:50%;filter:blur(60px);transform:translate(30%,-30%);z-index:0}.blog-featured-post__image-wrapper{position:relative;z-index:1;display:none}@media (min-width: 1025px){.blog-featured-post__image-wrapper{display:block}}.blog-featured-post__image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.1);opacity:.8;transition:opacity .3s ease,transform .3s ease}.blog-featured-post__content{position:relative;z-index:1}.blog-featured-post__meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-size:14px}.blog-featured-post__badge{background:#ffffff1a;padding:4px 12px;border-radius:50px;font-weight:500;color:#c4b5fd;border:1px solid rgba(255,255,255,.1)}.blog-featured-post__date{color:#cbd5e1;display:flex;align-items:center;gap:6px}.blog-featured-post__title{font-size:36px;font-weight:700;line-height:1.2;margin:0 0 24px;letter-spacing:-.5px}@media (max-width: 768px){.blog-featured-post__title{font-size:28px}}.blog-featured-post__excerpt{font-size:18px;line-height:1.75;color:#cbd5e1;margin:0 0 32px;max-width:512px}@media (max-width: 768px){.blog-featured-post__excerpt{font-size:16px}}.blog-featured-post__meta-footer{display:flex;align-items:center;gap:16px}.blog-featured-post__read-time{font-size:14px;color:#cbd5e1;display:flex;align-items:center;gap:6px}.blog-featured-post__clock-icon{width:14px;height:14px}.blog-post{background:#fff;border:1px solid #e9ecef;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit}.blog-post:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px);border-color:#d8d8d8;text-decoration:none}.blog-post:hover .blog-post__title{color:#6a3ce2}.blog-post__image{width:100%;height:192px;object-fit:cover;display:block}.blog-post__content{padding:24px;display:flex;flex-direction:column;flex:1}.blog-post__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blog-post__category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6a3ce2;background:#8b5cf61a;padding:4px 8px;border-radius:6px}.blog-post__read-time{font-size:12px;color:#ced4da;display:flex;align-items:center;gap:4px}.blog-post__clock-icon{width:12px;height:12px}.blog-post__title{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px;color:#121417;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post__excerpt{font-size:14px;color:#b7bbc0;line-height:1.6;margin:0 0 24px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid #f5f7f8;margin-top:auto}.blog-post__date{font-size:12px;color:#ced4da}.blog-post__read-time-footer{font-size:12px;color:#ced4da;display:flex;align-items:center;gap:4px}.blog-listing__load-more{display:flex;justify-content:center;margin-top:64px}@media (max-width: 768px){.blog-listing__load-more{margin-top:48px}}.blog-listing__load-more-button{padding:12px 32px;border-radius:50px;font-size:14px;font-weight:600;background:#121417;color:#fff;border:1px solid #121417;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;max-width:fit-content}.blog-listing__load-more-button:hover:not(:disabled){background:#3c3c3c;border-color:#3c3c3c;color:#fff}.blog-listing__load-more-button:disabled{opacity:.6;cursor:not-allowed}.blog-listing__empty{text-align:center;padding:80px 24px}.blog-listing__empty-message{font-size:16px;color:#999;margin:0}.blog-post-page{padding:20px 24px 0}@media (max-width: 768px){.blog-post-page{padding:20px 24px 0}}.blog-post-page__container{max-width:1200px;margin:0 auto}.blog-post-page__back-button{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;color:#999;background:none;border:none;cursor:pointer;transition:color .3s;border-radius:8px}.blog-post-page__back-button:hover{color:#121417;background:#f5f7f8}.blog-post-page__back-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f7f8;transition:background .3s}.blog-post-page__header{margin-bottom:48px}.blog-post-page__meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.blog-post-page__category{font-size:12px;font-weight:700;color:#6a3ce2;background:#eceafd;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.blog-post-page__read-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#999;background:#f5f7f8;padding:4px 12px;border-radius:50px}.blog-post-page__clock-icon{width:12px;height:12px}.blog-post-page__title{font-size:48px;font-weight:700;color:#121417;margin-bottom:20px;line-height:1.2}@media (max-width: 768px){.blog-post-page__title{font-size:32px}}.blog-post-page__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-post-page__date{font-size:14px;color:#999}.blog-post-page__social-share{display:flex;align-items:center;gap:10px}.blog-post-page__share-button{display:flex;align-items:center;justify-content:center;background:#f5f7f8;border:none;border-radius:50%;cursor:pointer;transition:all .3s}.blog-post-page__share-icon{width:18px;height:18px;color:#999;transition:color .3s}.blog-post-page__share-button:hover .blog-post-page__share-icon{color:#000}.blog-post-page__share-icon--x{width:auto;height:auto;transform:scale(.9)}.blog-post-page__content-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;margin-top:48px;padding-top:60px;padding-bottom:80px;position:relative}@media (max-width: 1024px){.blog-post-page__content-grid{grid-template-columns:1fr;gap:32px}}.blog-post-page__content-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;background:#fff;width:100vw;left:50%;transform:translate(-50%);z-index:-1}.blog-post-page__article{min-width:0}.blog-post-page__markdown{font-size:16px;line-height:1.25;color:#3b3b3b}.blog-post-page__markdown h1{margin-bottom:20px}.blog-post-page__markdown h2{font-size:24px;font-weight:700;color:#121417;margin-top:40px;margin-bottom:20px;line-height:1.5}.blog-post-page__markdown p{margin-bottom:24px;color:#555d67}.blog-post-page__markdown img{width:100%;height:auto;border-radius:12px;margin:32px 0}.blog-post-page__markdown code{background:#f5f7f8;padding:2px 6px;border-radius:4px;font-size:14px;font-family:monospace}.blog-post-page__markdown pre{background:#121417;color:#fff;padding:24px;border-radius:16px;overflow-x:auto;margin:32px 0}.blog-post-page__markdown pre code{background:none;padding:0;color:#eceafd}.blog-post-page__markdown ul,.blog-post-page__markdown ol{margin:24px 0;padding-left:24px}.blog-post-page__markdown ul li,.blog-post-page__markdown ol li{margin-bottom:12px;color:#555d67}.blog-post-page__markdown blockquote{border-left:4px solid #6a3ce2;padding-left:24px;margin:32px 0;color:#555d67;font-style:italic}.blog-post-page__markdown a{color:#6a3ce2;text-decoration:underline}.blog-post-page__sidebar{display:flex;flex-direction:column;gap:32px;position:sticky;top:128px;align-self:flex-start;height:fit-content}@media (max-width: 1024px){.blog-post-page__sidebar{display:none}}.blog-post-page__toc{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px}.blog-post-page__toc-title{font-size:16px;font-weight:700;color:#121417;margin-bottom:16px;display:flex;align-items:center;gap:8px}.blog-post-page__toc-title:before{content:"#";color:#6a3ce2;font-weight:700}.blog-post-page__toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.blog-post-page__toc-link{font-size:14px;color:#999;text-decoration:none;transition:color .3s}.blog-post-page__toc-link:hover{color:#121417}.blog-post-page__toc-link:first-child{color:#6a3ce2;font-weight:600}.blog-post-page__newsletter{background:#121417;color:#fff;border-radius:16px;padding:24px}.blog-post-page__newsletter .newsletter-form-container{max-width:none}.blog-post-page__newsletter .newsletter-form-wrapper{background:transparent;border:none;padding:0;flex-direction:column;gap:8px}.blog-post-page__newsletter .newsletter-form{flex-direction:column;gap:8px}.blog-post-page__newsletter .newsletter-form-input{width:100%;max-width:none;background:#3c3c3c;color:#fff;border-radius:8px;padding:12px 16px}.blog-post-page__newsletter .newsletter-form-input::placeholder{color:#b7bbc0}.blog-post-page__newsletter .newsletter-form-input:focus{outline:2px solid #6a3ce2}.blog-post-page__newsletter .newsletter-form-button{width:100%;max-width:none;background:#6a3ce2;color:#fff;border-radius:8px;padding:12px;font-weight:700;height:auto}.blog-post-page__newsletter .newsletter-form-button:hover:not(:disabled){background:#4f1ecd}.blog-post-page__newsletter .newsletter-loading-button{width:100%;max-width:none;background:#6a3ce2;color:#fff;border-radius:8px;padding:12px;font-weight:700;height:auto}.blog-post-page__newsletter .newsletter-success-message,.blog-post-page__newsletter .newsletter-error-message{color:#fff}.blog-post-page__newsletter-title{font-size:16px;font-weight:700;margin-bottom:8px}.blog-post-page__newsletter-text{font-size:14px;color:#ced4da;margin-bottom:16px}.blog-post-page__not-found{text-align:center;padding:80px 24px}.blog-post-page__not-found h1{font-size:32px;margin-bottom:16px}.blog-post-page__not-found p{margin-bottom:24px;color:#999}.blog-post-page__back-link{display:inline-block;padding:12px 24px;background:#121417;color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:background .3s}.blog-post-page__back-link:hover{background:#3c3c3c}.changelog-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.changelog-header{padding:48px 24px}}@media (max-width: 350px){.changelog-header{padding-left:20px;padding-right:20px}}.changelog-header__container{max-width:768px;margin:0 auto}.changelog-header__badge{display:inline-block;background:#6a3ce2;color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.changelog-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}@media (max-width: 768px){.changelog-header__title{font-size:36px}}@media (max-width: 441px){.changelog-header__title{font-size:30px}}.changelog-header__title--gray{color:#1f2937}.changelog-header__title--primary{color:#6a3ce2}.changelog-header__subtitle{font-size:18px;color:#555d67;line-height:1.75;margin-bottom:32px}.changelog-timeline{padding:96px 24px;background:#fff}@media (max-width: 768px){.changelog-timeline{padding:48px 24px 48px 10px}}@media (max-width: 350px){.changelog-timeline{padding-left:10px;padding-right:20px}}.changelog-timeline__container{max-width:896px;margin:0 auto}.changelog-timeline__line{position:relative;border-left:1px solid #e9ecef;margin-left:16px;padding-left:16px;display:flex;flex-direction:column;gap:64px}@media (min-width: 768px){.changelog-timeline__line{margin-left:0;padding-left:0}}.changelog-timeline__entry{position:relative}@media (min-width: 768px){.changelog-timeline__entry{display:flex;gap:32px}}.changelog-timeline__dot{position:absolute;left:-22px;top:7px;width:12px;height:12px;border-radius:50%;background:#d8d8d8;box-shadow:0 0 0 4px #fff}@media (min-width: 768px){.changelog-timeline__dot{left:-6px}}.changelog-timeline__entry--latest .changelog-timeline__dot{background:#6a3ce2}.changelog-timeline__content{display:flex;gap:32px;flex:1}.changelog-timeline__date-desktop{display:none;width:128px;text-align:right;padding-top:2px;flex-shrink:0}@media (min-width: 768px){.changelog-timeline__date-desktop{display:block}}.changelog-timeline__date-text{font-weight:700;color:#121417;font-size:14px}.changelog-timeline__entry:not(.changelog-timeline__entry--latest) .changelog-timeline__date-text{color:#b7bbc0}.changelog-timeline__version{font-size:10px;color:#b7bbc0;font-family:monospace;margin-top:4px}.changelog-timeline__entry:not(.changelog-timeline__entry--latest) .changelog-timeline__version{color:#ced4da}.changelog-timeline__date-mobile{display:flex;align-items:center;gap:8px;margin-bottom:8px}@media (min-width: 768px){.changelog-timeline__date-mobile{display:none}}.changelog-timeline__entry-content{flex:1}.changelog-timeline__card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.changelog-timeline__entry--latest .changelog-timeline__card:hover{box-shadow:0 4px 6px #0000001a}.changelog-timeline__entry-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}@media (max-width: 767px){.changelog-timeline__entry-header{flex-direction:column;align-items:flex-start}}.changelog-timeline__entry-icon{width:40px;height:40px;border:1px solid #ebebeb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.changelog-timeline__entry-icon svg{width:auto;height:auto}.changelog-timeline__card-title{font-size:18px;font-weight:700;color:#121417;margin-bottom:0}.changelog-timeline__card-subtitle{font-size:12px;font-weight:500;color:#555d67;margin:0}.changelog-timeline__card-description{font-size:14px;color:#555d67;line-height:1.6;margin-bottom:16px}.changelog-timeline__sections{display:flex;flex-direction:column;gap:0px}.changelog-timeline__divider{width:100%;height:1px;background:#e9ecef;margin:24px 0}.changelog-timeline__section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}@media (max-width: 767px){.changelog-timeline__section-header{flex-direction:column;align-items:flex-start}}.changelog-timeline__badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:4px}.changelog-timeline__badge--new{background:#22c55e1a;color:#4bb543}.changelog-timeline__badge--improved{background:#3b82f61a;color:#2563eb}.changelog-timeline__badge--fix{background:#f973161a;color:#f39c12}.changelog-timeline__section-title{font-weight:600;color:#3c3c3c;font-size:14px;margin:0}.changelog-timeline__section-description{font-size:14px;color:#555d67;line-height:1.6}.changelog-timeline__previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}@media (min-width: 640px){.changelog-timeline__previews{grid-template-columns:repeat(5,1fr)}}.changelog-timeline__preview{aspect-ratio:1;background:#f5f7f8;border-radius:4px;border:1px solid #e9ecef}.changelog-timeline__list{list-style:disc;list-style-position:inside;font-size:14px;color:#555d67;display:flex;flex-direction:column;gap:4px;margin-left:4px}.changelog-timeline__items{display:flex;flex-direction:column;gap:16px}.changelog-timeline__item{display:flex;align-items:flex-start;gap:12px}.changelog-timeline__item-icon{margin-top:4px;width:20px;height:20px;background:#8b5cf61a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6a3ce2;font-size:12px}.changelog-timeline__item-title{font-size:14px;font-weight:600;color:#121417;margin-bottom:4px}.changelog-timeline__item-description{font-size:12px;color:#b7bbc0;line-height:1.5;margin:0}.changelog-timeline__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.changelog-timeline__tag{padding:4px 8px;background:#f5f7f8;color:#555d67;border-radius:4px;font-size:12px}.recaptcha-wrapper{margin-bottom:14px}.recaptcha-container{display:flex;justify-content:flex-start}.contact-form-section{padding:80px 24px;background:#fff}@media (max-width: 768px){.contact-form-section{padding:48px 24px}}@media (max-width: 350px){.contact-form-section{padding-left:20px;padding-right:20px}}.contact-form-section__container{max-width:600px;margin:0 auto}.contact-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.contact-header{padding:48px 24px}}@media (max-width: 350px){.contact-header{padding-left:20px;padding-right:20px}}.contact-header__container{max-width:800px;margin:0 auto}.contact-header__badge{display:inline-block;background:#6a3ce2;color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.contact-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}.contact-header__title--gray{color:#1f2937}.contact-header__title--primary{color:#6a3ce2}@media (max-width: 768px){.contact-header__title{font-size:36px}}@media (max-width: 441px){.contact-header__title{font-size:30px}}.contact-header__subtitle{font-size:18px;color:#4b5563;line-height:1.6;margin:0 0 24px}@media (max-width: 441px){.contact-header__subtitle{font-size:16px}}.faq__list{display:flex;flex-direction:column;gap:16px}.faq__item{background:#f5f7f8;padding:24px;border-radius:16px;border:1px solid #e9ecef;cursor:pointer;transition:all .3s}.faq__item--open .faq__icon{background:#eceafd;color:#6a3ce2;transform:rotate(180deg)}.faq__question{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit}.faq__question-text{font-size:16px;font-weight:500;color:#121417;flex:1;margin-right:16px}.faq__icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;color:#555d67}.faq__icon svg{width:16px;height:16px}.faq__icon--open{background:#eceafd;color:#6a3ce2;transform:rotate(180deg)}.faq__answer{padding:10px 24px 24px 0;background:#f5f7f8;color:#555d67;line-height:1.75;font-size:16px;animation:fadeIn .3s ease}.faq__answer p{margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-page-content{flex:1}.faq-page-content__section{margin-bottom:64px}.faq-page-content__section:last-of-type{margin-bottom:0}.faq-page-content__section-title{font-size:24px;font-weight:700;color:#121417;margin-bottom:24px}.faq-page-content__search-results{margin-bottom:64px}.faq-page-content__search-title{font-size:24px;font-weight:700;color:#121417;margin-bottom:24px}.faq-page-content__no-results{font-size:16px;color:#555d67;text-align:center;padding:48px 24px}.faq-page-content__cta{margin-top:64px;padding:40px;background:#121417;border-radius:16px;text-align:center;position:relative;overflow:hidden}.faq-page-content__cta-decor{position:absolute;top:0;right:0;width:256px;height:256px;background:#6a3ce233;border-radius:50%;filter:blur(96px);transform:translate(50%,-50%)}.faq-page-content__cta-content{position:relative;z-index:1}.faq-page-content__cta-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.faq-page-content__cta-text{font-size:16px;color:#ced4da;margin-bottom:32px}.faq-page-content__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#fff;color:#121417;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.faq-page-content__cta-button:hover{background:#f5f7f8;text-decoration:none}.faq-page-header{padding:80px 24px 64px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.faq-page-header{padding:48px 24px}}@media (max-width: 350px){.faq-page-header{padding-left:20px;padding-right:20px}}.faq-page-header__container{max-width:1200px;margin:0 auto;padding:0 24px}.faq-page-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}@media (max-width: 768px){.faq-page-header__title{font-size:36px}}@media (max-width: 441px){.faq-page-header__title{font-size:30px}}.faq-page-header__title--gray{color:#1f2937}.faq-page-header__title--primary{color:#6a3ce2}.faq-page-header__title-gradient{background:linear-gradient(135deg,#6a3ce2,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-page-header__subtitle{font-size:18px;color:#555d67;line-height:1.75;margin-bottom:32px}.faq-page-header__search-wrapper{position:relative;max-width:672px;margin:0 auto}.faq-page-header__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ced4da;pointer-events:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.faq-page-header__search-input{width:100%;height:50px;max-height:50px;padding:16px 16px 16px 48px;border-radius:12px;border:1px solid #e9ecef;background:#f5f7f8;font-size:16px;color:#555d67;font-family:Inter,sans-serif;transition:all .2s ease}.faq-page-header__search-input:focus{outline:none;background:#fff;border-color:#6a3ce2;box-shadow:0 0 0 4px #6a3ce21a}.faq-page-header__search-input::placeholder{color:#ced4da}.faq-page-header__categories{display:none;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px}@media (max-width: 1024px){.faq-page-header__categories{display:flex}}.faq-page-header__category-link{display:inline-block;padding:8px 16px;border-radius:8px;color:#555d67;font-weight:500;font-size:14px;text-decoration:none;transition:all .2s ease;background:#f5f7f8;border:1px solid #e9ecef}.faq-page-header__category-link:hover{background:#e9ecef;color:#121417;text-decoration:none}.faq-page-header__category-link--active{background:#8b5cf61a;color:#6a3ce2;font-weight:600;border-color:#8b5cf633}.faq-page-sidebar{position:sticky;top:120px;align-self:flex-start;width:256px;flex-shrink:0;border-right:1px solid #e9ecef;padding-right:24px}@media (max-width: 1023px){.faq-page-sidebar{display:none}}.faq-page-sidebar__sticky{position:relative}.faq-page-sidebar__heading{font-size:12px;font-weight:700;color:#ced4da;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding:0 12px}.faq-page-sidebar__nav{display:flex;flex-direction:column;gap:4px}.faq-page-sidebar__link{display:block;padding:8px 12px;border-radius:8px;color:#555d67;font-weight:500;text-decoration:none;transition:all .2s ease}.faq-page-sidebar__link:hover{background:#f5f7f8;color:#121417;text-decoration:none}.faq-page-sidebar__link--active{background:#8b5cf61a;color:#6a3ce2;font-weight:600}.faq-page__main{padding:64px 24px;background:#fff}@media (max-width: 768px){.faq-page__main{padding:48px 24px}}@media (max-width: 350px){.faq-page__main{padding-left:20px;padding-right:20px}}.faq-page__container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.faq-page__container{padding-left:0;padding-right:0}}.faq-page__layout{display:flex;gap:48px;align-items:flex-start}@media (max-width: 1023px){.faq-page__layout{gap:0}}.cta{padding:96px 24px;position:relative;overflow:hidden;background:#121417}@media (max-width: 768px){.cta{padding:64px 24px}}@media (max-width: 350px){.cta{padding-left:20px;padding-right:20px}}.cta__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.cta__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#121417,#212529)}.cta__blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.3}.cta__blob--top{top:-20%;left:-10%;background:#6a3ce2}.cta__blob--bottom{bottom:-20%;right:-10%;background:#9333ea}.cta__container{max-width:896px;margin:0 auto;position:relative;z-index:10;text-align:center}.cta__title{font-size:36px;font-weight:800;color:#fff;margin-bottom:8px;margin-top:0;line-height:1.1;letter-spacing:-.02em}@media (min-width: 768px){.cta__title{font-size:60px}}.cta__title-gradient{background:linear-gradient(to right,#eceafd,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta__subtitle{font-size:16px;color:#d8d8d8;max-width:512px;margin:0 auto 48px;line-height:1.6;font-weight:300}@media (min-width: 768px){.cta__subtitle{font-size:20px}}.cta__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@media (min-width: 640px){.cta__actions{flex-direction:row}}.cta__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:#fff;color:#121417;border-radius:48px;min-width:240px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 0 40px -10px #ffffff4d;width:100%}@media (min-width: 640px){.cta__button{width:auto}}.cta__button:hover{background:#eceafd;text-decoration:none;transform:translateY(-2px);box-shadow:0 0 50px -10px #fff6}.cta__button-icon{width:20px;height:20px;flex-shrink:0;stroke:#121417;color:#121417;position:relative;right:-7px}.homepage-faq{padding:96px 24px;background:#fff}@media (max-width: 768px){.homepage-faq{padding:48px 24px}}@media (max-width: 350px){.homepage-faq{padding-left:20px;padding-right:20px}}.homepage-faq__container{max-width:768px;margin:0 auto}.homepage-faq__header{text-align:center;margin-bottom:48px}.homepage-faq__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px;margin-top:0}@media (min-width: 768px){.homepage-faq__title{font-size:36px}}.homepage-faq__subtitle{font-size:16px;color:#555d67;margin:0}.homepage-faq__actions{display:flex;justify-content:center;margin-top:48px}.homepage-faq__button{display:inline-block;padding:12px 24px;background:#121417;color:#fff;border-radius:40px;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.homepage-faq__button:hover{background:#3c3c3c;text-decoration:none}.copy-paste{padding:96px 24px;border-bottom:1px solid #e9ecef;overflow:hidden;position:relative;background:#fff}.copy-paste:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0}@media (max-width: 768px){.copy-paste{padding:48px 24px}}@media (max-width: 350px){.copy-paste{padding-left:20px;padding-right:20px}}.copy-paste--alt{background:#f5f7f8}.copy-paste--alt:before{display:none}.copy-paste__container{max-width:1200px;margin:0 auto}.copy-paste__content{display:flex;flex-direction:column;align-items:center;gap:64px;position:relative;z-index:1}@media (min-width: 1024px){.copy-paste__content{flex-direction:row}}.copy-paste__text{width:100%}@media (min-width: 1024px){.copy-paste__text{width:50%}}.copy-paste__badge-label{font-size:10px;color:#b7bbc0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;display:inline-flex;align-items:center;gap:8px;padding:8px;margin-bottom:10px}.copy-paste__badge-label--purple{background:#8b5cf61a;color:#6a3ce2}.copy-paste__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:16px}@media (min-width: 768px){.copy-paste__title{font-size:36px}}.copy-paste__description{font-size:16px;color:#555d67;line-height:1.75;margin-bottom:24px}@media (min-width: 768px){.copy-paste__description{font-size:18px}}.copy-paste__list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}.copy-paste__list-item{display:flex;align-items:flex-start;gap:12px}.copy-paste__list-item span{color:#555d67;line-height:1.6}.copy-paste__list-item span strong{font-weight:600;color:#121417}.copy-paste__check-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#22c55e1a;display:flex;align-items:center;justify-content:center;margin-top:2px}.copy-paste__check-icon svg{color:#4bb543;transform:scale(.8)}.copy-paste__visual{width:100%;-webkit-user-select:none;user-select:none}@media (min-width: 1024px){.copy-paste__visual{width:50%}}.copy-paste__code-mockup{position:relative;border-radius:12px;background:#212529;border:1px solid #3c3c3c;padding:24px;box-shadow:0 20px 50px -12px #00000026}.copy-paste__code-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c3c3c;padding-bottom:16px;margin-bottom:16px}.copy-paste__code-dots{display:flex;gap:8px}.copy-paste__code-dot{width:12px;height:12px;border-radius:50%}.copy-paste__code-dot--red{background:#ef4444}.copy-paste__code-dot--yellow{background:#eab308}.copy-paste__code-dot--green{background:#22c55e}.copy-paste__code-filename{font-size:12px;font-family:monospace;color:#b7bbc0}.copy-paste__code-body{font-family:monospace;font-size:12px;color:#d8d8d8;display:flex;flex-direction:column;gap:8px;height:256px;overflow-y:auto;padding-right:8px}.copy-paste__code-body::-webkit-scrollbar{width:8px}.copy-paste__code-body::-webkit-scrollbar-track{background:#1e293b}.copy-paste__code-body::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.copy-paste__code-line--purple{color:#a78bfa}.copy-paste__code-line--indent{padding-left:16px}.copy-paste__code-line--indent-2{padding-left:32px}.copy-paste__code-line--indent-3{padding-left:48px}.copy-paste__code-line--indent-4{padding-left:64px}.copy-paste__code-key{color:#60a5fa}.copy-paste__code-value{color:#4ade80}.copy-paste__code-footer{margin-top:16px;padding-top:16px;border-top:1px solid #3c3c3c;display:flex;justify-content:center}.copy-paste__code-copied{display:inline-flex;align-items:center;padding:8px 16px;border-radius:4px;background:#6a3ce233;border:1px solid rgba(106,60,226,.3);font-size:12px;gap:8px}.filtering{padding:96px 24px;border-bottom:1px solid #e9ecef;overflow:hidden;position:relative;background:#fff}.filtering:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0}@media (max-width: 768px){.filtering{padding:48px 24px}}@media (max-width: 350px){.filtering{padding-left:20px;padding-right:20px}}.filtering--alt{background:#f5f7f8}.filtering--alt:before{display:none}.filtering__container{max-width:1200px;margin:0 auto}.filtering__content{display:flex;flex-direction:column;align-items:center;gap:64px;position:relative;z-index:1}@media (min-width: 1024px){.filtering__content{flex-direction:row}}.filtering__text{width:100%}@media (min-width: 1024px){.filtering__text{width:50%}}.filtering__badge-label{font-size:10px;color:#b7bbc0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;display:inline-flex;align-items:center;gap:8px;padding:8px;margin-bottom:10px}.filtering__badge-label--orange{background:#f973161a;color:#f97316}.filtering__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:16px}@media (min-width: 768px){.filtering__title{font-size:36px}}.filtering__description{font-size:16px;color:#555d67;line-height:1.75;margin-bottom:24px}@media (min-width: 768px){.filtering__description{font-size:18px}}.filtering__discovery-list{display:flex;flex-direction:column;gap:24px}.filtering__discovery-item{display:flex;align-items:flex-start;gap:16px}.filtering__discovery-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#6a3ce21a;display:flex;align-items:center;justify-content:center;color:#6a3ce2;padding:12px}.filtering__discovery-title{font-weight:700;color:#121417;margin-bottom:4px;font-size:18px}.filtering__discovery-text{font-size:14px;color:#b7bbc0;line-height:1.5}.filtering__visual{width:100%;-webkit-user-select:none;user-select:none}@media (min-width: 1024px){.filtering__visual{width:50%}}.filtering__filter-mockup{background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 20px 50px -12px #00000026;overflow:hidden;pointer-events:none}.filtering__filter-header{background:#f5f7f8;border-radius:8px;padding:16px;border-bottom:1px solid #e9ecef}.filtering__filter-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ced4da;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 380px){.filtering__filter-info{font-size:10px}}.filtering__filter-sort{display:inline-flex;align-items:center;gap:0;color:#6a3ce2}.filtering__filter-sort svg{transform:scale(.6)}.filtering__filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.filtering__filter-item{aspect-ratio:1;background:#f5f7f8;border-radius:8px;border:1px solid #e9ecef}@media (max-width: 768px){.filtering__filter-item:last-child,.filtering__filter-item:nth-last-child(2){display:none!important}}.flexbox{padding:96px 24px;border-bottom:1px solid #e9ecef;overflow:hidden;position:relative;background:#fff}@media (max-width: 768px){.flexbox{padding:48px 24px}}@media (max-width: 350px){.flexbox{padding-left:20px;padding-right:20px}}.flexbox__container{max-width:1200px;margin:0 auto}.flexbox__content{display:flex;flex-direction:column;align-items:center;gap:64px;position:relative;z-index:1}@media (min-width: 1024px){.flexbox__content{flex-direction:row}}@media (min-width: 1024px){.flexbox__content--reverse{flex-direction:row-reverse}}.flexbox__text{width:100%}@media (min-width: 1024px){.flexbox__text{width:50%}}.flexbox__badge-label{font-size:10px;color:#b7bbc0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;display:inline-flex;align-items:center;gap:8px;padding:8px;margin-bottom:10px}.flexbox__badge-label--blue{background:#3b82f61a;color:#2563eb}.flexbox__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:16px}@media (min-width: 768px){.flexbox__title{font-size:36px}}.flexbox__description{font-size:16px;color:#555d67;line-height:1.75;margin-bottom:24px}@media (min-width: 768px){.flexbox__description{font-size:18px}}.flexbox__grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 640px){.flexbox__grid{grid-template-columns:repeat(2,1fr)}}.flexbox__grid-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.flexbox__grid-title{font-weight:700;color:#121417;margin-bottom:8px;font-size:18px}.flexbox__grid-text{font-size:14px;color:#555d67;line-height:1.6}.flexbox__visual{width:100%;-webkit-user-select:none;user-select:none}@media (min-width: 1024px){.flexbox__visual{width:50%}}.flexbox__architecture-mockup{position:relative;border-radius:12px;background:#fff;border:1px solid #e9ecef;padding:24px;box-shadow:0 20px 50px -12px #00000026}.flexbox__architecture-content{display:flex;flex-direction:column;gap:32px}.flexbox__architecture-legacy{position:relative}.flexbox__architecture-label{font-size:12px;color:#b7bbc0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.flexbox__architecture-box{border:1px solid rgba(239,68,68,.2);background:#fff;padding:16px;border-radius:8px}.flexbox__architecture-box--legacy{border-color:#ef444433}.flexbox__architecture-box--modern{border-color:#6a3ce233;background:#8b5cf605}.flexbox__architecture-tag{font-size:12px;font-family:monospace;margin-bottom:8px;color:#555d67}.flexbox__architecture-tag--primary{color:#6a3ce2;display:flex;align-items:center;justify-content:space-between;gap:8px}.flexbox__architecture-tag--primary svg{color:#eab308;flex-shrink:0;transform:scale(.8)}.flexbox__architecture-nested{margin-left:16px;border:1px solid rgba(239,68,68,.2);background:#fff;padding:8px;border-radius:4px}.flexbox__architecture-modern{position:relative}.flexbox__architecture-badge{position:absolute;right:-8px;top:-8px;background:#4bb543;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a}.flexbox__architecture-label--primary{color:#6a3ce2}.flexbox__architecture-widgets{margin-left:16px;border:1px solid rgba(106,60,226,.2);background:#fff;padding:8px;border-radius:4px;display:flex;gap:8px}.flexbox__architecture-widget{flex:1;border:1px solid #e9ecef;background:#f5f7f8;padding:8px;border-radius:4px;font-size:10px;color:#b7bbc0;text-align:center}.features-header{padding:128px 24px 80px;border-bottom:1px solid #e9ecef;overflow:hidden;position:relative}.features-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0}@media (max-width: 1024px){.features-header{padding-top:80px}}@media (max-width: 768px){.features-header{padding-bottom:60px}}@media (max-width: 350px){.features-header{padding-left:20px;padding-right:20px}}.features-header__container{max-width:1200px;margin:0 auto}.features-header__content{display:flex;flex-direction:column;align-items:center;gap:48px;position:relative;z-index:1}@media (min-width: 1024px){.features-header__content{flex-direction:row;gap:80px}}.features-header__text{width:100%;text-align:center;z-index:10}@media (min-width: 1024px){.features-header__text{width:50%;text-align:left}}.features-header__title{font-size:36px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}@media (min-width: 768px){.features-header__title{font-size:48px}}@media (min-width: 1024px){.features-header__title{font-size:56px}}.features-header__title--gray{color:#1f2937}.features-header__title--primary{color:#6a3ce2}.features-header__subtitle{font-size:18px;color:#555d67;line-height:1.75;margin-bottom:32px;max-width:512px;margin-left:auto;margin-right:auto}@media (min-width: 1024px){.features-header__subtitle{margin-left:0;margin-right:0}}.features-header__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}@media (min-width: 640px){.features-header__actions{justify-content:flex-start}}@media (max-width: 1024px){.features-header__actions{justify-content:center}}.features-header__button{padding:12px 24px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:48px}.features-header__button--primary{background:#121417;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.features-header__button--primary:hover{background:#3c3c3c;text-decoration:none}.features-header__button--secondary{background:#fff;border:1px solid #e9ecef;color:#555d67}.features-header__button--secondary:hover{border-color:#d8d8d8;color:#121417;text-decoration:none}.features-header__visual{width:100%;position:relative;max-width:512px;margin:0 auto}@media (min-width: 1024px){.features-header__visual{width:50%;max-width:none}}.features-header__decor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:linear-gradient(to top right,#8b5cf633,#dbeafe33);border-radius:50%;filter:blur(60px);z-index:-1;transition:filter .3s ease}.features-header__decor:hover{filter:blur(80px)}.features-header__card-stack{position:relative}.features-header__card{background:#fff;border-radius:16px;overflow:hidden}.features-header__card--front{position:relative;border:1px solid #e9ecef;box-shadow:0 25px 50px -12px #00000040}.features-header__card-header{background:#f5f7f8;border-bottom:1px solid #e9ecef;padding:16px;display:flex;align-items:center;gap:16px}.features-header__card-dots{display:flex;gap:8px}.features-header__dot{width:12px;height:12px;border-radius:50%}.features-header__dot--red{background:#ef444433}.features-header__dot--yellow{background:#eab30833}.features-header__dot--green{background:#22c55e33}.features-header__card-bar{height:8px;width:128px;background:#e9ecef;border-radius:9999px}.features-header__card-body{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;pointer-events:none}.features-header__card-placeholder{border-radius:8px;border:2px dashed #e9ecef;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease;color:#d8d8d8}.features-header__card-placeholder:hover{border-color:#6a3ce280;color:#6a3ce2}.features-header__card-placeholder--large{grid-column:span 2;height:128px;font-size:36px}.features-header__card-placeholder--small{height:96px;background:#f5f7f8;border:1px solid #e9ecef;flex-direction:column;padding:8px}.features-header__card-placeholder--small svg{opacity:.6}.features-header__card-placeholder--purple{background:#8b5cf60d;border-color:#8b5cf61a}.features-header__card-placeholder--purple svg{opacity:.7;color:#8b5cf6cc}.features-header__card-placeholder svg{transition:color .2s ease}.features-header__badge{position:absolute;bottom:-24px;left:-24px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e9ecef;display:flex;align-items:center;gap:12px;animation:bounce 3s infinite}@media (min-width: 430px) and (max-width: 620px){.features-header__badge{left:32%}}@media (max-width: 429px){.features-header__badge{left:27%;transform:translate(-50%)}}.features-header__badge-icon{background:#22c55e1a;padding:8px;border-radius:8px;color:#4bb543;display:flex;align-items:center;justify-content:center}.features-header__badge-content{display:flex;flex-direction:column}.features-header__status-label{font-size:10px;color:#b7bbc0;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.features-header__badge-value{font-size:14px;font-weight:700;color:#121417}.specs{padding:96px 24px;background:#121417;position:relative;overflow:hidden}@media (max-width: 768px){.specs{padding:48px 24px}}@media (max-width: 350px){.specs{padding-left:20px;padding-right:20px}}.specs__container{max-width:1200px;margin:0 auto}.specs__header{text-align:center;margin-bottom:64px}.specs__title{font-size:30px;font-weight:700;color:#fff;margin-bottom:4px}@media (min-width: 768px){.specs__title{font-size:36px}}.specs__subtitle{font-size:16px;color:#ced4da;margin:0}.specs__grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 640px){.specs__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.specs__grid{grid-template-columns:repeat(3,1fr)}}.specs__item{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.specs__icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff}.specs__icon svg{color:#fff}.specs__item-title{font-size:18px;font-weight:700;margin-bottom:4px;color:#fff}.specs__item-text{font-size:14px;color:#ced4da;line-height:1.6;margin:0}.architecture{padding:96px 24px;background:#121417;color:#fff;overflow:hidden}@media (max-width: 768px){.architecture{padding:48px 24px}}@media (max-width: 350px){.architecture{padding-left:20px;padding-right:20px}}.architecture__container{max-width:1200px;margin:0 auto}.architecture__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:48px;gap:24px}@media (min-width: 768px){.architecture__header{flex-direction:row;align-items:flex-end}}.architecture__header-content{max-width:512px}.architecture__title{font-size:30px;font-weight:700;color:#fff;margin-bottom:8px}@media (min-width: 768px){.architecture__title{font-size:36px}}.architecture__subtitle{font-size:16px;color:#b7bbc0;line-height:1.6}.architecture__cta{display:none;align-items:center;gap:8px;background:#ffffff1a;color:#fff;padding:12px 24px;border-radius:9999px;font-weight:500;transition:background-color .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration:none}.architecture__cta:hover{background:#fff3;text-decoration:none}@media (min-width: 768px){.architecture__cta{display:inline-flex}}.architecture__cta-icon{width:16px;height:16px;color:#fff}.architecture__grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 450px){.architecture__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.architecture__grid{grid-template-columns:repeat(4,1fr)}}.architecture__card{display:flex;flex-direction:column;padding:16px;background:#3c3c3c80;border:1px solid #3c3c3c;border-radius:16px;transition:all .3s;text-decoration:none;color:inherit}.architecture__card--large{height:160px;justify-content:space-between}@media (min-width: 768px){.architecture__card--large{grid-column:span 1}}.architecture__card--small{flex-direction:row;align-items:center;gap:16px;height:auto;min-height:80px}@media (min-width: 768px){.architecture__card--small{grid-column:span 1}}.architecture__card:hover{background:#6a3ce2;border-color:#6a3ce2;text-decoration:none}.architecture__card:hover .architecture__icon{color:#fff}.architecture__card:hover .architecture__badge{background:#fff3;color:#fff}.architecture__card:hover .architecture__card-description{color:#eceafd}.architecture__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto}.architecture__card-content{display:flex;flex-direction:column}.architecture__card-content--small{flex:1}.architecture__icon{width:24px;height:24px;transition:color .3s}.architecture__icon--primary{color:#ae95ef}.architecture__icon--purple{color:#a78bfa}.architecture__icon--pink{color:#f472b6}.architecture__icon--green{color:#4bb543}.architecture__icon--small{width:24px;height:24px;color:#ced4da}.architecture__badge{font-size:10px;background:#3c3c3c;color:#d8d8d8;padding:4px 8px;border-radius:9999px;transition:all .3s}.architecture__card-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.architecture__card-title--small{font-size:14px;font-weight:500;margin-bottom:0}.architecture__card-description{font-size:12px;color:#ced4da;transition:color .3s}.architecture__card-description--small{font-size:10px;color:#b7bbc0}.comparison{padding:96px 24px;background:#f5f7f8}@media (max-width: 768px){.comparison{padding:48px 24px}}@media (max-width: 350px){.comparison{padding-left:20px;padding-right:20px}}.comparison__container{max-width:896px;margin:0 auto}.comparison__header{text-align:center;margin-bottom:48px}@media (max-width: 768px){.comparison__header{margin-bottom:32px}}.comparison__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px}@media (max-width: 768px){.comparison__title{font-size:24px}}@media (min-width: 768px){.comparison__title{font-size:36px}}.comparison__subtitle{font-size:16px;color:#555d67}.comparison__table{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;border:1px solid #e9ecef;overflow:hidden}.comparison__row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}@media (min-width: 769px){.comparison__row:hover{background:#f5f7f8}}.comparison__row--header{background:#f5f7f880;border-bottom:1px solid #e9ecef}.comparison__row--header:hover{background:#f5f7f880}@media (max-width: 768px){.comparison__row--header{display:none}}@media (min-width: 768px){.comparison__row--header{grid-template-columns:1fr 1fr 1fr}}.comparison__row--last{border-bottom:none}@media (max-width: 768px){.comparison__row{grid-template-columns:1fr;border-bottom:1px solid #e9ecef;padding:20px 16px;gap:16px}}@media (min-width: 768px){.comparison__row{grid-template-columns:1fr 1fr 1fr}}.comparison__cell{padding:16px}@media (min-width: 768px){.comparison__cell{padding:24px}}.comparison__cell--header{font-weight:600;color:#555d67}.comparison__cell--center{text-align:center}.comparison__cell--metric{font-weight:500;color:#121417;display:flex;align-items:center;gap:12px;font-size:16px}@media (max-width: 768px){.comparison__cell--metric{font-size:15px;gap:10px;margin-bottom:16px;padding-bottom:10px!important;padding-left:0;padding-right:0;padding-top:0;border-bottom:1px solid #e9ecef}}.comparison__cell--highlight{background:#eceafd1a;border-left:1px solid #eceafd}.comparison__row--header .comparison__cell--highlight{font-weight:700;color:#6a3ce2;background:#eceafd4d}@media (max-width: 768px){.comparison__cell--highlight{border-left:none;background:#e9ecef!important;padding:12px 12px 12px 15px;border-radius:8px}}@media (max-width: 768px){.comparison__cell:not(.comparison__cell--metric){padding:12px 12px 12px 15px;border-radius:8px;background:transparent}.comparison__cell--highlight{background:#f5f7f8!important;padding-left:20px}}@media (max-width: 768px){.comparison__cell{padding:0;text-align:left}.comparison__cell:not(.comparison__cell--metric){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px 12px 12px 15px;gap:4px}.comparison__cell--highlight{background:#f5f7f8!important}}.comparison__icon{width:20px;height:20px;color:#6a3ce2;flex-shrink:0}@media (max-width: 768px){.comparison__icon{width:18px;height:18px}}.comparison__label{display:none}@media (max-width: 768px){.comparison__label{display:block;font-size:13px;font-weight:600;color:#555d67;margin-bottom:6px}}.comparison__value{font-weight:700;font-size:14px}@media (max-width: 768px){.comparison__value{font-size:15px;font-weight:700}}.comparison__value--error{color:#d24242}.comparison__value--success{color:#4bb543}.features{padding:48px 24px 96px;background:#f5f7f8}@media (max-width: 768px){.features{padding-top:0}}@media (max-width: 350px){.features{padding-left:20px;padding-right:20px}}.features__container{max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:64px}.features__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px}@media (min-width: 768px){.features__title{font-size:36px}}.features__subtitle{font-size:16px;color:#555d67;max-width:672px;margin:0 auto}.features__grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.features__grid{grid-template-columns:repeat(3,1fr);gap:24px}}.features__card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border:1px solid #e9ecef;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.features__card:hover{box-shadow:0 4px 6px -1px #070e231a,0 2px 4px -1px #070e230f}@media (min-width: 768px){.features__card--large{grid-column:span 2}}.features__card--dark{background:#121417;border-color:#3c3c3c;color:#fff}@media (min-width: 768px){.features__card--dark{grid-column:span 2}}.features__badge{position:absolute;top:16px;right:16px;background:#121417;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:10}.features__card-content{position:relative;z-index:10;max-width:448px}@media (max-width: 1080px){.features__card-content{max-width:100%;padding-right:0}}.features__card-content--flex{display:flex;flex-direction:column;gap:24px;max-width:none}@media (min-width: 768px){.features__card-content--flex{flex-direction:row;align-items:center}}.features__card-main{flex:1}.features__icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.features__icon svg{width:24px;height:24px}.features__icon--accent{background:#eceafd;color:#6a3ce2}.features__icon--purple{background:#8b5cf61a;color:#8b5cf6}.features__icon--pink{background:#ec48991a;color:#ec4899}.features__icon--white{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.features__card-title{font-size:20px;font-weight:700;color:#121417;margin-bottom:12px}@media (min-width: 768px){.features__card-title{font-size:24px}}.features__card-title--white{color:#fff}.features__card-text{font-size:14px;color:#555d67;line-height:1.6}@media (min-width: 768px){.features__card-text{font-size:16px}}.features__card-text--white{color:#ffffffb3}.features__mini-ui{position:absolute;right:0;bottom:0;width:33.333%;height:66.666%;background:#f5f7f8;border-top-left-radius:24px;border-top:1px solid #e9ecef;border-left:1px solid #e9ecef;padding:24px;display:none;flex-direction:column;gap:16px;transition:transform .3s ease}@media (min-width: 1080px){.features__mini-ui{display:flex}}.features__card:hover .features__mini-ui{transform:translate(8px,8px)}.features__mini-card{background:#fff;padding:12px;border-radius:12px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.features__mini-card--inactive{opacity:.6}.features__mini-label{font-size:12px;font-family:monospace;color:#b7bbc0}.features__mini-button{background:#e9ecef;color:#b7bbc0;font-size:12px;padding:4px 8px;border-radius:6px;border:none;display:flex;align-items:center;gap:4px;cursor:pointer;width:fit-content}.features__mini-button svg{transform:scale(.8)}.features__mini-button--active{background:#6a3ce2;color:#fff}.features__breakpoints{position:absolute;bottom:24px;left:24px;right:24px;background:#f5f7f8;padding:4px;border-radius:8px;display:flex;justify-content:space-between}@media (max-width: 1080px){.features__breakpoints{display:none}}.features__breakpoint{padding:8px;border-radius:6px;color:#ced4da;display:flex;align-items:center;justify-content:center}.features__breakpoint svg{width:16px;height:16px}.features__breakpoint--active{background:#fff;color:#6a3ce2;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d}.features__code-snippet{width:256px;background:#11182780;border-radius:12px;padding:16px;font-family:monospace;font-size:12px;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);display:none}@media (min-width: 1081px){.features__code-snippet{display:block}}.features__code-dots{display:flex;gap:6px;margin-bottom:12px}.features__code-dot{width:8px;height:8px;border-radius:50%}.features__code-dot--red{background:#d24242}.features__code-dot--yellow{background:#f39c12}.features__code-dot--green{background:#4bb543}.features__code-comment{opacity:.5;margin-top:8px}.features__code-line{margin-top:4px}.features__code-line--strike{text-decoration:line-through;color:#d2424280}.features__code-line--success{color:#4bb543}.features__code-line--indent{padding-left:16px}.hero{padding:80px 24px;text-align:center}@media (max-width: 768px){.hero{padding-top:40px;padding-bottom:60px}}@media (max-width: 350px){.hero{padding-left:20px;padding-right:20px}}.hero__container{max-width:800px;margin:0 auto}.hero__badge{display:inline-block;background:#6a3ce2;color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.hero__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}.hero__title--gray{color:#1f2937}.hero__title--primary{color:#6a3ce2}@media (max-width: 768px){.hero__title{font-size:36px}}@media (max-width: 441px){.hero__title{font-size:30px}}.hero__subtitle{font-size:18px;color:#4b5563;line-height:1.6;margin:0 0 24px}@media (max-width: 441px){.hero__subtitle{font-size:16px}}.hero__feature{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.hero__feature-icon{color:#6a3ce2;stroke:#6a3ce2;flex-shrink:0}@media (max-width: 441px){.hero__feature-icon{display:none}}.hero__feature-text{font-size:16px;color:#6a3ce2;font-weight:600}@media (max-width: 550px){.hero__feature-text{font-size:13px}}.hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero__button{display:flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s ease}.hero__button--primary{background:#121417;color:#fff;border-radius:25px;min-width:180px}.hero__button--primary:hover{background:#1f2937;text-decoration:none}.hero__button-icon{width:20px;height:20px;flex-shrink:0;stroke:#fff;color:#fff;position:relative;right:-17px}.how-it-works{padding:96px 24px;background:#fff;position:relative;overflow:hidden}@media (max-width: 768px){.how-it-works{padding-top:50px;padding-bottom:50px}}@media (max-width: 350px){.how-it-works{padding-left:20px;padding-right:20px}}.how-it-works__decorative-line{position:absolute;top:50%;left:0;width:100%;height:1px;background:#f5f7f8;transform:translateY(-50%);z-index:0;display:none}@media (min-width: 768px){.how-it-works__decorative-line{display:block}}.how-it-works__container{max-width:1200px;margin:0 auto;position:relative;z-index:10}.how-it-works__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:64px;background:#fff;padding:0 16px}.how-it-works__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px;background:#fff;padding:0 16px}@media (min-width: 768px){.how-it-works__title{font-size:36px}}.how-it-works__subtitle{font-size:16px;color:#b7bbc0;background:#fff;padding:0 16px;position:relative;z-index:10}.how-it-works__grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.how-it-works__grid{grid-template-columns:repeat(3,1fr)}}.how-it-works__step{display:flex;flex-direction:column}.how-it-works__browser{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;margin-bottom:24px;transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.how-it-works__browser{min-height:315px}}@media (min-width: 769px){.how-it-works__browser{min-height:280px}}.how-it-works__step:hover .how-it-works__browser{transform:translateY(-8px)}.how-it-works__browser-header{border-bottom:1px solid #e9ecef;padding:12px;display:flex;gap:8px;background:#fff}.how-it-works__browser-dot{width:12px;height:12px;border-radius:50%;background:#d8d8d8}.how-it-works__browser-content{flex:1;background:#f5f7f8;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:16px}.how-it-works__browser-content--flex{flex-direction:row;padding:0}.how-it-works__component-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #f5f7f8;width:90%;height:90%;z-index:1}.how-it-works__card-image{height:110px;background:#f5f7f8;border-radius:6px;margin-bottom:29px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;padding:16px;gap:8px}@media (max-width: 768px){.how-it-works__card-image{height:137px}}.how-it-works__card-line{width:100%;height:8px;background:#e9ecef;border-radius:4px;opacity:.5}.how-it-works__card-line--1{width:100%}.how-it-works__card-line--2{width:66.666%}.how-it-works__card-line--3{width:50%}.how-it-works__card-label{font-size:12px;color:#555d67;font-family:monospace;z-index:1;margin-top:8px}.how-it-works__card-footer{display:flex;justify-content:space-between;align-items:center;position:relative;top:-12px}.how-it-works__card-title{height:16px;width:96px;background:#e9ecef;border-radius:10px}.how-it-works__card-button{background:#121417;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;font-weight:500;border:none;cursor:pointer;width:fit-content}.how-it-works__search-box{width:100%;max-width:180px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;padding:12px;border:1px solid #e9ecef;display:flex;align-items:center;gap:8px;margin-bottom:8px}.how-it-works__search-icon{width:16px;height:16px;color:#ced4da;flex-shrink:0}.how-it-works__search-line{height:8px;width:64px;background:#e9ecef;border-radius:4px}.how-it-works__grid-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:180px}.how-it-works__grid-item{height:64px;background:#fff;border:1px solid #e9ecef;border-radius:6px;position:relative}.how-it-works__grid-item--active{background:#eceafd;border-color:#6a3ce233}.how-it-works__check-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;color:#6a3ce2}.how-it-works__code-window{width:192px;background:#212529e6;border-radius:8px;padding:12px;font-family:monospace;font-size:6px;color:#fff9;line-height:1.5;margin-bottom:16px}.how-it-works__code-line--primary{color:#6a3ce2cc}.how-it-works__code-line--indent{padding-left:8px}.how-it-works__button-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000000d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.how-it-works__copy-button{background:#6a3ce2;color:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:transform .3s ease;width:fit-content;position:relative;top:-6px}.how-it-works__step:hover .how-it-works__copy-button{transform:scale(1.1)}.how-it-works__sidebar{width:48px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;padding:12px;gap:12px}.how-it-works__sidebar-item{width:24px;height:24px;background:#e9ecef;border-radius:4px}.how-it-works__canvas{flex:1;padding:16px;display:flex;align-items:center;justify-content:center}.how-it-works__paste-zone{width:100%;height:128px;border:2px dashed rgba(106,60,226,.3);background:#eceafd80;border-radius:8px;display:flex;align-items:center;justify-content:center}.how-it-works__paste-text{font-size:12px;color:#6a3ce2;animation:pulse 2s infinite}.how-it-works__step-content{text-align:center;padding:0 16px}.how-it-works__step-title{font-size:20px;font-weight:700;color:#121417;margin-bottom:8px;padding-top:15px}.how-it-works__step-text{font-size:14px;color:#555d67}.preview{padding:0 24px 60px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@media (max-width: 350px){.preview{padding-left:20px;padding-right:20px}}.preview__container{max-width:1024px;margin:0 auto;position:relative;pointer-events:auto;transition:transform .3s ease;padding:15px;border-radius:24px}.preview__container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top right,#8b5cf633,#dbeafe33);border-radius:24px;z-index:-1}.preview__container *{pointer-events:none}.preview__container:hover{transform:scale(1.02) translateY(0)}@media (max-width: 768px){.preview__container{padding:24px}}.preview__browser{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;border:1px solid #e9ecef;overflow:hidden}.preview__browser-header{background:#f5f7f8;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9ecef}.preview__browser-dots{display:flex;gap:6px}.preview__browser-dot{width:12px;height:12px;border-radius:50%}.preview__browser-dot--red{background:#d24242}.preview__browser-dot--yellow{background:#f39c12}.preview__browser-dot--green{background:#4bb543}.preview__browser-url{background:#fff;height:20px;width:256px;border-radius:4px;font-size:10px;display:flex;align-items:center;padding:0 8px;color:#ced4da}.preview__browser-content{background:#f5f7f8;padding:32px;display:grid;grid-template-columns:200px 1fr;gap:24px;min-height:500px}@media (max-width: 768px){.preview__browser-content{grid-template-columns:1fr;padding:24px}}.preview__sidebar{background:#fff;border-radius:8px;padding:16px;border:1px solid #f5f7f8;height:fit-content}.preview__sidebar-header{height:16px;width:96px;background:#e9ecef;border-radius:10px;margin-bottom:24px}.preview__sidebar-nav{display:flex;flex-direction:column;gap:12px}.preview__sidebar-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;color:#ced4da;font-size:14px}.preview__sidebar-item svg{width:16px;height:16px;flex-shrink:0}.preview__sidebar-item--active{background:#eceafd;color:#6a3ce2;border:1px solid #eceafd}.preview__sidebar-item--active .preview__sidebar-line{background:#6a3ce233}.preview__sidebar-line{height:12px;background:#e9ecef;border-radius:10px}.preview__sidebar-line--1{width:75%}.preview__sidebar-line--2{width:60%}.preview__sidebar-line--3{width:65%}.preview__sidebar-line--4{width:75%}.preview__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.preview__grid{grid-template-columns:1fr}}.preview__card{background:#fff;border-radius:8px;padding:16px;border:1px solid #f5f7f8}@media (max-width: 768px){.preview__card--hidden-mobile{display:none}}.preview__card-image{height:128px;background:#f5f7f8;border-radius:6px;margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;padding:16px;gap:8px}.preview__card-line{width:100%;height:8px;background:#e9ecef;border-radius:4px;opacity:.5}.preview__card-line--1{width:100%}.preview__card-line--2{width:66.666%}.preview__card-line--3{width:50%}.preview__card-label{font-size:12px;color:#555d67;font-family:monospace;z-index:1;margin-top:8px}.preview__card-footer{display:flex;justify-content:space-between;align-items:center}.preview__card-title{height:16px;width:96px;background:#e9ecef;border-radius:10px}.preview__card-button{background:#121417;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:fit-content}.preview__status{position:absolute;top:20px;right:-48px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f5f7f8;display:flex;align-items:center;gap:12px;z-index:10;animation:bounce 3s infinite}@media (min-width: 1025px) and (max-width: 1200px){.preview__status{right:24px}}@media (max-width: 1024px){.preview__status{right:20px}}@media (max-width: 650px){.preview__status{top:58px}}.preview__status-icon{width:32px;height:32px;background:#4bb5431a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4bb543;flex-shrink:0}.preview__status-content{display:flex;flex-direction:column;gap:4px}.preview__status-label{font-size:12px;color:#b7bbc0}.preview__status-message{font-size:14px;font-weight:700;color:#3c3c3c}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reviews{padding:96px 24px;background:#fff}@media (max-width: 768px){.reviews{padding:48px 24px}}@media (max-width: 350px){.reviews{padding-left:20px;padding-right:20px}}.reviews__container{max-width:1200px;margin:0 auto}.reviews__header{text-align:center;margin-bottom:64px}@media (max-width: 768px){.reviews__header{margin-bottom:40px}}.reviews__title{font-size:36px;font-weight:800;color:#121417;margin-bottom:8px}@media (max-width: 768px){.reviews__title{font-size:30px}}.reviews__subtitle{font-size:16px;color:#555d67;margin:0 auto;line-height:1.6}.reviews__grid{columns:1;column-gap:24px;column-fill:balance}@media (min-width: 768px){.reviews__grid{columns:2}}@media (min-width: 1024px){.reviews__grid{columns:3}}.reviews__card{background:#f5f7f8;padding:24px;border-radius:16px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border:1px solid #e9ecef;margin-bottom:24px;break-inside:avoid;transition:box-shadow .3s;opacity:0;transform:translateY(80px)}.reviews__card--visible{animation:fadeInUp .8s ease-out forwards}.reviews__card:hover{box-shadow:0 4px 6px -1px #070e231a,0 2px 4px -1px #070e230f}.reviews__card--featured{background:#121417;border-color:#3c3c3c;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;transform:scale(1.02);color:#fff}.reviews__card--featured .reviews__text,.reviews__card--featured .reviews__author-name{color:#fff}.reviews__card--featured .reviews__author-role{color:#eceafd}.reviews__card--featured .reviews__stars{color:#ae95ef}.reviews__stars{display:flex;gap:0;margin-bottom:12px;color:#f39c12}.reviews__star{transform:scale(.8)}.reviews__text{font-size:15px;color:#555d67;line-height:1.6;margin-bottom:16px;margin-top:0}.reviews__author{display:flex;align-items:center;gap:12px}.reviews__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:14px}.reviews__avatar--accent{background:#eceafd}.reviews__avatar--primary{background:#6a3ce2}.reviews__avatar--green{background:#4bb5431a}.reviews__avatar--purple{background:#a78bfa1a}.reviews__avatar--orange{background:#f39c121a}.reviews__avatar--pink{background:#f472b61a}.reviews__avatar--blue{background:#3b82f61a}.reviews__avatar--teal{background:#14b8a61a}.reviews__avatar-text--primary{color:#6a3ce2}.reviews__avatar-text--white{color:#fff}.reviews__avatar-text--green{color:#4bb543}.reviews__avatar-text--purple{color:#a78bfa}.reviews__avatar-text--orange{color:#f39c12}.reviews__avatar-text--pink{color:#f472b6}.reviews__avatar-text--blue{color:#3b82f6}.reviews__avatar-text--teal{color:#14b8a6}.reviews__author-info{display:flex;flex-direction:column;gap:2px}.reviews__author-name{font-size:14px;font-weight:700;color:#121417}.reviews__author-role{font-size:12px;color:#b7bbc0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.roadmap{padding:96px 24px;background:#f5f7f8;border-bottom:1px solid #e9ecef}@media (max-width: 768px){.roadmap{padding:48px 24px}}@media (max-width: 350px){.roadmap{padding-left:20px;padding-right:20px}}.roadmap__container{max-width:1200px;margin:0 auto}.roadmap__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:48px;gap:16px}@media (min-width: 768px){.roadmap__header{flex-direction:row;align-items:center}}.roadmap__header-content{display:flex;flex-direction:column}.roadmap__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px;margin-top:0}@media (min-width: 768px){.roadmap__title{font-size:36px}}.roadmap__subtitle{font-size:16px;color:#555d67;margin:0}.roadmap__badge-wrapper{display:flex;align-items:center}.roadmap__badge{font-size:12px;font-weight:600;background:#4bb5431a;color:#4bb543;padding:4px 12px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.roadmap__grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.roadmap__grid{grid-template-columns:repeat(3,1fr)}}.roadmap__card{background:#fff;padding:24px;border-radius:16px;border:1px solid #e9ecef;position:relative;overflow:hidden;transition:all .3s}.roadmap__card--completed{background:#e9ecef;opacity:.9}.roadmap__card--completed:hover{opacity:1}.roadmap__card--shipped{border-color:#4bb5434d;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;box-shadow:0 10px 15px -3px #4bb5431a,0 4px 6px -2px #4bb5430d}.roadmap__card--coming-soon{border-color:#6a3ce24d;box-shadow:0 10px 15px -3px #070e231a,0 4px 6px -2px #070e230d;box-shadow:0 10px 15px -3px #6a3ce21a,0 4px 6px -2px #6a3ce20d}.roadmap__card--planned:hover{border-color:#a78bfa80}.roadmap__card--planned:hover .roadmap__icon--planned{background:#a78bfa;color:#fff}.roadmap__coming-soon{position:absolute;top:0;right:0;background:#6a3ce2;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:0 0 0 12px;text-transform:uppercase;letter-spacing:.05em}.roadmap__shipped{position:absolute;top:0;right:0;background:#4bb543;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:0 0 0 12px;text-transform:uppercase;letter-spacing:.05em}.roadmap__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.roadmap__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roadmap__icon--completed,.roadmap__icon--shipped{background:#4bb5431a;color:#4bb543}.roadmap__icon--coming-soon{background:#eceafd;color:#6a3ce2}.roadmap__icon--planned{background:#a78bfa1a;color:#a78bfa;transition:all .3s}.roadmap__date{font-size:12px;font-family:monospace;color:#ced4da;position:relative;top:10px;border:1px solid #e9ecef;padding:4px 8px;border-radius:6px}.roadmap__card-title{font-size:18px;font-weight:700;color:#121417;margin-bottom:8px;margin-top:0}.roadmap__card-description{font-size:14px;font-weight:500;color:#555d67;line-height:1.6;margin:0}.roadmap__actions{display:flex;justify-content:center;margin-top:48px}.roadmap__button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#121417;color:#fff;border-radius:40px;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s ease}.roadmap__button:hover{background:#3c3c3c;text-decoration:none}.roadmap__button-icon{width:20px;height:20px}.stats{padding:20px 24px 60px;position:relative;background:linear-gradient(to bottom,#fafafa,#fafafa,#f5f7f833 20%,#f5f7f880,#f5f7f8cc,#f5f7f8,#f5f7f8);margin-top:0;margin-bottom:0;z-index:1}.stats:before{content:"";position:absolute;top:0;left:0;right:0;height:20%;background-image:radial-gradient(circle,rgba(106,60,226,.15) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;pointer-events:none;z-index:0}@media (max-width: 768px){.stats{padding-top:0}}@media (max-width: 350px){.stats{padding-left:20px;padding-right:20px}}.stats__container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:48px 32px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 20px 25px -5px #070e231a,0 8px 10px -6px #070e231a;border:1px solid #e9ecef;position:relative;z-index:1}@media (max-width: 768px){.stats__container{flex-direction:column;padding:32px 24px;gap:24px}}.stats__item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stats__value{font-size:36px;font-weight:700;color:#121417;margin-bottom:8px;line-height:1.2;white-space:nowrap}@media (max-width: 768px){.stats__value{font-size:32px}}@media (max-width: 480px){.stats__value{font-size:28px}}.stats__label{font-size:12px;font-weight:500;color:#b7bbc0;letter-spacing:.5px;text-transform:uppercase}.stats__divider{width:1px;height:48px;background:#e9ecef;flex-shrink:0}@media (max-width: 768px){.stats__divider{display:none}.stats__divider:nth-of-type(2),.stats__divider:nth-of-type(4){display:block;width:100%;height:1px}}.weekly-drops{padding:24px;background:#6a3ce2;color:#fff;overflow:hidden}@media (max-width: 350px){.weekly-drops{padding-left:20px;padding-right:20px}}.weekly-drops__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}@media (min-width: 768px){.weekly-drops__container{flex-direction:row}}.weekly-drops__content{display:flex;align-items:center;gap:16px}@media (max-width: 476px){.weekly-drops__content{flex-direction:column;text-align:center}}.weekly-drops__icon-wrapper{background:#fff3;padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.weekly-drops__icon{width:24px;height:24px;color:#fff}.weekly-drops__text{display:flex;flex-direction:column;gap:0}.weekly-drops__title{font-size:18px;font-weight:700;color:#fff;margin:0}.weekly-drops__subtitle{font-size:14px;color:#eceafd;margin:0;line-height:1.5}.weekly-drops__badge-wrapper{display:flex;gap:8px}.weekly-drops__badge{padding:4px 12px;background:#4f1ecd;color:#fff;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.homepage{min-height:100vh}.how-it-works-scale{padding:96px 24px;background:#212529;color:#fff}@media (max-width: 768px){.how-it-works-scale{padding:48px 24px}}@media (max-width: 350px){.how-it-works-scale{padding-left:20px;padding-right:20px}}.how-it-works-scale__container{max-width:1200px;margin:0 auto;text-align:center}.how-it-works-scale__title{font-size:30px;font-weight:700;margin:0 0 8px}@media (min-width: 768px){.how-it-works-scale__title{font-size:36px}}.how-it-works-scale__subtitle{font-size:16px;color:#ced4da;max-width:672px;margin:0 auto 64px;line-height:1.75}@media (min-width: 768px){.how-it-works-scale__subtitle{font-size:18px}}.how-it-works-scale__grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.how-it-works-scale__grid{grid-template-columns:repeat(3,1fr)}}.how-it-works-scale__card{background:#3c3c3c;padding:32px;border-radius:16px;border:1px solid #555d67;text-align:left;transition:border-color .3s ease;position:relative;overflow:hidden}.how-it-works-scale__card:hover{border-color:#999}.how-it-works-scale__card__card-icon{margin-bottom:24px;display:block}.how-it-works-scale__card svg.how-it-works-scale__card-icon{margin-bottom:16px}.how-it-works-scale__card-title{font-size:20px;font-weight:700;margin:0 0 12px}.how-it-works-scale__card-description{font-size:14px;color:#ced4da;line-height:1.6;margin:0}.how-it-works-comparison{padding:96px 24px;background:#f5f7f8}@media (max-width: 768px){.how-it-works-comparison{padding:48px 24px}}@media (max-width: 350px){.how-it-works-comparison{padding-left:20px;padding-right:20px}}.how-it-works-comparison__container{max-width:1200px;margin:0 auto}.how-it-works-comparison__header{text-align:center;margin-bottom:64px}.how-it-works-comparison__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 8px}@media (min-width: 768px){.how-it-works-comparison__title{font-size:36px}}.how-it-works-comparison__subtitle{font-size:16px;color:#555d67;line-height:1.75;margin:0}@media (min-width: 768px){.how-it-works-comparison__subtitle{font-size:18px}}.how-it-works-comparison__table{overflow:hidden;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.how-it-works-comparison__row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-bottom:1px solid #f5f7f8}.how-it-works-comparison__row:last-child{border-bottom:none}.how-it-works-comparison__row--header{background:#f5f7f8;border-bottom:1px solid #e9ecef}@media (max-width: 850px){.how-it-works-comparison__row--header{display:none}}@media (max-width: 850px){.how-it-works-comparison__row{grid-template-columns:1fr;padding:20px 16px;gap:16px}}.how-it-works-comparison__cell{padding:24px;font-size:14px;font-weight:500;color:#555d67}.how-it-works-comparison__cell--center{text-align:center;display:flex}.how-it-works-comparison__cell--primary{color:#6a3ce2;font-weight:700}@media (max-width: 850px){.how-it-works-comparison__cell{padding:12px 12px 12px 15px;text-align:left;border-radius:8px;background:transparent}.how-it-works-comparison__cell:first-child{font-weight:600;color:#121417;font-size:15px;margin-bottom:12px;padding:0 0 10px;border-bottom:1px solid #e9ecef}.how-it-works-comparison__cell--center{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;background:#f5f7f8;padding:12px 15px}.how-it-works-comparison__cell--primary{background:#6a3ce21a;border-left:2px solid #6a3ce2}}@media (max-width: 850px){.how-it-works-comparison__row:not(.how-it-works-comparison__row--header) .how-it-works-comparison__cell--center:nth-child(2){background:#6a3ce21a;border-left:2px solid #6a3ce2}}.how-it-works-comparison__row--header .how-it-works-comparison__cell{font-weight:700;color:#3c3c3c;font-size:14px}.how-it-works-comparison__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:500}.how-it-works-comparison__badge--success{background:#f0fdf4;color:#4bb543}.how-it-works-comparison__row:not(.how-it-works-comparison__row--header) .how-it-works-comparison__cell:first-child{font-weight:500;color:#3c3c3c}.how-it-works-comparison__icon{flex-shrink:0}.how-it-works-comparison__icon--success{color:#4bb543}.how-it-works-comparison__icon--error{color:#d8d8d8}.how-it-works-comparison__label{display:none}@media (max-width: 850px){.how-it-works-comparison__label{display:block;font-size:13px;font-weight:600;color:#555d67;margin-bottom:6px}}.how-it-works-compatibility{padding:80px 24px;background:#fff;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.how-it-works-compatibility{padding:48px 24px}}@media (max-width: 350px){.how-it-works-compatibility{padding-left:20px;padding-right:20px}}.how-it-works-compatibility__container{max-width:1200px;margin:0 auto}.how-it-works-compatibility__badge{font-size:12px;font-weight:700;color:#6a3ce2;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px}.how-it-works-compatibility__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 36px}@media (min-width: 768px){.how-it-works-compatibility__title{font-size:36px}}.how-it-works-compatibility__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;opacity:.6;filter:grayscale(100%);transition:all .5s ease;margin-bottom:40px}@media (max-width: 360px){.how-it-works-compatibility__grid{grid-template-columns:1fr}}@media (min-width: 768px){.how-it-works-compatibility__grid{grid-template-columns:repeat(4,1fr)}}.how-it-works-compatibility__grid:hover{opacity:1;filter:grayscale(0)}.how-it-works-compatibility__item{display:flex;align-items:center;justify-content:center;gap:8px;transition:color .3s ease}.how-it-works-compatibility__item:hover .how-it-works-compatibility__item-icon{color:#6a3ce2}.how-it-works-compatibility__item:hover span{color:#121417}.how-it-works-compatibility__item span{font-size:20px;font-weight:700;color:#555d67;transition:color .3s ease}@media (max-width: 768px){.how-it-works-compatibility__item span{font-size:16px}}.how-it-works-compatibility__item-icon{color:#555d67;transition:color .3s ease;flex-shrink:0}.how-it-works-compatibility__description{font-size:16px;color:#555d67;max-width:672px;margin:0 auto;line-height:1.75}@media (min-width: 768px){.how-it-works-compatibility__description{font-size:18px}}.how-it-works-customization{padding:96px 24px;background:#fff;border-bottom:1px solid #e9ecef;overflow:hidden}@media (max-width: 768px){.how-it-works-customization{padding:48px 24px}}@media (max-width: 350px){.how-it-works-customization{padding-left:20px;padding-right:20px}}.how-it-works-customization__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:64px}@media (min-width: 768px){.how-it-works-customization__container{flex-direction:row}}.how-it-works-customization__visual{flex:1;width:100%;position:relative}@media (min-width: 768px){.how-it-works-customization__visual{max-width:50%}}.how-it-works-customization__card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative}.how-it-works-customization__control{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f5f7f8;border-radius:8px;border:1px solid #e9ecef;height:50px}.how-it-works-customization__control span{font-size:14px;font-weight:500;color:#555d67}.how-it-works-customization__buttons{display:flex;gap:8px}.how-it-works-customization__buttons button{background:#fff;border:1px solid #ebebeb;padding:3px;border-radius:5px;width:35px}.how-it-works-customization__button--active{font-weight:700;color:#121417}.how-it-works-customization__colors{display:flex;gap:8px}.how-it-works-customization__color{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e9ecef;display:block}.how-it-works-customization__color--primary{background:#6a3ce2}.how-it-works-customization__color--blue{background:#3b82f6}.how-it-works-customization__slider{width:96px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.how-it-works-customization__slider-fill{width:66.67%;height:100%;background:#6a3ce2}.how-it-works-customization__content{flex:1;width:100%}@media (min-width: 768px){.how-it-works-customization__content{max-width:50%}}.how-it-works-customization__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 8px}@media (min-width: 768px){.how-it-works-customization__title{font-size:36px}}.how-it-works-customization__description{font-size:16px;color:#555d67;line-height:1.75;margin:0 0 24px}@media (min-width: 768px){.how-it-works-customization__description{font-size:18px}}.how-it-works-customization__features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 350px){.how-it-works-customization__features{grid-template-columns:1fr}}.how-it-works-customization__feature{display:flex;align-items:center;gap:12px}.how-it-works-customization__check{margin-top:2px;width:24px;height:24px;background:#f0fdf4;color:#4bb543;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-it-works-customization__check svg{color:#4bb543;transform:scale(.8)}.how-it-works-customization__feature span{font-size:14px;color:#3c3c3c;font-weight:500}.how-it-works-faq{padding:96px 24px;background:#fff}@media (max-width: 768px){.how-it-works-faq{padding:48px 24px}}@media (max-width: 350px){.how-it-works-faq{padding-left:20px;padding-right:20px}}.how-it-works-faq__container{max-width:768px;margin:0 auto}.how-it-works-faq__header{text-align:center;margin-bottom:48px}.how-it-works-faq__title{font-size:30px;font-weight:700;color:#121417;margin-bottom:8px;margin-top:0}@media (min-width: 768px){.how-it-works-faq__title{font-size:36px}}.how-it-works-faq__subtitle{font-size:16px;color:#555d67;margin:0}.how-it-works-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.how-it-works-header{padding:48px 24px}}@media (max-width: 350px){.how-it-works-header{padding-left:20px;padding-right:20px}}.how-it-works-header__container{max-width:800px;margin:0 auto}.how-it-works-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px;color:#121417}.how-it-works-header__title--primary{color:#6a3ce2}@media (max-width: 768px){.how-it-works-header__title{font-size:36px}}@media (max-width: 441px){.how-it-works-header__title{font-size:30px}}.how-it-works-header__subtitle{font-size:18px;color:#4b5563;line-height:1.6;margin:0 0 32px}@media (max-width: 441px){.how-it-works-header__subtitle{font-size:16px}}.how-it-works-header__badges{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:16px}@media (max-width: 768px){.how-it-works-header__badges{gap:10px}}.how-it-works-header__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:500;color:#555d67;box-shadow:0 1px 2px #0000000d}.how-it-works-header__badge-icon{flex-shrink:0}.how-it-works-header__badge-icon:first-child{color:#21759b}.how-it-works-steps{padding:96px 24px;background:#fff;overflow:hidden}@media (max-width: 768px){.how-it-works-steps{padding:48px 24px}}@media (max-width: 350px){.how-it-works-steps{padding-left:20px;padding-right:20px}}.how-it-works-steps__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:128px}@media (max-width: 768px){.how-it-works-steps__container{gap:80px}}.how-it-works-steps__step{display:flex;flex-direction:column;align-items:center;gap:64px}@media (max-width: 768px){.how-it-works-steps__step{gap:30px}}@media (min-width: 1024px){.how-it-works-steps__step{flex-direction:row;gap:64px}}@media (min-width: 1024px){.how-it-works-steps__step--reverse{flex-direction:row-reverse}}.how-it-works-steps__content{flex:1;max-width:100%}@media (min-width: 1024px){.how-it-works-steps__content{max-width:50%}}.how-it-works-steps__number{width:48px;height:48px;background:#121417;color:#fff;border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.how-it-works-steps__number--primary{background:#6a3ce2;box-shadow:0 4px 12px #6a3ce233}.how-it-works-steps__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 8px}@media (min-width: 768px){.how-it-works-steps__title{font-size:36px}}.how-it-works-steps__description{font-size:16px;color:#555d67;line-height:1.75;margin:0 0 24px}@media (min-width: 768px){.how-it-works-steps__description{font-size:18px}}.how-it-works-steps__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.how-it-works-steps__list li{display:flex;align-items:center;gap:12px;color:#3c3c3c;font-size:16px}.how-it-works-steps__check-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#22c55e1a;display:flex;align-items:center;justify-content:center;margin-top:2px}.how-it-works-steps__check-icon svg{color:#4bb543;transform:scale(.8);width:auto;height:auto}.how-it-works-steps__info-box,.how-it-works-steps__tip-box{background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-top:24px}.how-it-works-steps__info-icon{margin-top:2px;flex-shrink:0;width:auto;height:auto}.how-it-works-steps__info-icon p{font-size:14px;color:#1e40af;margin:0;line-height:1.5}.how-it-works-steps__info-icon p strong{font-weight:600}.how-it-works-steps__tip-box{background:#fef3c7;border-color:#fde68a}.how-it-works-steps__tip-box p{color:#92400e}.how-it-works-steps__tip-box p kbd{background:#fff;border:1px solid #fde68a;padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace}.how-it-works-steps__visual{flex:1;width:100%}@media (min-width: 1024px){.how-it-works-steps__visual{max-width:50%}}.how-it-works-steps__visual svg{width:auto;height:auto}.how-it-works-steps__library-browser{background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;max-width:448px;width:100%;margin:0 auto;position:relative}@media (min-width: 1240px){.how-it-works-steps__library-browser{transform:scale(1.2);transform-origin:center;right:-16px}}.how-it-works-steps__library-header{background:#fff;border-bottom:1px solid #f5f7f8;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.how-it-works-steps__library-dots{display:flex;gap:6px}.how-it-works-steps__library-dot{width:10px;height:10px;border-radius:50%}.how-it-works-steps__library-dot--red{background:#f87171}.how-it-works-steps__library-dot--yellow{background:#fbbf24}.how-it-works-steps__library-dot--green{background:#34d399}.how-it-works-steps__library-search{height:6px;width:96px;background:#f5f7f8;border-radius:999px}.how-it-works-steps__library-spacer{width:16px}.how-it-works-steps__library-main{display:flex;height:256px;background:#f8fafc80}.how-it-works-steps__library-sidebar{width:112px;border-right:1px solid #f5f7f8;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px}@media (max-width: 470px){.how-it-works-steps__library-sidebar{display:none}}.how-it-works-steps__library-sidebar-line{height:8px;width:64px;background:#e9ecef;border-radius:4px;margin-bottom:8px}.how-it-works-steps__library-sidebar-item{height:24px;width:100%;color:#ced4da;border-radius:4px;font-size:10px;font-weight:500;display:flex;align-items:center;padding:0 8px}.how-it-works-steps__library-sidebar-item--active{background:#6a3ce21a;color:#6a3ce2;font-weight:700}.how-it-works-steps__library-grid{flex:1;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden;position:relative}.how-it-works-steps__library-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:8px;display:flex;flex-direction:column;gap:8px;opacity:.6}.how-it-works-steps__library-card--selected{border:1px solid #6a3ce2;box-shadow:0 4px 6px -1px #0000001a;transform:scale(1.05);opacity:1;position:relative;z-index:10}.how-it-works-steps__library-card-preview{height:56px;background:#f5f7f8;border-radius:4px;border:1px solid #e9ecef;position:relative;overflow:hidden}.how-it-works-steps__library-card-line{position:absolute;left:8px;right:8px;top:8px;height:4px;background:#d8d8d8;border-radius:999px}.how-it-works-steps__library-card-box{position:absolute;left:16px;right:16px;top:16px;height:32px;background:#fff;border-radius:4px;border:1px solid #e9ecef}.how-it-works-steps__library-card-footer{display:flex;justify-content:space-between;align-items:center}.how-it-works-steps__library-card-text{height:6px;background:#e9ecef;border-radius:4px;width:40px}.how-it-works-steps__library-card--selected .how-it-works-steps__library-card-text{width:48px;background:#d8d8d8}.how-it-works-steps__library-card-check{width:12px;height:12px;background:#6a3ce2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:6px}.how-it-works-steps__library-card-check svg{width:auto;height:auto;position:relative;top:1px;right:-1px}.how-it-works-steps__library-card-check svg path{transform:scale(.4)}.how-it-works-steps__library-cursor{position:absolute;bottom:-16px;right:4px;color:#121417;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.how-it-works-steps__cursor-icon{width:auto;height:auto}.how-it-works-steps__component-card{background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 25px 50px -12px #00000040;position:relative;display:flex;flex-direction:column;height:320px;overflow:hidden;max-width:448px;width:100%;margin:0 auto}@media (min-width: 1240px){.how-it-works-steps__component-card{transform:scale(1.2);transform-origin:center;left:-16px}}.how-it-works-steps__component-split{display:flex;height:calc(100% - 49px);flex:1}.how-it-works-steps__component-preview{flex:1;background:#f5f7f8;padding:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.how-it-works-steps__component-visual{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;padding:16px;display:flex;flex-direction:column;gap:12px}.how-it-works-steps__component-visual-header{display:flex;justify-content:space-between;align-items:center}.how-it-works-steps__component-visual-line{height:8px;width:33%;background:#121417;border-radius:4px}.how-it-works-steps__component-visual-badge{height:24px;width:64px;background:#6a3ce21a;border-radius:4px}.how-it-works-steps__component-visual-content{height:80px;width:100%;background:#f5f7f8;border-radius:4px;border:1px solid #e9ecef}.how-it-works-steps__component-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.how-it-works-steps__component-visual-grid-item{height:8px;background:#e9ecef;border-radius:4px}.how-it-works-steps__component-sidebar{width:128px;background:#fff;border-left:1px solid #f5f7f8;padding:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:10}@media (max-width: 470px){.how-it-works-steps__component-sidebar{display:none}}.how-it-works-steps__component-sidebar-content{display:flex;flex-direction:column;gap:12px}.how-it-works-steps__component-sidebar-item{display:flex;flex-direction:column;gap:4px}.how-it-works-steps__component-sidebar-line{height:4px;background:#e9ecef;border-radius:2px}.how-it-works-steps__component-sidebar-line:first-child{width:32px}.how-it-works-steps__component-sidebar-line:last-child{width:64px;background:#d8d8d8}.how-it-works-steps__component-header{background:#fff;border-bottom:1px solid #f5f7f8;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.how-it-works-steps__component-header-left{display:flex;align-items:center;gap:8px}.how-it-works-steps__component-dot{width:8px;height:8px;border-radius:50%;background:#d8d8d8}.how-it-works-steps__component-title{font-size:12px;font-weight:700;color:#555d67}.how-it-works-steps__copy-button{width:100%;background:#121417;color:#fff;font-size:12px;font-weight:700;padding:10px;border-radius:8px;border:none;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;margin-top:auto}.how-it-works-steps__copy-button svg{margin-bottom:2px;width:auto;height:auto}.how-it-works-steps__elementor-window{background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;max-width:448px;width:100%;margin:0 auto;position:relative}@media (min-width: 1240px){.how-it-works-steps__elementor-window{transform:scale(1.2);transform-origin:center;right:-16px}}.how-it-works-steps__elementor-header-title{font-size:10px;font-weight:500;color:#ced4da}.how-it-works-steps__elementor-main{display:flex;height:256px;background:#f8fafc80;position:relative}.how-it-works-steps__elementor-sidebar{width:64px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;padding:16px;gap:16px;z-index:10}@media (max-width: 470px){.how-it-works-steps__elementor-sidebar{display:none}}.how-it-works-steps__elementor-sidebar-item{width:32px;height:32px;background:#f5f7f8;border-radius:4px}.how-it-works-steps__elementor-sidebar-item--bottom{margin-top:auto;border-radius:50%}.how-it-works-steps__elementor-canvas{flex:1;background:#fff;margin:12px;border-radius:4px;box-shadow:inset 0 2px 4px #0000000f;border:1px solid #e9ecef;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.how-it-works-steps__elementor-dropzone{width:256px;height:128px;border:2px dashed rgba(106,60,226,.3);background:#6a3ce20d;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.how-it-works-steps__elementor-dropzone span{color:#6a3ce280;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.how-it-works-steps__elementor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a0d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center}.how-it-works-steps__context-menu{background:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #f5f7f8;width:224px;overflow:hidden;transform:translate(32px,32px)}.how-it-works-steps__menu-item{padding:8px 16px;font-size:12px;color:#b7bbc0;display:flex;align-items:center;gap:8px;cursor:default}.how-it-works-steps__menu-item--active{background:#6a3ce21a;color:#6a3ce2;font-weight:700;display:flex;align-items:center;justify-content:flex-start}.how-it-works-steps__menu-icon{color:#ced4da;flex-shrink:0;width:auto;height:auto;text-align:center}.how-it-works-steps__menu-item--active .how-it-works-steps__menu-icon{color:#6a3ce2}.how-it-works-steps__elementor-cursor{position:absolute;z-index:50;color:#121417;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transform:translate(56px,64px)}.how-it-works-why{padding:80px 24px;background:#f5f7f8;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}@media (max-width: 768px){.how-it-works-why{padding:48px 24px}}@media (max-width: 350px){.how-it-works-why{padding-left:20px;padding-right:20px}}.how-it-works-why__container{max-width:1200px;margin:0 auto}.how-it-works-why__header{text-align:center;margin-bottom:64px}.how-it-works-why__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 8px}@media (min-width: 768px){.how-it-works-why__title{font-size:36px}}.how-it-works-why__subtitle{font-size:16px;color:#555d67;line-height:1.75;margin:0}@media (min-width: 768px){.how-it-works-why__subtitle{font-size:18px;max-width:650px;margin-left:auto;margin-right:auto}}.how-it-works-why__grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.how-it-works-why__grid{grid-template-columns:repeat(3,1fr)}}.how-it-works-why__card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;text-align:center;transition:transform .3s ease}.how-it-works-why__card:hover{transform:translateY(-4px)}.how-it-works-why__icon{width:56px;height:56px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.how-it-works-why__icon--red{background:#fee2e2;color:#d24242}.how-it-works-why__icon--purple{background:#6a3ce21a;color:#6a3ce2}.how-it-works-why__icon--blue{background:#dbeafe;color:#3b82f6}.how-it-works-why__card-title{font-weight:700;color:#121417;margin:0 0 12px;font-size:18px}.how-it-works-why__card-description{font-size:14px;color:#555d67;line-height:1.6;margin:0}.how-it-works-why__card-description strong{font-weight:600}.library-categories{padding:96px 24px;background:#fff}@media (max-width: 768px){.library-categories{padding:48px 24px}}@media (max-width: 350px){.library-categories{padding-left:20px;padding-right:20px}}.library-categories__container{max-width:1200px;margin:0 auto}.library-categories__group{margin-bottom:64px}.library-categories__group:not(:first-child){padding-top:40px;border-top:1px solid #e9ecef}.library-categories__group-header{margin-bottom:40px}.library-categories__group-title{font-size:32px;font-weight:700;color:#121417;margin:0 0 8px}@media (max-width: 768px){.library-categories__group-title{font-size:24px}}.library-categories__group-description{font-size:18px;color:#b7bbc0;margin:0}@media (max-width: 768px){.library-categories__group-description{font-size:16px}}.library-categories__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.library-categories__grid{grid-template-columns:1fr}}.library-categories__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-width: 768px){.library-categories__card{padding:24px}}.library-categories__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -5px #6a3ce21a;border-color:#6a3ce2;text-decoration:none}.library-categories__card:hover .library-categories__card-icon-wrapper{background-color:#6a3ce2;color:#fff;transform:scale(1.1) rotate(3deg)}.library-categories__card:hover .library-categories__card-arrow{color:#6a3ce2;padding-left:8px}.library-categories__card-icon-wrapper{width:56px;height:56px;background:#6a3ce21a;border:1px solid rgba(106,60,226,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.library-categories__card-icon{width:24px;height:24px;color:#6a3ce2;transition:all .3s cubic-bezier(.4,0,.2,1)}.library-categories__card-icon--navbars{color:#6a3ce2;stroke:#6a3ce2!important}.library-categories__card-icon--navbars path{stroke:#6a3ce2!important}.library-categories__card-icon--footers{color:#6a3ce2;stroke:#6a3ce2!important}.library-categories__card-icon--footers rect{stroke:#6a3ce2!important}.library-categories__card-icon--footers path{stroke:#6a3ce2!important}.library-categories__card-icon--banners{color:#6a3ce2}.library-categories__card-icon--banners path{fill:#6a3ce2!important}.library-categories__card-icon--portfolios{color:#6a3ce2;stroke:#6a3ce2!important}.library-categories__card-icon--portfolios path{stroke:#6a3ce2!important}.library-categories__card-icon--cta{color:#6a3ce2;stroke:#6a3ce2!important}.library-categories__card-icon--cta path{stroke:#6a3ce2!important}.library-categories__card-icon--pricings{color:#6a3ce2}.library-categories__card-icon--pricings path{fill:#6a3ce2!important}.library-categories__card-icon--comparisons{color:#6a3ce2}.library-categories__card-icon--comparisons path{fill:#6a3ce2!important}.library-categories__card-icon--stats{color:#6a3ce2}.library-categories__card-icon--stats path{fill:#6a3ce2!important}.library-categories__card-icon--teams{color:#6a3ce2}.library-categories__card-icon--teams path{fill:#6a3ce2!important}.library-categories__card-icon--careers{color:#6a3ce2}.library-categories__card-icon--careers path{fill:#6a3ce2!important}.library-categories__card-icon--services{color:#6a3ce2}.library-categories__card-icon--services path{fill:#6a3ce2!important}.library-categories__card-icon--blog-archives{color:#6a3ce2;stroke:#6a3ce2!important}.library-categories__card-icon--blog-archives path{stroke:#6a3ce2!important}.library-categories__card:hover .library-categories__card-icon{color:#fff}.library-categories__card:hover .library-categories__card-icon--navbars{color:#fff;stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--navbars path{stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--footers{color:#fff;stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--footers rect{stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--footers path{stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--banners{color:#fff}.library-categories__card:hover .library-categories__card-icon--banners path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--portfolios{color:#fff;stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--portfolios path{stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--cta{color:#fff;stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--cta path{stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--pricings{color:#fff}.library-categories__card:hover .library-categories__card-icon--pricings path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--comparisons{color:#fff}.library-categories__card:hover .library-categories__card-icon--comparisons path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--stats{color:#fff}.library-categories__card:hover .library-categories__card-icon--stats path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--teams{color:#fff}.library-categories__card:hover .library-categories__card-icon--teams path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--careers{color:#fff}.library-categories__card:hover .library-categories__card-icon--careers path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--services{color:#fff}.library-categories__card:hover .library-categories__card-icon--services path{fill:#fff!important}.library-categories__card:hover .library-categories__card-icon--blog-archives{color:#fff;stroke:#fff!important}.library-categories__card:hover .library-categories__card-icon--blog-archives path{stroke:#fff!important}.library-categories__card-title{font-size:20px;font-weight:700;color:#121417;margin:0 0 12px}.library-categories__card-description{font-size:14px;color:#555d67;font-weight:400;line-height:1.6;margin:0 0 24px}.library-categories__card-footer{display:flex;align-items:baseline;justify-content:space-between;padding-top:16px;border-top:1px solid #f5f7f8;margin-top:auto}.library-categories__card-count{font-size:12px;font-weight:600;background:#f5f7f8;color:#999;padding:6px 12px;border-radius:50px;border:1px solid #e9ecef;display:inline-flex;align-items:center;line-height:1.2;height:24px}.library-categories__card-arrow{font-size:14px;font-weight:600;color:#ced4da;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.2}.library-categories__card-arrow svg{width:12px;height:12px}.library-categories__cta{background:#121417;border-radius:24px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;margin-top:80px}@media (max-width: 768px){.library-categories__cta{padding:48px 24px}}.library-categories__cta:before{content:"";position:absolute;top:0;left:0;width:256px;height:256px;background:#6a3ce233;border-radius:50%;filter:blur(96px);transform:translate(-50%,-50%)}.library-categories__cta-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px;position:relative;z-index:1}@media (max-width: 768px){.library-categories__cta-title{font-size:24px}}.library-categories__cta-description{font-size:16px;color:#ffffffb3;max-width:672px;margin:0 auto 32px;position:relative;z-index:1}.library-categories__cta-button{background:#fff;color:#121417;padding:14px 32px;border-radius:40px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s ease;position:relative;z-index:1}.library-categories__cta-button:hover{background:#f5f7f8;text-decoration:none}.library-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.library-header{padding:48px 24px}}@media (max-width: 350px){.library-header{padding-left:20px;padding-right:20px}}.library-header__container{max-width:800px;margin:0 auto}.library-header__badge{display:inline-block;background:#6a3ce2;color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.library-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}.library-header__title--gray{color:#1f2937}.library-header__title--primary{color:#6a3ce2}@media (max-width: 768px){.library-header__title{font-size:36px}}@media (max-width: 441px){.library-header__title{font-size:30px}}.library-header__subtitle{font-size:18px;color:#4b5563;line-height:1.6;margin:0 0 24px}@media (max-width: 441px){.library-header__subtitle{font-size:16px}}.pricing-header{position:relative;padding:80px 24px 64px;text-align:center;overflow:hidden}@media (max-width: 768px){.pricing-header{padding-top:60px;padding-bottom:48px}}@media (max-width: 350px){.pricing-header{padding-left:20px;padding-right:20px}}.pricing-header__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.3;background-image:radial-gradient(#d8d8d8 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.pricing-header__container{position:relative;z-index:1;max-width:896px;margin:0 auto}.pricing-header__title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-1px;color:#121417}@media (min-width: 768px){.pricing-header__title{font-size:60px}}@media (max-width: 441px){.pricing-header__title{font-size:36px}}.pricing-header__title--gradient{background:linear-gradient(to right,#6a3ce2,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-header__title-break{display:none}@media (min-width: 768px){.pricing-header__title-break{display:block}}.pricing-header__subtitle{font-size:20px;color:#555d67;line-height:1.75;max-width:672px;margin:0 auto}@media (max-width: 441px){.pricing-header__subtitle{font-size:18px}}.pricing-faq{padding:80px 24px;background:#fff}@media (max-width: 768px){.pricing-faq{padding:60px 24px}}@media (max-width: 350px){.pricing-faq{padding-left:20px;padding-right:20px}}.pricing-faq__container{max-width:768px;margin:0 auto}.pricing-faq__header{text-align:center;margin-bottom:48px}.pricing-faq__title{font-size:30px;font-weight:700;color:#121417;margin:0;line-height:1.2}@media (min-width: 768px){.pricing-faq__title{font-size:36px}}.pricing-section{padding:64px 24px 96px;background:#fff}@media (max-width: 768px){.pricing-section{padding-top:48px;padding-bottom:64px}}@media (max-width: 350px){.pricing-section{padding-left:20px;padding-right:20px}}.pricing-section__container{max-width:1152px;margin:0 auto}.pricing-section__toggle-wrapper{display:flex;justify-content:center;margin-bottom:64px}.pricing-section__cards{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;max-width:1200px;margin:0 auto}@media (min-width: 768px){.pricing-section__cards{grid-template-columns:repeat(2,1fr);gap:32px}}@media (min-width: 768px) and (max-width: 1100px){.pricing-section__cards .pricing-card--free{grid-column:1/-1;order:3}.pricing-section__cards .pricing-card--pro{order:1}.pricing-section__cards .pricing-card--lifetime{order:2}}@media (min-width: 1100px){.pricing-section__cards{grid-template-columns:repeat(3,1fr);gap:32px}.pricing-section__cards .pricing-card--free{order:1}.pricing-section__cards .pricing-card--pro{order:2}.pricing-section__cards .pricing-card--lifetime{order:3}}.why-upgrade{padding:80px 24px;background:#f5f7f8;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}@media (max-width: 768px){.why-upgrade{padding:60px 24px}}@media (max-width: 350px){.why-upgrade{padding-left:20px;padding-right:20px}}.why-upgrade__container{max-width:1152px;margin:0 auto}.why-upgrade__header{text-align:center;margin-bottom:48px}.why-upgrade__title{font-size:30px;font-weight:700;color:#121417;margin:0 0 8px;line-height:1.2}@media (min-width: 768px){.why-upgrade__title{font-size:36px}}.why-upgrade__subtitle{font-size:16px;color:#999;margin:0}.why-upgrade__cards{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.why-upgrade__cards{grid-template-columns:repeat(3,1fr);gap:32px}}.why-upgrade__card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;display:flex;flex-direction:column;gap:16px}.why-upgrade__icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-upgrade__icon-wrapper--purple{background:#6a3ce21a;color:#6a3ce2}.why-upgrade__icon-wrapper--green{background:#4bb5431a;color:#4bb543}.why-upgrade__card-title{font-size:18px;font-weight:700;color:#121417;margin:0;line-height:1.2}.why-upgrade__card-description{font-size:14px;color:#555d67;line-height:1.75;margin:0}.legal-page__content h3{font-size:18px;font-weight:600;color:#121417;margin-top:24px;margin-bottom:12px}.legal-page__content a{color:#6a3ce2;text-decoration:underline}.legal-page__content a:hover{opacity:.8}.roadmap-header{padding:80px 24px;border-bottom:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.roadmap-header{padding:48px 24px}}@media (max-width: 350px){.roadmap-header{padding-left:20px;padding-right:20px}}.roadmap-header__container{max-width:896px;margin:0 auto}.roadmap-header__badge{display:inline-block;background:#6a3ce2;color:#fff;padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.roadmap-header__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-1px}.roadmap-header__title--gray{color:#1f2937}.roadmap-header__title--primary{color:#6a3ce2}@media (max-width: 768px){.roadmap-header__title{font-size:36px}}@media (max-width: 441px){.roadmap-header__title{font-size:30px}}.roadmap-header__subtitle{font-size:18px;color:#555d67;line-height:1.75;margin-bottom:32px;max-width:672px;margin-left:auto;margin-right:auto}.roadmap-header__button{background:#fff;border:1px solid #e9ecef;color:#555d67;padding:12px 24px;border-radius:12px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;display:inline-flex;align-items:center;gap:8px;cursor:pointer;max-width:fit-content;text-decoration:none}.roadmap-header__button:hover{border-color:#6a3ce280;color:#6a3ce2;text-decoration:none}.roadmap-header__button-icon{width:20px;height:20px;color:#fbbf24;fill:#fbbf24}.roadmap-kanban{padding:96px 24px;background:#fff}@media (max-width: 768px){.roadmap-kanban{padding:48px 24px}}@media (max-width: 350px){.roadmap-kanban{padding-left:20px;padding-right:20px}}.roadmap-kanban__container{max-width:1280px;margin:0 auto}.roadmap-kanban__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;align-items:start}@media (min-width: 768px){.roadmap-kanban__grid{grid-template-columns:repeat(3,1fr)}}.roadmap-kanban__column{display:flex;flex-direction:column;gap:24px}.roadmap-kanban__column-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e9ecef}.roadmap-kanban__column-title-wrapper{display:flex;align-items:center;gap:8px}.roadmap-kanban__column-dot{width:8px;height:8px;border-radius:50%}.roadmap-kanban__column-dot--blue{background:#3b82f6;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.roadmap-kanban__column-dot--purple{background:#6a3ce2}.roadmap-kanban__column-dot--gray{background:#d8d8d8}.roadmap-kanban__column-dot--green{background:#4bb543}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.roadmap-kanban__column-title{font-weight:700;color:#121417;font-size:18px;margin:0}.roadmap-kanban__live-badge{font-size:10px;font-weight:600;color:#fff;background:#4bb543;padding:4px 8px;border-radius:4px}.roadmap-kanban__cards{display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.roadmap-kanban__card{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.roadmap-kanban__card:hover{box-shadow:0 4px 6px #0000001a}.roadmap-kanban__card:hover .roadmap-kanban__card-title{color:#6a3ce2}.roadmap-kanban__card--overflow{opacity:.6;filter:blur(3px);height:50%;overflow:hidden;pointer-events:none;margin-top:-12px;clip-path:inset(0 0 50% 0)}.roadmap-kanban__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.roadmap-kanban__card-quarter{font-size:10px;font-family:monospace;color:#555d67;background:#f5f7f8;padding:4px 8px;border-radius:4px}.roadmap-kanban__card-type{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.roadmap-kanban__card-type--purple{background:#8b5cf61a;color:#6a3ce2}.roadmap-kanban__card-type--green{background:#22c55e1a;color:#4bb543}.roadmap-kanban__card-type--orange{background:#f973161a;color:#f39c12}.roadmap-kanban__card-type--blue{background:#3b82f61a;color:#2563eb}.roadmap-kanban__card-type--pink{background:#ec48991a;color:#ec4899}.roadmap-kanban__card-type--gray{background:#f5f7f8;color:#555d67}.roadmap-kanban__card-title{font-weight:700;color:#121417;margin-bottom:8px;font-size:16px;transition:color .2s ease}.roadmap-kanban__card-description{font-size:14px;color:#555d67;line-height:1.6;margin-bottom:0}.roadmap-kanban__show-more-wrapper{display:flex;justify-content:center;margin-top:32px;grid-column:1/-1}.roadmap-kanban__show-more{padding:12px 24px;background:transparent;border:1px solid #e9ecef;border-radius:6px;color:#555d67;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;max-width:180px;width:100%}.roadmap-kanban__show-more:hover{border-color:#6a3ce2;color:#6a3ce2}.legal-page{padding:96px 24px;min-height:calc(100vh - 200px)}@media (max-width: 1024px){.legal-page{padding:40px 24px!important}}@media (max-width: 768px){.legal-page{padding:64px 24px}}@media (max-width: 350px){.legal-page{padding-left:20px;padding-right:20px}}.legal-page__container{max-width:800px;margin:0 auto}.legal-page__title{font-size:48px;font-weight:700;color:#121417;margin-bottom:16px;line-height:1.2}@media (max-width: 768px){.legal-page__title{font-size:36px}}@media screen and (max-width: 400px){.legal-page__title{font-size:30px!important}}.legal-page__effective-date{color:#999;font-size:14px;margin-bottom:48px}.legal-page__content{color:#555d67;line-height:1.8;font-size:16px}.legal-page__content p{margin-bottom:24px}.legal-page__content h2{font-size:24px;font-weight:700;color:#121417;margin-top:48px;margin-bottom:16px;line-height:1.3}@media (max-width: 768px){.legal-page__content h2{font-size:20px}}.legal-page__content ul{margin-bottom:24px;padding-left:24px}.legal-page__content ul li{margin-bottom:12px;line-height:1.8}.legal-page__content ul li strong{color:#121417;font-weight:600}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{background-color:#f5f7f8;font-family:Inter,sans-serif;font-weight:400;height:100%;max-width:100vw;min-width:100vw;overflow-x:hidden;color:#3b3b3b;scroll-behavior:smooth}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600}p{font-family:Inter,sans-serif}a{color:#6a3ce2;font-family:Inter,sans-serif;font-weight:600}a,button{cursor:pointer}a{text-decoration:none;font-weight:600}a:hover{text-decoration:underline;opacity:.95}label{font-size:13px;font-weight:500;color:#3b3b3b;margin-bottom:6px}*::-webkit-scrollbar{background-color:#b7bbc0;height:4px;width:7px}input{height:40px;max-height:40px;outline:none;font-size:14px;line-height:17px;background:#fff;width:100%;padding:0 14px;border-radius:8px;box-shadow:0 1px 3px #070e230f,0 2px 8px -1px #070e230d;border:1px solid #e9ecef;transition:1s}input:focus{outline:1px solid #e9ecef;transition:outline .6s ease-in;animation:outlineFade .6s ease-in forwards}@keyframes outlineFade{0%{outline-color:#e9ecef}to{outline-color:#6a3ce2}}.container{height:100%;margin-left:auto;margin-right:auto;max-width:1280px;padding:30px 20px;position:relative;width:100%}@media (max-width: 640px){.container{padding:20px 15px}}.no-scroll{height:100%;overflow:hidden}.hidden{display:none!important}.disabled{pointer-events:none!important}.fit-content{width:fit-content}.full-dimensions{width:100%;height:100%}@font-face{font-family:Inter;src:url(/assets/inter-Cl4AQHp9.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@media screen and (min-width: 500px){.Toastify__toast-container{width:400px}}
