:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--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-container-width: fit-content;--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-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.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%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;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{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.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-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.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:1;opacity:.7;transform-origin:left}.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}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-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)}}.header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm);background:var(--header-bg);position:fixed;width:100%;top:0;left:0;z-index:var(--z-index-fixed);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);font-size:var(--font-size-md);transition:all var(--transition-medium) ease,filter var(--transition-medium) ease}.header-blur{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.second-header{width:fit-content;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2xl);border:var(--header--border);border-radius:var(--radius-lg);padding:0 var(--spacing-md);background-color:var(--second--header-bg);transition:all var(--transition-medium) ease,filter var (--transition-medium) ease;font-size:var(--font-size-md);box-shadow:var(--shadow-sm)}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center}.nav-links a{text-decoration:none;color:var(--header-text-color);transition:all var(--transition-medium) ease;padding-bottom:var(--spacing-xxs);position:relative;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.nav-links a:hover,.nav-links a.active{color:var(--header-text-color-active);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-light-100);border-bottom:1px solid var(--header-text-color-active);text-decoration:none}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-md)}.sign-in,.sign-up{padding:var(--button-padding-sm);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color);cursor:pointer;transition:all var(--transition-medium) ease;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide)}.sign-in{background:transparent;color:var(--text-primary);border:var(--header--border)}.sign-up{background:var(--text-primary);color:var(--nav-button-color);border:var(--header--border)}.sign-in:hover,.sign-up:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);transition:all var(--transition-medium) ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--color-secondary-light-100)}.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);color:var(--text-primary);transition:all var(--transition-medium) ease}.mobile-menu{display:none;position:fixed;top:calc(var(--header-height) + var(--spacing-xs));left:0;width:100%;background:var(--header-bg);z-index:var(--z-index-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-medium) ease;box-shadow:var(--shadow-lg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);display:block!important;margin-top:var(--spacing-lg)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);width:100%;max-height:calc(100vh - var(--header-height) - var(--spacing-xl));overflow-y:auto;transition:all var(--transition-medium) ease}.mobile-nav-links a{text-decoration:none;color:var(--header-text-color);transition:all var(--transition-medium) ease;padding:var(--spacing-md);text-align:center;font-size:var(--font-size-base);border-radius:var(--radius-md);background:var(--header-bg);font-weight:var(--font-weight-medium)}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--header-text-color-active);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-light-100);transform:translateY(-1px);text-decoration:none}.logo{display:flex;align-items:center;justify-content:center;height:100%}.logo img{height:var(--header-logo-height);width:auto;object-fit:contain;transition:all var(--transition-medium) ease;max-width:100%}.profile-container{position:relative}.profile-button{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--transition-medium) ease}.avatar{width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border-radius:var(--radius-full);object-fit:cover}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--header-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.profile-header{padding:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.user-name{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.user-email{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xxs)}.profile-menu{padding:var(--spacing-xs)}.profile-menu a,.profile-menu button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);text-decoration:none;font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-medium) ease}.profile-menu a:hover,.profile-menu button:hover{background-color:var(--color-secondary-light-100)}.verification-message{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);animation:fadeIn .3s ease}.verification-message.success{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.verification-message.error{background-color:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.second-header{gap:var(--spacing-xl)}}@media (max-width: 868px){.nav-links{display:none}.menu-toggle{display:flex;align-items:center}.mobile-menu{display:block}.second-header{gap:var(--spacing-lg)}}@media (max-width: 576px){.second-header{gap:var(--spacing-lg);padding:var(--spacing-xxs) var(--spacing-sm)}.auth-buttons{gap:var(--spacing-sm)}.sign-in,.sign-up{padding:var(--button-padding-xs);font-size:var(--font-size-sm)}}@media (hover: none){.nav-links a:hover,.mobile-nav-links a:hover,.profile-menu a:hover,.profile-menu button:hover{background-color:transparent}}@supports (-webkit-touch-callout: none){.header{padding-top:env(safe-area-inset-top)}}.dashboard{display:flex;justify-content:center;align-items:center;text-align:center;transition:var(--transition-medium);min-height:calc(100vh - var(--header-height));width:100%;padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl)) var(--spacing-xl);background:var(--background-Gradient1);position:relative;z-index:15}.hero-section{width:100%;max-width:min(var(--max-width-xl),90vw);margin:0 auto}.title{font-size:clamp(var(--heading-md),7vw,var(--heading-xl));font-weight:var(--font-weight-bold);line-height:var( --line-height-relaxed );margin-bottom:clamp(var(--spacing-lg),5vh,var(--spacing-xl));color:var(--banner-title-secondary);letter-spacing:var(--letter-spacing-wide);text-shadow:var(--shadow-sm)}.highlight{color:var(--banner-title-primary);font-weight:var(--font-weight-black)}.navy{color:var(--banner-title-secondary);text-shadow:1px 1px 2px var(--accent-shadow)}.dashboard-subtitle{font-family:var(--font-family-primary);font-size:clamp(var(--font-size-sm),3vw,var(--font-size-md));color:var(--banner-subtitle-color);margin:clamp(var(--spacing-md),4vh,var(--spacing-xl)) auto;line-height:var(--line-height-relaxed);max-width:min(var(--max-width-md),85%);opacity:.9}.demo-button{padding:var(--button-padding-lg);font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-lg));font-weight:var(--font-weight-medium);background:var(--banner-button-color);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-medium);color:var(--white-text);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg);background:var(--small-title-color)}.demo-button:active{transform:translateY(1px)}.dashboard-background{position:relative;width:100%;min-height:100vh;background:var(--background-Gradient1);overflow:hidden;isolation:isolate}.floating-icons-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:visible;max-width:100vw;contain:layout paint}.floating-icons-container{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%}.content-layer{position:relative;z-index:10;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.node-animation-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:.6;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.background-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-wrapper{position:relative;z-index:20}.title-container{position:relative;z-index:25;margin-bottom:var(--spacing-xl)}.typing-text{display:inline-block;position:relative;z-index:30}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(15px) rotate(0)}75%{transform:translate(5px,15px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.floating-icon{opacity:1!important;animation:gentleFloat 6s ease-in-out infinite;will-change:transform}@keyframes gentleFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(5px,-10px) rotate(2deg)}50%{transform:translate(10px) rotate(0)}75%{transform:translate(5px,10px) rotate(-2deg)}}.floating-icon img{opacity:.9;transition:transform .3s ease}.floating-icon:hover img{transform:scale(1.1)}.floating-icon:nth-child(1){animation-delay:.1s}.floating-icon:nth-child(2){animation-delay:.2s}.floating-icon:nth-child(3){animation-delay:.3s}.floating-icon:nth-child(4){animation-delay:.4s}.floating-icon:nth-child(5){animation-delay:.5s}.floating-icon:nth-child(6){animation-delay:.6s}.floating-icon:nth-child(7){animation-delay:.7s}.floating-icon img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));opacity:.9;transition:all .3s ease}.floating-icon:hover img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));opacity:1;transform:scale(1.1)}@media screen and (min-width: 1440px){.dashboard{padding:var(--spacing-3xl) var(--spacing-2xl)}.title{margin-bottom:var(--spacing-xl)}}@media screen and (max-width: 1200px){.dashboard{padding:var(--spacing-2xl) var(--spacing-xl)}.hero-section{max-width:85vw}}@media screen and (max-width: 992px){.dashboard{padding:var(--spacing-xl) var(--spacing-lg);min-height:calc(90vh - var(--header-height))}.hero-section{max-width:90vw}}@media screen and (max-width: 768px){.dashboard{padding:var(--spacing-lg);min-height:calc(85vh - var(--header-height))}.title{margin-bottom:var(--spacing-md)}.dashboard-subtitle{margin:var(--spacing-lg) auto;max-width:90%}.floating-icon{transform:scale(.8)}.title-container{margin-bottom:var(--spacing-lg)}}@media screen and (max-width: 480px){.dashboard{padding:var(--spacing-md);min-height:calc(80vh - var(--header-height))}.hero-section{max-width:95vw}.title{margin-bottom:var(--spacing-sm)}.demo-button{padding:var(--spacing-md)}.floating-icon{transform:scale(.6)}.title-container{margin-bottom:var(--spacing-md)}}@media (hover: none){.demo-button{-webkit-tap-highlight-color:transparent}.demo-button:active{transform:scale(.98)}}@media (prefers-contrast: high){.highlight{-webkit-text-fill-color:var(--banner-title-primary)}.demo-button{background:var(--banner-button-color)}}@media (prefers-reduced-motion: reduce){.dashboard,.demo-button{transition:none}}.dashboard-section{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--background-Gradient1)}.node-background,.icons-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dashboard-content{position:relative;z-index:10}.dashboard-main{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--background-Gradient1);isolation:isolate}.dashboard-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.network-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.floating-icons-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform-style:preserve-3d;perspective:1000px}.dashboard-content-layer{position:relative;z-index:3;width:100%;height:100%}.floating-icon{opacity:1!important;animation:floatWithFade 8s ease-in-out infinite;transform-origin:center center}@keyframes floatWithFade{0%,to{transform:translate(0) scale(1);filter:brightness(1)}50%{transform:translate(10px,-15px) scale(1.05);filter:brightness(1.1)}}.floating-icons-layer .floating-icon{transition:transform .3s ease;opacity:1!important;visibility:visible!important;display:block!important}:root{--Font-1: "Lato", serif;--Font-2: "Poppins", serif;--Font-3: "Ambit", serif;--Font-4: "Quicksand", serif;--Font-5: "Orbitron", serif;--Font-6: "Space Grotesk", serif;--Font-7: "Arial, sans-serif";--font-style: BODY XL;--font-family-primary: "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-secondary: "Poppins", "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Space Grotesk", "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--font-size-xs: clamp(.625rem, .3vw + .25rem, .7rem);--font-size-sm: clamp(.75rem, .4vw + .35rem, .8rem);--font-size-base: clamp(.875rem, .5vw + .4rem, .9rem);--font-size-md: clamp(1rem, .6vw + .5rem, 1.1rem);--font-size-lg: clamp(1.125rem, .8vw + .6rem, 1.25rem);--font-size-xl: clamp(1.25rem, 1vw + .8rem, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.2vw + 1rem, 1.75rem);--font-size-3xl: clamp(1.75rem, 1.5vw + 1.2rem, 2rem);--font-size-4xl: clamp(2rem, 2vw + 1.5rem, 2.5rem);--font-size-5xl: clamp(2.5rem, 2.5vw + 1.8rem, 3rem);--font-size-6xl: clamp(3rem, 3vw + 2rem, 3.5rem);--paragraph-xs: clamp(.75rem, .4vw + .35rem, .85rem);--paragraph-sm: clamp(.875rem, .5vw + .4rem, .95rem);--paragraph-base: clamp(1rem, .6vw + .5rem, 1.1rem);--paragraph-md: clamp(1.125rem, .7vw + .6rem, 1.25rem);--paragraph-lg: clamp(1.25rem, .9vw + .7rem, 1.4rem);--paragraph-xl: clamp(1.4rem, 1.1vw + .9rem, 1.6rem);--heading-xs: clamp(1.25rem, 1vw + .8rem, 1.5rem);--heading-sm: clamp(1.5rem, 1.2vw + 1rem, 1.75rem);--heading-base: clamp(1.75rem, 1.5vw + 1.2rem, 2rem);--heading-md: clamp(2rem, 1.8vw + 1.4rem, 2.25rem);--heading-lg: clamp(2.25rem, 2.1vw + 1.6rem, 2.5rem);--heading-xl: clamp(2.5rem, 2.4vw + 1.8rem, 3rem);--caption-xs: clamp(.625rem, .3vw + .25rem, .7rem);--caption-sm: clamp(.7rem, .35vw + .3rem, .75rem);--caption-base: clamp(.75rem, .4vw + .35rem, .8rem);--caption-md: clamp(.8rem, .45vw + .4rem, .85rem);--caption-lg: clamp(.85rem, .5vw + .45rem, .9rem);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-xxs: clamp(.125rem, .25vw, .25rem);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, .75rem);--spacing-md: clamp(.75rem, 1.5vw, 1rem);--spacing-lg: clamp(1rem, 2vw, 1.5rem);--spacing-xl: clamp(1.5rem, 3vw, 2rem);--spacing-2xl: clamp(2rem, 4vw, 3rem);--spacing-3xl: clamp(3rem, 6vw, 4rem);--spacing-4xl: clamp(4rem, 8vw, 5rem);--spacing-5xl: clamp(5rem, 10vw, 6rem);--spacing-6xl: clamp(6rem, 12vw, 7rem);--spacing-7xl: clamp(7rem, 14vw, 8rem);--spacing-8xl: clamp(8rem, 16vw, 9rem);--spacing-9xl: clamp(9rem, 18vw, 10rem);--spacing-10xl: clamp(10rem, 20vw, 12rem);--spacing-stack-xxs: var(--spacing-xxs) 0;--spacing-stack-xs: var(--spacing-xs) 0;--spacing-stack-sm: var(--spacing-sm) 0;--spacing-stack-md: var(--spacing-md) 0;--spacing-stack-lg: var(--spacing-lg) 0;--spacing-stack-xl: var(--spacing-xl) 0;--spacing-inline-xxs: 0 var(--spacing-xxs);--spacing-inline-xs: 0 var(--spacing-xs);--spacing-inline-sm: 0 var(--spacing-sm);--spacing-inline-md: 0 var(--spacing-md);--spacing-inline-lg: 0 var(--spacing-lg);--spacing-inline-xl: 0 var(--spacing-xl);--button-padding-y: clamp(.3rem, 1vw, .5rem);--button-padding-x: clamp(.8rem, 2vw, 1.5rem);--button-padding: var(--button-padding-sm-y) var(--button-padding-y);--button-padding-sm-y: clamp(.2rem, .75vw, .4rem);--button-padding-sm-x: clamp(.6rem, 1.5vw, 1.2rem);--button-padding-sm: var(--button-padding-sm-y) var(--button-padding-sm-x);--button-padding-xs-y: clamp(.15rem, .5vw, .3rem);--button-padding-xs-x: clamp(.4rem, 1vw, .8rem);--button-padding-xs: var(--button-padding-xs-y) var(--button-padding-xs-x);--button-padding-2xs-y: clamp(.1rem, .25vw, .2rem);--button-padding-2xs-x: clamp(.3rem, .75vw, .6rem);--button-padding-2xs: var(--button-padding-2xs-y) var(--button-padding-2xs-x);--button-padding-lg-y: clamp(.4rem, 1.25vw, .6rem);--button-padding-lg-x: clamp(1rem, 2.5vw, 1.8rem);--button-padding-lg: var(--button-padding-lg-y) var(--button-padding-lg-x);--button-padding-xl-y: clamp(.5rem, 1.5vw, .8rem);--button-padding-xl-x: clamp(1.2rem, 3vw, 2rem);--button-padding-xl: var(--button-padding-xl-y) var(--button-padding-xl-x);--radius-none: 0;--radius-sm: clamp(.25rem, .4vw, .375rem);--radius-md: clamp(.5rem, .8vw, .75rem);--radius-lg: clamp(.75rem, 1.2vw, 1rem);--radius-xl: clamp(1rem, 1.5vw, 1.5rem);--radius-2xl: clamp(1.5rem, 2vw, 2rem);--radius-3xl: clamp(2rem, 2.5vw, 2.5rem);--radius-full: 9999px;--radius-pill: clamp(5rem, 10vw, 10rem);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--border-width-heavy: 4px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: none;--color-primary: var(--color-primary-light-500);--color-secondary: var(--color-secondary-light-500);--color-accent: var(--color-accent-light-500);--color-background: var(--color-background-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-red-50: #fff7ed;--color-red-100: #ffedd5;--color-red-200: #fed7aa;--color-red-300: #fdba74;--color-red-400: #fb923c;--color-red-500: #f97316;--color-red-600: #ea580c;--color-red-700: #c2410c;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--animation-color1: #fca3a3;--animation-color2: #8fb4ff;--animation-color3: #3b82f6;--black-text: #000000;--white-text: #ffffff;--light-white-text: #f0f0f0;--oposite-text-color: #000000;--nav-button-color: #ffffff;--footer-bg: #ffffff;--footer-text: #111827;--text-primary: #111827;--text-secondary: #4b5563;--accent-color: #2563eb;--accent-hover: #1d4ed8;--accent-shadow: rgba(37, 99, 235, .2);--border-color: #e5e7eb;--input-bg: #ffffff;--header-bg: transparent;--second--header-bg: #f7f7f8;--header--border: 1px solid #000;--header-text-color-active: #111111;--header-text-color: #444444;--banner-title-primary: #b0b2b4;--banner-title-secondary: #333c4c;--banner-subtitle-color: #333c4c;--banner-button-color: #fd5f60;--about-title-primary: #000000;--about-title-secondary: #161616;--about-button-color: #000000;--heading-background-text-color: #cacfd3;--heading-top-text-color: #000000;--section-text-color: #f0f0f0;--small-title-color: #fd5f60;--main-title-color: #0c0c0c;--subtitle-color: #444446;--feature-subtitle-color: #f0f0f0;--pricing-heading-color: #191d23;--pricing-subheading-color: #64748b;--pricing-amount-color: #191d23;--pricing-per-color: #4b5768;--pricing-list-text-color: #1c1c1c;--pricing-button-color: #1d4ed8;--pricing-box-background: #ffffff;--pricing-active-box-background: #2d7bc3;--node1-background: rgb(249, 122, 122);--line1-background: rgb(206, 115, 115);--node2-background: rgba(169, 209, 242, 1);--background-Gradient1: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);--background-Gradient2: linear-gradient(135deg, #f9fbfd 0%, #edf2f9 100%);--background-Gradient3: linear-gradient( 160deg, #ffffff 0%, #f7f9fc 50%, #f0f4f8 100% );--background-Gradient4: linear-gradient( 180deg, #ffffff 0%, #f9f9f9 50%, #f5f5f5 100% );--background-Gradient5: linear-gradient( 170deg, #ffffff 0%, #f8f9fa 50%, #eaedf0 100% );--background-Gradient6: linear-gradient( 180deg, #ffffff 0%, #fafafa 35%, #f4f4f4 100% );--background-Gradient7: linear-gradient( 145deg, #ffffff 0%, #f8faff 50%, #f0f5ff 100% );--background-Gradient8: linear-gradient(180deg, #fcfcfc 0%, #f6f8fa 100%);--background-Gradient9: linear-gradient(180deg, #e9eef4 0%, #d8e2ed 100%);--max-width-xs: clamp(280px, 90vw, 320px);--max-width-sm: clamp(320px, 90vw, 576px);--max-width-md: clamp(576px, 90vw, 768px);--max-width-lg: clamp(768px, 90vw, 992px);--max-width-xl: clamp(992px, 90vw, 1200px);--max-width-2xl: clamp(1200px, 90vw, 1440px);--max-width-full: 100%;--max-width-screen: 100vw;--icon-size-xs: clamp(14px, 2vw, 16px);--icon-size-sm: clamp(16px, 2.5vw, 20px);--icon-size-md: clamp(20px, 3vw, 24px);--icon-size-lg: clamp(24px, 4vw, 32px);--icon-size-xl: clamp(32px, 5vw, 48px);--max-width-container: clamp(320px, 90vw, 1440px);--header-logo-height: clamp(50px, 8vw, 60px);--header-height: clamp(60px, 10vh, 100px);--footer-height: clamp(80px, 15vh, 120px);--sidebar-width: clamp(200px, 25vw, 300px);--section-height: clamp(400px, 60vh, 800px);--hero-height: clamp(500px, 80vh, 1000px);--min-content-height: clamp(300px, 50vh, 600px);--banner-height: clamp(200px, 30vh, 400px);--card-height: clamp(250px, 40vh, 500px);--transition-fast: .2s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: cubic-bezier(.25, .1, .25, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}:root body{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);font-family:var(--Font-1)}:root h1{font-size:clamp(var(--font-size-4xl),6vw,var(--font-size-7xl));font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}:root h2{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-6xl));font-weight:var(--font-weight-extra-bold);line-height:var(--line-height-snug)}:root h3{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-normal)}:root h4{font-size:clamp(var(--font-size-xl),3.5vw,var(--font-size-4xl));font-weight:var(--font-weight-semi-bold)}:root h5{font-size:clamp(var(--font-size-lg),3vw,var(--font-size-3xl));font-weight:var(--font-weight-medium)}:root h6{font-size:clamp(var(--font-size-md),2.5vw,var(--font-size-2xl));font-weight:var(--font-weight-regular)}:root p{font-size:clamp(var(--font-size-sm),2vw,var(--font-size-lg));font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}:root .small-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-light)}:root .large-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}:root .button-text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}@media (max-width: 768px){:root body{font-size:var(--font-size-sm)}:root h1{font-size:var(--font-size-5xl)}:root h2{font-size:var(--font-size-4xl)}:root h3{font-size:var(--font-size-3xl)}:root h4{font-size:var(--font-size-2xl)}:root h5{font-size:var(--font-size-xl)}:root h6{font-size:var(--font-size-lg)}:root p{font-size:var(--font-size-base)}:root .button-text{font-size:var(--font-size-sm)}}@media (max-width: 480px){:root body{font-size:var(--font-size-xs)}:root h1{font-size:var(--font-size-4xl)}:root h2{font-size:var(--font-size-3xl)}:root h3{font-size:var(--font-size-2xl)}:root h4{font-size:var(--font-size-xl)}:root h5{font-size:var(--font-size-lg)}:root h6{font-size:var(--font-size-md)}:root p{font-size:var(--font-size-sm)}:root .button-text{font-size:var(--font-size-xs)}}@media screen and (min-resolution: 1.5dppx),screen and (max-width: 600px){:root h1{font-size:var(--font-size-4xl)}:root h2{font-size:var(--font-size-3xl)}:root h3{font-size:var(--font-size-2xl)}:root h4{font-size:var(--font-size-xl)}:root h5{font-size:var(--font-size-lg)}:root h6{font-size:var(--font-size-md)}:root p{font-size:var(--font-size-base)}:root .button-text{font-size:var(--font-size-sm)}}:root body{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);margin:0;padding:0;transition:font-size .3s ease-in-out}@media (max-width: 768px){:root body{font-size:var(--font-size-sm)}}@media (max-width: 480px){:root body{font-size:var(--font-size-xs)}}@media screen and (min-resolution: 1.5dppx),screen and (max-width: 600px){:root body{font-size:var(--font-size-sm)}}[data-theme=dark]{--color-primary: var(--color-primary-dark-500);--color-secondary: var(--color-secondary-dark-500);--color-accent: var(--color-accent-dark-500);--color-background: var(--color-background-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--oposite-text-color: #ffffff;--color-red-50: #2d1515;--color-red-100: #3b1c1c;--color-red-200: #4c2424;--color-red-300: #642b2b;--color-red-400: #813535;--color-red-500: #9b3f3f;--color-red-600: #b54848;--color-red-700: #c85151;--color-blue-50: #172033;--color-blue-100: #1a2847;--color-blue-200: #1e325c;--color-blue-300: #234076;--color-blue-400: #284c8e;--color-blue-500: #2d5aa5;--color-blue-600: #3366bb;--color-blue-700: #3973d1;--color-green-50: #132918;--color-green-100: #1b3721;--color-green-200: #22442a;--color-green-300: #2a5334;--color-green-400: #32623d;--color-green-500: #3b7247;--color-green-600: #448251;--color-green-700: #4d925b;--color-yellow-50: #332b05;--color-yellow-100: #443a07;--color-yellow-200: #574a09;--color-yellow-300: #6b5a0b;--color-yellow-400: #7f6a0d;--color-yellow-500: #947b0f;--color-yellow-600: #a98c11;--color-yellow-700: #be9d13;--color-purple-50: #2a1f33;--color-purple-100: #382944;--color-purple-200: #453356;--color-purple-300: #533e69;--color-purple-400: #61497b;--color-purple-500: #6f548e;--color-purple-600: #7d5fa0;--color-purple-700: #8b6ab2;--animation-color1: #ffe3e3a7;--animation-color2: #aed8fa83;--animation-color3: #3b82f6;--footer-bg: #111827;--footer-text: #f3f4f6;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-shadow: rgba(59, 130, 246, .2);--border-color: #1f2937;--input-bg: #1f2937;--icon-color: #9ca3af;--header-bg: transparent;--second--header-bg: #101a24;--header--border: 1px solid #fff;--nav-button-color: #000;--header-text-color-active: #cacfd3;--header-text-color: #a4a4a4;--banner-title-primary: #b0b2b4;--banner-title-secondary: #ebebeb;--banner-subtitle-color: #ebebeb;--banner-button-color: #fd5f60;--banner-button-text-color: #ffffff;--about-title-primary: #ffffff;--about-title-secondary: #fdfdfd;--about-button-color: #ffffff;--heading-background-text-color: #6b6b6b;--heading-top-text-color: #ffffff;--section-text-color: #f0f0f0;--small-title-color: #fd5f60;--main-title-color: #ffffff;--subtitle-color: #cacfd3;--feature-subtitle-color: #f0f0f0;--pricing-heading-color: #f3f4f6;--pricing-subheading-color: #9ca3af;--pricing-amount-color: #f3f4f6;--pricing-per-color: #9ca3af;--pricing-list-text-color: #f3f4f6;--pricing-button-color: #3b82f6;--pricing-box-background: #1f2937;--pricing-active-box-background: #2563eb;--background-Gradient1: linear-gradient( 0deg, #101a24 0%, #122130 40%, #111d29 60%, #0c0c0c 100% );--background-Gradient2: linear-gradient( 180deg, #111f2b 0%, #0f1a24 25%, #0d1519 50%, #0c0d0d 100% );--background-Gradient3: linear-gradient( 150deg, #0d1212 0%, #0e1418 30%, #101b25 70%, #111f2b 100% );--background-Gradient4: linear-gradient( 100deg, #111f2b 0%, #101b25 35%, #0e1418 65%, #0d1212 100% );--background-Gradient5: linear-gradient( 180deg, #111f2b 0%, #101b25 30%, #0e1418 60%, #0d1212 100% );--background-Gradient6: linear-gradient( 120deg, #0d1212 0%, #0e1418 30%, #101b25 60%, #111f2b 100% );--background-Gradient7: linear-gradient( 80deg, #111f2b 0%, #101b25 30%, #0e1418 60%, #0d1212 100% );--background-Gradient8: linear-gradient( 180deg, #111f2b 0%, #101b25 35%, #0e1418 65%, #0d1212 100% );--background-Gradient9: linear-gradient( 180deg, #111f2b 0%, #101b25 30%, #0e1418 60%, #0d1212 100% )}.gradient-animate{animation:gradientShift var(--gradient-animation-duration) var(--gradient-animation-timing) infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@custom-media --viewport-xs (max-width: 375px);@custom-media --viewport-sm (max-width: 576px);@custom-media --viewport-md (max-width: 768px);@custom-media --viewport-lg (max-width: 992px);@custom-media --viewport-xl (max-width: 1200px);@custom-media --viewport-2xl (max-width: 1440px);@media (max-width: 1200px){:root{--font-size-base: clamp(.95rem, .7vw + .6rem, 1.1rem);--spacing-md: clamp(.7rem, 1.4vw, 1.2rem)}}@media (max-width: 992px){:root{--font-size-base: clamp(.9rem, .6vw + .5rem, 1rem);--font-size-lg: clamp(1.2rem, 1vw + .7rem, 1.4rem);--spacing-md: clamp(.6rem, 1.2vw, 1rem);--header-height: clamp(50px, 8vh, 90px);--sidebar-width: clamp(180px, 30vw, 250px)}}@media (max-width: 768px){:root{--font-size-base: clamp(.85rem, .5vw + .4rem, .95rem);--font-size-md: clamp(1rem, .8vw + .6rem, 1.1rem);--spacing-md: clamp(.5rem, 1vw, .75rem);--header-height: clamp(45px, 7vh, 80px);--sidebar-width: clamp(160px, 40vw, 220px)}}@media (max-width: 576px){:root{--font-size-base: clamp(.8rem, .4vw + .3rem, .9rem);--font-size-sm: clamp(.7rem, .3vw + .2rem, .8rem);--spacing-md: clamp(.4rem, .8vw, .6rem);--header-height: clamp(40px, 6vh, 70px);--sidebar-width: clamp(140px, 50vw, 200px)}}@media (max-width: 375px){:root{--font-size-base: clamp(.75rem, .3vw + .2rem, .85rem);--font-size-sm: clamp(.65rem, .2vw + .1rem, .75rem);--spacing-md: clamp(.3rem, .6vw, .5rem);--header-height: clamp(35px, 5vh, 60px)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: .1s linear;--transition-medium: .2s linear;--transition-slow: .3s linear}*{transition:none!important;animation:none!important}}@media print{:root{--color-background: #ffffff;--color-text-primary: #000000;--color-text-secondary: #333333}*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}.container{width:100%;max-width:var(--max-width-container);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.flex-responsive{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}@media (forced-colors: active){:root{--color-primary: windowText;--color-secondary: windowText;--color-background: window}}.gradient1{background:var(--background-Gradient1)}.gradient2{background:var(--background-Gradient2)}.gradient3{background:var(--background-Gradient3)}.gradient4{background:var(--background-Gradient4)}.gradient5{background:var(--background-Gradient5)}.gradient6{background:var(--background-Gradient6)}.gradient7{background:var(--background-Gradient7)}.gradient8{background:var(--background-Gradient8)}.gradient9{background:var(--background-Gradient9)}.super-animated-heading{margin:40px 0;padding:20px;text-align:center}@media (max-width: 768px){.super-animated-heading{margin:30px 0;padding:15px}}@media (max-width: 480px){.super-animated-heading{margin:20px 0;padding:10px}}.into-main-content{overflow:hidden;position:relative}.flex-end{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));margin:0 auto}.intro-container{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin:var(--spacing-3xl) 0;padding:clamp(var(--spacing-md),3vw,var(--spacing-2xl));border-radius:var(--radius-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease-in-out;width:100%}@media (max-width: 992px){.intro-container{padding:clamp(var(--spacing-sm),2vw,var(--spacing-lg));margin:var(--spacing-lg) 0}}@media (max-width: 768px){.intro-container{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);gap:var(--spacing-lg)}}@media (max-width: 576px){.intro-container{margin:var(--spacing-md) 0;padding:var(--spacing-sm)}}.intro-text{max-width:100%;margin:0 auto;padding:0 clamp(var(--spacing-sm),2vw,var(--spacing-lg))}.intro-description{font-size:clamp(var(--font-size-base),2vw,var(--font-size-lg));color:var(--about-title-primary);line-height:var(--line-height-relaxed);width:clamp(280px,90%,800px);font-weight:var(--font-weight-regular);min-height:180px;letter-spacing:var(--letter-spacing-wide)}.intro-highlight{font-weight:var(--font-weight-bold);color:var(--about-title-secondary);transition:color .3s ease}.btn-know-more{padding:var(--button-padding-lg);font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-lg));font-weight:var(--font-weight-bold);background:var(--banner-button-color);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-medium);color:var(--white-text);box-shadow:var(--shadow-md);font-weight:var(--font-weight-medium);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:var(--spacing-xl);min-width:160px;display:inline-block;width:fit-content}.btn-know-more:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg);background:var(--small-title-color)}.btn-know-more:active{transform:translateY(1px)}.intro-image{flex-shrink:0;transition:transform .5s ease}.intro-image img{width:clamp(280px,35vw,550px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.typing-effect{border-right:var(--border-width-thin) solid var(--color-text-primary);animation:blink .7s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--color-text-primary)}}.fade-in-text{opacity:0;animation:fadeIn .5s ease forwards}.scale-text{display:inline-block;transition:transform .3s ease}.scale-text:hover{transform:scale(1.05)}.highlight-text{position:relative;display:inline-block}.highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:var(--border-width-thin);background-color:var(--color-primary-light-600);transition:width .3s ease}.highlight-text:hover:after{width:100%}@media (max-width: 1200px){.intro-container{margin:var(--spacing-lg) 0}.intro-description{min-height:160px}.btn-know-more{padding:var(--button-padding-md)}}@media (max-width: 1024px){.flex-end{flex-direction:column-reverse;gap:var(--spacing-xl);align-items:center}.intro-container{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.intro-text{margin:0;width:100%}.intro-image img{width:clamp(260px,50vw,400px);margin:var(--spacing-lg) 0}.btn-know-more{padding:var(--button-padding-md) var(--button-padding-lg)}}@media (max-width: 768px){.into-main-content{padding:var(--spacing-lg) var(--spacing-md)}.intro-description{font-family:var(--font-family-primary);font-size:calc(var(--font-size-base) + .1rem);min-height:auto;width:100%;letter-spacing:.02em}.btn-know-more{margin-top:var(--spacing-2xl);padding:var(--spacing-md)}.flex-end{gap:var(--spacing-lg)}}@media (max-width: 640px){.intro-container{padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-md)}.intro-image{display:block}.intro-image img{width:clamp(220px,80vw,320px);margin:var(--spacing-md) 0}.btn-know-more{margin-top:var(--spacing-2xl);padding:var(--spacing-md)}.intro-text{padding:0 var(--spacing-xs)}}@media (max-width: 480px){.intro-container{padding:var(--spacing-sm)}.intro-description{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6}.btn-know-more{padding:var(--spacing-md)}}.main-container-feature{overflow:hidden;margin:0 auto;position:relative}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(var(--spacing-md) * -1)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.05);box-shadow:var(--shadow-md)}to{transform:scale(1);box-shadow:var(--shadow-sm)}}@keyframes slideIn{0%{transform:translateX(var(--spacing-md) * -1);opacity:0}to{transform:translate(0);opacity:1}}@keyframes smoothRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes smoothScale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.featureBox{display:flex;align-items:center;max-width:var(--max-width-xl);gap:var(--spacing-xl);position:relative;z-index:var(--z-index-dropdown);transition:all .5s cubic-bezier(.25,.1,.25,1);justify-content:space-between;margin:var(--spacing-xl) auto;padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featureBox.hovered{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.featureBoxReverse{flex-direction:row-reverse}.featureContent{flex:1;transition:all .4s cubic-bezier(.25,.1,.25,1)}.featureImage{flex:1;border-radius:var(--radius-md);overflow:hidden;transition:all .5s cubic-bezier(.25,.1,.25,1);box-shadow:var(--shadow-md)}.featureImage img{transition:transform .7s cubic-bezier(.25,.1,.25,1);width:100%;height:auto}.featureBox.hovered .featureImage img{transform:scale(1.08)}.badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:#fd5f6026;color:var(--small-title-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);transition:all .4s cubic-bezier(.25,.1,.25,1)}.featureBox.hovered .badge{background-color:var(--color-red-700);color:#fff;transform:scale(1.08);box-shadow:0 0 18px #c8515180}.featureTitle{font-size:var(--heading-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--banner-title-secondary);text-align:left;line-height:var(--line-height-tight);transition:all .5s cubic-bezier(.25,.1,.25,1)}.featureDescription{font-size:var(--paragraph-md);color:var(--banner-title-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-regular);transition:all .5s cubic-bezier(.25,.1,.25,1)}.featureList{list-style:none;padding:0;margin:0}.featureItem{display:flex;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--subtitle-color);border-radius:var(--radius-sm);transition:all .4s cubic-bezier(.25,.1,.25,1);position:relative;line-height:var(--line-height-normal);padding:var(--spacing-xs) 0}.featureIcon{width:var(--spacing-lg);height:var(--spacing-lg);margin-right:var(--spacing-sm);background-color:var(--color-blue-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);transition:all .6s cubic-bezier(.25,.1,.25,1);box-shadow:0 0 10px #2d5aa54d}.mockImage{width:100%;height:auto;display:block;transition:all .5s cubic-bezier(.25,.1,.25,1);border-radius:var(--radius-md)}.animate-fade{opacity:0;animation:fadeIn .8s cubic-bezier(.25,.1,.25,1) forwards}.animate-slide{opacity:0;transform:translate(-20px);animation:slideIn .7s cubic-bezier(.25,.1,.25,1) forwards}.featureBox:nth-child(2) .animate-slide{animation-delay:.15s}.featureBox:nth-child(3) .animate-slide{animation-delay:.25s}.featureItem:nth-child(1) .animate-slide{animation-delay:.2s}.featureItem:nth-child(2) .animate-slide{animation-delay:.35s}.featureItem:nth-child(3) .animate-slide{animation-delay:.5s}.featureBox.hovered .featureTitle{transform:translate(var(--spacing-sm));color:var(--main-title-color);text-shadow:0 0 15px rgba(52,152,219,.2)}.featureBox.hovered .featureDescription{transform:translate(calc(var(--spacing-xs)));color:var(--subtitle-color)}.featureBox.hovered .featureItem{padding-left:var(--spacing-md);transform:translate(var(--spacing-xs))}.featureBox.hovered .featureIcon{transform:rotate(360deg) scale(1.15);background-color:var(--color-green-600);box-shadow:0 0 18px #44825199}.featureItem:hover .featureIcon{animation:smoothScale 1.2s infinite}.features-animation2{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:1;opacity:.8;transition:opacity .5s ease}.features-animation2:hover{opacity:1}@media (max-width: 1440px){.main-container-feature{padding:var(--spacing-xl)}}@media (max-width: 1024px){.featureBox{flex-direction:column;gap:var(--spacing-xl)}.featureBoxReverse{flex-direction:column}.featureBox.hovered .featureTitle,.featureBox.hovered .featureDescription{transform:translateY(-5px)}}@media (max-width: 768px){.main-container-feature{padding:var(--spacing-xl)}.featureBox{padding:var(--spacing-md);gap:var(--spacing-xl)}.badge{font-size:var(--font-size-xs)}.featureTitle{font-size:var(--heading-md)}.featureDescription{font-size:var(--paragraph-sm)}}@media (max-width: 480px){.main-container-feature{padding:var(--spacing-md)}.featureBox{margin:var(--spacing-lg) auto}.badge{padding:var(--spacing-xs) var(--spacing-sm)}.featureIcon{width:calc(var(--spacing-lg) * .9);height:calc(var(--spacing-lg) * .9)}}@media (max-width: 320px){.main-container-feature{padding:var(--spacing-md)}.featureTitle{font-size:var(--heading-sm)}}.containerFSPWork{margin:0 auto;max-width:var(--max-width-2xl);padding:clamp(var(--spacing-xl),5vw,var(--spacing-2xl));width:100%}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(var(--spacing-xl),4vw,var(--spacing-2xl));gap:clamp(var(--spacing-lg),3vw,var(--spacing-xl));opacity:0;transform:translateY(var(--spacing-md));transition:var(--transition-medium);width:100%}.row.visible{opacity:1;transform:translateY(0)}.step{flex:1;text-align:center;max-width:var(--max-width-md);display:flex;flex-direction:column;align-items:center;padding:clamp(var(--spacing-md),2vw,var(--spacing-lg));border-radius:var(--radius-xl);background:var(--background-Gradient5);transition:var(--transition-medium);position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:280px}.step.active{background:var(--background-Gradient4);transform:translateY(calc(var(--spacing-xs) * -1));box-shadow:var(--shadow-md);border-color:transparent;background-image:radial-gradient(circle at center,rgba(59,130,246,.05) 1px,transparent 1px);background-size:10px 10px}.step.complete{background:var(--background-Gradient3);box-shadow:var(--shadow-sm)}.iconContainer{width:clamp(var(--icon-size-lg),6vw,var(--icon-size-xl));height:clamp(var(--icon-size-lg),6vw,var(--icon-size-xl));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));transition:var(--transition-medium);box-shadow:var(--shadow-md);background:var(--color-background-light)}.step.active .iconContainer{transform:scale(1.1);box-shadow:var(--shadow-lg)}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:var(--radius-lg);animation:none;border:1px solid transparent}.step.active .pulse-ring{animation:pulse 1.5s var(--transition-elastic) infinite}@keyframes pulse{0%{border-color:transparent;transform:scale(1)}50%{border-color:var(--color-primary-light);transform:scale(1.2)}to{border-color:transparent;transform:scale(1)}}.titleFswCard{font-family:var(--font-family-primary);font-size:clamp(var(--font-size-md),1.5vw,var(--font-size-lg));font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--main-title-color);transition:var(--transition-medium);letter-spacing:var(--letter-spacing-tight)}.description{font-family:var(--font-family-secondary);font-size:clamp(var(--font-size-xs),.8vw,var(--font-size-sm));color:var(--subtitle-color);line-height:var(--line-height-relaxed);padding:0 var(--spacing-sm)}.step-indicator{position:absolute;top:calc(var(--spacing-sm) * -1);right:calc(var(--spacing-sm) * -1);background:var(--background-Gradient1);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-md);opacity:0;transform:translateY(var(--spacing-xs));transition:var(--transition-medium);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.step.active .step-indicator,.step.complete .step-indicator{opacity:1;transform:translateY(0)}.status-icon{opacity:.9}.status-icon.success{color:var(--color-green-400)}.status-icon.pending{color:var(--color-yellow-400)}.status-text{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.connection-wrapper{position:relative;flex:0 0 clamp(var(--spacing-xl),4vw,var(--spacing-2xl));height:var(--spacing-md);margin:0 clamp(var(--spacing-sm),2vw,var(--spacing-md));display:flex;align-items:center;justify-content:center}.connection-line{position:relative;width:100%;height:4px;background:transparent;border:none;border-radius:var(--radius-full);overflow:hidden;transition:all .5s var(--transition-elastic);background-color:#3b82f61a}@media (max-width: 992px){.connection-line{height:3px}.step{padding:var(--spacing-xl);width:100%;aspect-ratio:auto;min-height:auto}}@media (max-width: 768px){.connection-line{height:2px}.step{padding:var(--spacing-lg)}}.connection-line.active{background-color:#3b82f633;box-shadow:0 0 8px #3b82f64d}.connection-line.complete{background-color:#3b82f64d;box-shadow:0 0 10px #3b82f666}.progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#3b82f699,#60a5facc,#3b82f699);border-radius:var(--radius-full);opacity:.6;box-shadow:0 0 6px #3b82f666}.connection-line.active .progress-bar{animation:waterFlow 2s var(--transition-elastic) infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);box-shadow:0 0 20px #3b82f6cc}.connection-line.complete .progress-bar{width:100%;opacity:1}.data-dots{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);display:flex;justify-content:space-evenly}.data-dot{width:6px;height:6px;background:var(--color-primary-light);border-radius:var(--radius-full);opacity:0;box-shadow:0 0 12px #3b82f6b3}@media (max-width: 992px){.data-dot{width:4px;height:4px}.progress-bar{width:80%}}@media (max-width: 768px){.data-dot{width:3px;height:3px}.progress-bar{width:60%}}.connection-line:not(.active) .data-dot{background:#3b82f64d;box-shadow:none}.connection-line.active .data-dot{animation:dotFlow 2.5s var(--transition-elastic) infinite}.connection-line.active .data-dot:nth-child(2){animation-delay:.6s}.connection-line.active .data-dot:nth-child(3){animation-delay:1.2s}.connection-line.reverse .data-dot{animation-direction:reverse}@keyframes waterFlow{0%{width:0;opacity:1;box-shadow:0 0 15px #3b82f699}50%{width:100%;opacity:1;box-shadow:0 0 25px #3b82f6}to{width:0;opacity:1;box-shadow:0 0 15px #3b82f699}}@keyframes dotFlow{0%{opacity:0;transform:translate(calc(var(--spacing-xl) * -1)) scale(.8);box-shadow:0 0 3px #3b82f64d}50%{opacity:1;transform:translate(0) scale(1.2);box-shadow:0 0 12px #3b82f6b3}to{opacity:0;transform:translate(var(--spacing-xl)) scale(.8);box-shadow:0 0 3px #3b82f64d}}[data-theme=dark] .connection-line{border-color:var(--border-color)}[data-theme=dark] .connection-line.active .progress-bar{background:linear-gradient(90deg,#3b82f6cc,#60a5fa,#3b82f6cc);box-shadow:0 0 15px #3b82f699}[data-theme=dark] .connection-line.complete{border-color:var(--color-blue-500);box-shadow:0 0 10px #3b82f680}[data-theme=dark] .data-dot{background:var(--color-blue-400)}@media (max-width: 1200px){.containerFSPWork{padding:clamp(var(--spacing-lg),3vw,var(--spacing-xl))}}@media (max-width: 992px){.row{flex-direction:column;gap:var(--spacing-xl)}.step{max-width:100%;width:70%;min-height:220px}.iconContainer{width:clamp(var(--icon-size-xl),8vw,80px);height:clamp(var(--icon-size-xl),8vw,80px);font-size:clamp(var(--font-size-xl),2.5vw,var(--font-size-2xl))}.titleFswCard{font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl))}.description{font-size:clamp(var(--font-size-base),1.2vw,var(--font-size-lg));padding:0 var(--spacing-md)}.connection-wrapper{transform:rotate(90deg);height:var(--spacing-xl);width:100px;margin:var(--spacing-lg) 0}}@media (max-width: 768px){.containerFSPWork{padding:var(--spacing-lg)}.step{width:90%;padding:var(--spacing-lg);min-height:220px}.iconContainer{width:clamp(70px,10vw,90px);height:clamp(70px,10vw,90px);font-size:clamp(var(--font-size-lg),3vw,var(--font-size-2xl));margin-bottom:var(--spacing-lg)}.titleFswCard{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-xl));margin-bottom:var(--spacing-md)}.description{font-size:clamp(var(--font-size-base),1.5vw,var(--font-size-lg));line-height:1.6}.connection-wrapper{width:80px;height:var(--spacing-xl)}}@media (max-width: 576px){.containerFSPWork{padding:var(--spacing-md)}.step{width:95%;padding:var(--spacing-lg);min-height:200px}.iconContainer{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);font-size:clamp(var(--font-size-lg),3.5vw,var(--font-size-2xl))}.titleFswCard{font-size:clamp(var(--font-size-md),3vw,var(--font-size-lg))}.description{font-size:clamp(var(--font-size-sm),2vw,var(--font-size-base));padding:0 var(--spacing-sm)}.connection-wrapper{width:60px;height:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){.connection-line.active .progress-bar,.connection-line.active .data-dot{animation:none}.connection-line.complete .progress-bar{transition:none}}.testimonial-slider{position:relative;width:100%;margin:0 auto;overflow:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.testimonial-background{position:relative;padding:var(--spacing-xl);transition:transform .5s ease;scroll-snap-align:start;scroll-snap-stop:always}.testimonial-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);max-width:var(--max-width-md);margin:0 auto;text-align:center;will-change:transform;transition:transform .5s ease}.testimonial-image-wrapper{position:relative;width:clamp(120px,15vw,160px);height:clamp(120px,15vw,160px);border-radius:var(--radius-full);overflow:hidden;border:var(--border-width-medium) solid var(--color-primary-light);box-shadow:var(--shadow-md);transition:transform var(--transition-medium);will-change:transform}.testimonial-image-wrapper:hover{transform:scale(1.05)}.testimonial-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium);will-change:transform}.testimonial-text-content{animation:fadeSlide var(--transition-slow) ease-out;will-change:transform,opacity}.testimonial-quote{min-height:clamp(100px,20vh,200px);font-size:var(--paragraph-md);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-style:italic;position:relative;padding:0 var(--spacing-md);transition:all var(--transition-medium)}.testimonial-quote:before,.testimonial-quote:after{content:'"';position:absolute;font-size:var(--font-size-3xl);color:var(--accent-color);opacity:.4;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.testimonial-quote:before{left:var(--spacing-sm);top:var(--spacing-xs);transform:translateY(-50%)}.testimonial-quote:after{right:var(--spacing-sm);bottom:var(--spacing-xs);transform:translateY(50%)}.testimonial-author{margin-top:var(--spacing-md);transition:all var(--transition-medium)}.testimonial-name{font-size:var(--heading-sm);font-weight:var(--font-weight-semibold);color:var(--main-title-color);margin-bottom:var(--spacing-xs);transition:all var(--transition-medium)}.testimonial-role{font-size:var(--paragraph-sm);color:var(--text-secondary);transition:all var(--transition-medium)}.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);-webkit-user-select:none;user-select:none}.testimonial-control-button{background:var(--banner-button-color);border:none;color:var(--white-text);cursor:pointer;width:40px;height:40px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.testimonial-control-button:hover{background:var(--color-red-500);transform:scale(1.1);box-shadow:var(--shadow-md)}.testimonial-control-button:active{transform:scale(.95)}.testimonial-indicators{display:flex;gap:var(--spacing-sm);align-items:center}.testimonial-indicator{width:8px;height:8px;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--color-primary);background:transparent;cursor:pointer;padding:0;transition:all var(--transition-fast);opacity:.6;-webkit-tap-highlight-color:transparent}.testimonial-indicator.active{background-color:var(--banner-button-color);transform:scale(1.2);border-color:transparent;opacity:1}@keyframes fadeSlide{0%{opacity:0;transform:translateY(var(--spacing-md))}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.testimonial-slider{padding:var(--spacing-xl) var(--spacing-sm)}.testimonial-background{padding:var(--spacing-lg)}.testimonial-quote{font-size:var(--paragraph-base)}}@media (max-width: 768px){.testimonial-content{gap:var(--spacing-lg)}.testimonial-quote{min-height:auto;font-size:var(--paragraph-sm)}.testimonial-name{font-size:var(--heading-xs)}.testimonial-role{font-size:var(--caption-md)}}@media (max-width: 480px){.testimonial-slider{padding:var(--spacing-lg) var(--spacing-xs)}.testimonial-background{padding:var(--spacing-md)}.testimonial-controls{gap:var(--spacing-sm)}.testimonial-control-button{padding:var(--button-padding-xs)}}.pricing-section{overflow:hidden;position:relative;min-height:var(--section-height)}.toggle-container{display:flex;justify-content:center;align-items:center;width:100%;margin:clamp(var(--spacing-lg),3vw,var(--spacing-xl)) 0;position:relative}.toggle-label{padding:var(--spacing-xs) var(--spacing-sm);font-size:clamp(var(--font-size-sm),1.5vw,var(--font-size-md));color:var(--text-primary);cursor:pointer;transition:all var(--transition-medium);position:relative;font-weight:var(--font-weight-medium);font-family:var(--font-family-primary)}.toggle-label.active{color:var(--small-title-color);font-weight:var(--font-weight-semibold)}.savings-badge{background:linear-gradient(135deg,var(--color-red-400) 0%,var(--color-red-600) 100%);color:var(--white-text);font-size:clamp(var(--font-size-xs),1.2vw,var(--font-size-sm));padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);animation:bounce 6s infinite;box-shadow:var(--shadow-md)}.toggle-switch{position:relative;width:clamp(2.5rem,3vw,3.5rem);height:clamp(1.25rem,1.5vw,1.75rem);margin:0 var(--spacing-xs)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-blue-100) 0%,var(--color-blue-300) 100%);transition:var(--transition-medium);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:calc(100% - 4px);width:calc(50% - 4px);left:2px;bottom:2px;background:var(--white-text);transition:var(--transition-medium);border-radius:var(--radius-full)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-blue-400) 0%,var(--color-blue-600) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(100%)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(var(--spacing-md),2vw,var(--spacing-xl));max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-md) var(--spacing-sm)}.pricing-card{background:var(--white-text);border-radius:var(--radius-lg);padding:clamp(var(--spacing-md),2vw,var(--spacing-lg));position:relative;overflow:hidden;transition:all var(--transition-medium);border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:clamp(400px,50vh,var(--card-height));gap:var(--spacing-sm)}.pricing-card:hover{background:linear-gradient(135deg,var(--color-blue-500) 0%,var(--color-blue-700) 100%);color:var(--white-text);border:none;transform:translateY(-3px);box-shadow:var(--shadow-xl)}.pricing-card.highlighted{background:linear-gradient(135deg,var(--color-blue-500) 0%,var(--color-blue-700) 100%);color:var(--white-text);border:none;transform:translateY(-3px)}.card-title{font-size:clamp(var(--font-size-lg),2vw,var(--heading-md));font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);font-family:var(--font-family-primary);text-align:center}.card-description{color:var(--text-secondary);font-size:clamp(var(--font-size-sm),1.2vw,var(--font-size-base));line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);text-align:center;padding:0 var(--spacing-xs)}.pricing-card:hover .card-description,.highlighted .card-description{color:#ffffffe6}.price-container{display:flex;align-items:baseline;justify-content:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-xxs)}.currency{font-size:clamp(var(--font-size-lg),1.5vw,var(--font-size-xl));font-weight:var(--font-weight-medium)}.price{font-size:clamp(var(--font-size-2xl),2.5vw,var(--heading-xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-none)}.period{font-size:clamp(var(--font-size-sm),1vw,var(--font-size-base));color:var(--text-secondary)}.pricing-card:hover .period,.highlighted .period{color:#ffffffe6}.get-started-btn{width:100%;max-width:200px;padding:var(--button-padding-y) var(--button-padding-x);border:none;border-radius:var(--radius-md);background:var(--banner-button-color);color:var(--white-text);font-weight:var(--font-weight-semibold);font-size:clamp(var(--font-size-xs),.8vw,var(--font-size-sm));white-space:nowrap;cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pricing-card:hover .get-started-btn,.highlighted .get-started-btn{background:var(--white-text);color:var(--banner-button-color);transform:scale(1.02)}.get-started-btn:hover{background:var(--small-title-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.features-list{list-style:none;padding:0;margin:var(--spacing-xs) 0;width:100%}.feature-item{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:clamp(var(--font-size-sm),1.2vw,var(--font-size-base));color:var(--text-secondary);padding:0 var(--spacing-xs)}.pricing-card:hover .feature-item,.highlighted .feature-item{color:#ffffffe6}.check-icon,.cross-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);padding:2px;flex-shrink:0;border-radius:var(--radius-full);background:#e8edfbcc;display:flex;align-items:center;justify-content:center}.included .check-icon{fill:var(--color-green-500)}.excluded{opacity:.5}.excluded .cross-icon,.pricing-card:hover .excluded .cross-icon,.highlighted .excluded .cross-icon{fill:var(--color-red-500)}.card-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff0,#fff6,#fff0);transform:translate(-100%);transition:transform var(--transition-slow)}.pricing-card:hover .card-shine{transform:translate(100%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width: 1400px){.pricing-grid{max-width:90vw}}@media (max-width: 1200px){.pricing-section{padding:var(--spacing-lg)}.pricing-card{padding:var(--spacing-md)}.card-title{font-size:var(--heading-base)}}@media (max-width: 992px){.pricing-section{padding:var(--spacing-md)}.pricing-card{padding:var(--spacing-sm);min-height:auto}.pricing-card:hover{transform:translateY(-2px)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.pricing-section,.pricing-card{padding:var(--spacing-sm)}.card-title{font-size:var(--heading-sm)}.card-description{font-size:var(--font-size-sm)}.get-started-btn{padding:var(--button-padding-sm);font-size:var(--font-size-sm)}.pricing-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 576px){.pricing-section,.pricing-card{padding:var(--spacing-xs)}.card-title{font-size:var(--heading-xs)}.card-description{font-size:var(--font-size-xs)}.get-started-btn{padding:var(--button-padding-xs);font-size:var(--font-size-xs)}.toggle-label{font-size:var(--font-size-xs)}.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media (max-width: 480px){.pricing-section,.pricing-card{padding:var(--spacing-xs)}.card-title{font-size:var(--heading-xs)}.card-description,.feature-item{font-size:var(--font-size-xs)}.get-started-btn{padding:var(--button-padding-xs);font-size:var(--font-size-xs)}}.flex-row{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gapEnd{align-items:flex-end;gap:var(--spacing-xs)}.flex-column{display:flex;align-items:center;flex-direction:column}.gap-2{gap:var(--spacing-lg)}.hidden{visibility:hidden}.faq-container{color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:min(90%,800px);margin:0 auto}.faq-item{border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-medium);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-Gradient2);box-shadow:var(--shadow-sm)}.faq-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--background-Gradient3)}.faq-question{font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.faq-icon{font-size:var(--font-size-base);transition:transform var(--transition-medium);width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--oposite-text-color);display:flex;align-items:center;justify-content:center;color:var(--oposite-text-color);background:var(--input-bg);transform-origin:center}.faq-answer{font-family:var(--font-family-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color);display:none;overflow:hidden}.faq-item.open{background:var(--background-Gradient4)}.faq-item.open .faq-answer{display:block;animation:fadeIn var(--transition-medium) ease-out}.faq-item.open .faq-icon{color:var(--oposite-text-color);border-color:var(--oposite-text-color);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1441px){.faq-container{padding:var(--spacing-2xl) var(--spacing-xl)}.faq-list{gap:var(--spacing-lg)}}@media (max-width: 1440px){.faq-list{max-width:min(85%,700px)}}@media (max-width: 768px){.faq-container{padding:var(--spacing-lg) var(--spacing-md)}.faq-list{max-width:95%;gap:var(--spacing-sm)}.faq-question{font-size:var(--font-size-base)}.faq-answer{font-size:var(--font-size-sm)}}@media (max-width: 480px){.faq-container{padding:var(--spacing-md) var(--spacing-sm)}.faq-item{padding:var(--spacing-sm) var(--spacing-md)}.faq-question{font-size:var(--font-size-sm)}.faq-answer{font-size:var(--font-size-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}}.modern-footer{position:relative;color:var(--footer-text);padding:var(--spacing-3xl) 0 var(--spacing-2xl);overflow:hidden;animation:fadeIn var(--transition-medium) ease-out}.modern-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 30%,var(--animation-color1) 1px,transparent 1px),radial-gradient(circle at 70% 70%,var(--animation-color2) 1px,transparent 1px);background-size:60px 60px;opacity:.1;animation:floatingDots 15s infinite linear}.footer-container{max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-md);width:min(90%,1400px);position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.footer-brand{animation:fadeInUp var(--transition-medium) ease}.brand-logo{height:clamp(50px,6vw,70px);margin-bottom:var(--spacing-sm);transition:transform var(--transition-fast) ease;filter:brightness(var(--logo-brightness, 1))}.brand-logo:hover{transform:translateY(-4px)}.brand-tagline{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.brand-address{font-style:normal;font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.footer-links{animation:fadeInUp var(--transition-medium) ease .2s backwards}.footer-links h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);position:relative;color:var(--text-primary)}.footer-links h4:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:var(--accent-color);transition:width var(--transition-fast) ease}.footer-links:hover h4:after{width:60px}.footer-links nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);transition:all var(--transition-fast) ease;position:relative;width:fit-content;padding:var(--spacing-xxs) 0}.footer-links a:hover{color:var(--header-text-color-active);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-light-100);border-bottom:1px solid var(--header-text-color-active);text-decoration:none}.footer-links a:hover:before{width:100%}.footer-links a.active{color:var(--header-text-color-active);font-weight:var(--font-weight-semibold);background-color:var(--color-secondary-light-100);border-bottom:1px solid var(--header-text-color-active);text-decoration:none}.footer-links a.active:before{width:100%}.footer-connect{animation:fadeInUp var(--transition-medium) ease .4s backwards}.footer-connect h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.social-links{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.social-icon{font-size:var(--font-size-xs);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--white-text);text-decoration:none;transform-origin:center;will-change:transform;padding:var(--spacing-xxs)}.linkedin{background-color:#0077b5}.facebook{background-color:#1877f2}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.twitter{background-color:#1da1f2}.discord{background-color:#7289da}.social-icon:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 4px 12px #00000026;filter:brightness(1.1)}.social-icon:active{transform:translateY(-2px) scale(1.05);box-shadow:0 2px 8px #00000026}.social-icon{width:28px;height:28px;font-size:14px}@media (max-width: 576px){.social-icon{width:24px;height:24px;font-size:12px}}.newsletter{display:flex;gap:var(--spacing-sm);max-width:clamp(300px,50%,500px)}.email-input{flex:1;padding:var(--button-padding-lg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast) ease}.email-input{padding:8px 12px;height:40px}.email-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px var(--accent-shadow)}.subscribe-btn{padding:var(--button-padding-lg);background:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast) ease}.subscribe-btn{padding:8px 16px;height:40px}.subscribe-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer-bottom{padding-top:var(--spacing-xl);border-top:var(--border-width-thin) solid var(--border-color);text-align:center;font-size:var(--font-size-md);color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatingDots{0%{background-position:0 0}to{background-position:60px 60px}}@media (max-width: 1400px){.footer-container{width:95%}.footer-main{gap:var(--spacing-lg)}}@media (max-width: 1200px){.modern-footer{padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-main{grid-template-columns:2fr 1fr 1fr}}@media (max-width: 992px){.footer-main{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width: 768px){.modern-footer{padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-container{width:90%}.footer-main{gap:var(--spacing-md)}}@media (max-width: 576px){.footer-main{grid-template-columns:1fr;gap:var(--spacing-lg)}.newsletter{flex-direction:column}.subscribe-btn{width:100%}.social-links{justify-content:flex-start}}@media (max-width: 375px){.footer-container{width:95%;padding:0 var(--spacing-sm)}.footer-links h4,.footer-connect h4{font-size:var(--font-size-xs)}.footer-links a,.brand-tagline,.brand-address{font-size:var(--font-size-base)}}@media (hover: none){.footer-links a:hover,.social-icon:hover,.subscribe-btn:hover{transform:none}}@media (forced-colors: active){.footer-links a:before{background:ButtonText}.social-icon{forced-color-adjust:none}}.modern-footer a:hover{text-decoration:none!important}.fsp-form-main-container{margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.fsp-form-container{padding:var(--spacing-2xl) var(--spacing-xl);max-width:var(--max-width-xl);margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.fsp-form{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl)}.fsp-form-title{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.fsp-form-highlight{color:var(--banner-button-color);font-weight:var(--font-weight-bold)}.fsp-form-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.fsp-form{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;max-width:600px;margin:0 auto}.fsp-input-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.fsp-form label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast);text-align:left;margin-left:var(--spacing-sm)}.fsp-form label:hover{color:var(--accent-color)}.fsp-form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.fsp-form-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px var(--accent-shadow);color:var(--black-text)}.fsp-dropdown{position:relative;width:100%}.fsp-dropdown-select{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.fsp-dropdown-options{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-index-dropdown)}.fsp-dropdown-option{padding:var(--spacing-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.fsp-dropdown-option:hover{background-color:var(--accent-shadow)}.fsp-file-upload{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.fsp-file-upload.dragging{border-color:var(--accent-color);background-color:var(--accent-shadow)}.fsp-file-upload.error{border-color:var(--color-red-500);background-color:var(--color-red-50)}.fsp-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.fsp-file-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.fsp-error-message{color:var(--color-red-600);background-color:var(--color-red-50);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.fsp-file-list{background-color:var(--color-blue-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.fsp-file-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--input-bg);border-radius:var(--radius-sm)}.fsp-remove-file{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:var(--font-size-base);width:24px;height:24px}.fsp-remove-file:hover{background-color:var(--accent-shadow);color:var(--accent-color)}.fsp-checkbox-container{display:flex;align-items:center;color:var(--text-secondary);font-size:var(--font-size-sm);padding-left:var(--spacing-md)}.fsp-checkbox-container input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1px solid var(--border-color);border-radius:2px;cursor:pointer;position:relative;transition:all var(--transition-fast);padding:0;background:var(--white-text);margin-right:var(--spacing-sm)}.fsp-checkbox-container input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.fsp-checkbox-container input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.fsp-checkbox-container label{cursor:pointer;display:flex;align-items:center}.fsp-checkbox-container a{color:var(--accent-color);text-decoration:none}.fsp-checkbox-container a:hover{text-decoration:underline}.fsp-submit-button{background-color:var(--accent-color);color:var(--white-text);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.fsp-submit-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}@media (max-width: 768px){.fsp-input-group{grid-template-columns:1fr}.fsp-form-container{padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width: 480px){.fsp-form-container{padding:var(--spacing-lg) var(--spacing-md)}.fsp-file-upload{padding:var(--spacing-lg)}.fsp-submit-button{width:100%}}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-text{font-size:clamp(var(--font-size-lg),2rem,var(--font-size-2xl));font-family:var(--Font-1);overflow:hidden;white-space:nowrap;border-right:3px solid var(--primary-navy);width:0;animation:typing 3.5s steps(30,end) forwards,blink .75s step-end infinite}.loader-container{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--primary-gray);opacity:.3;z-index:1000}.loader-bar{height:100%;background:linear-gradient(90deg,var(--primary-navy) 0%,var(--primary-gray) 50%,var(--primary-navy) 100%);width:50%;animation:loading 1.5s infinite ease-in-out}@media (max-width: 1200px){.welcome-text{font-size:clamp(var(--font-size-md),1.8rem,var(--font-size-lg))}}@media (max-width: 992px){.welcome-text{font-size:clamp(var(--font-size-sm),1.5rem,var(--font-size-md))}}@media (max-width: 768px){.logo{font-size:clamp(var(--font-size-md),2rem,var(--font-size-lg))}.welcome-text{font-size:clamp(var(--font-size-xs),1.2rem,var(--font-size-sm))}}@media (max-width: 576px){.welcome-text{font-size:clamp(var(--font-size-xxs),1rem,var(--font-size-sm))}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-md);background:none;overflow:hidden;position:relative;background:var(--background-Gradient2)}.auth-container:before,.auth-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.1;z-index:-1;animation:float 15s infinite ease-in-out alternate}.auth-container:before{background:var(--animation-color1);top:-100px;right:-50px;animation-delay:0s}.auth-container:after{background:var(--animation-color2);bottom:-100px;left:-50px;animation-delay:5s}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(30px,20px) scale(1.1) rotate(5deg)}to{transform:translate(-20px,40px) scale(.9) rotate(-5deg)}}.auth-back-button{position:absolute;top:var(--spacing-xl);left:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--background-Gradient1);border:var(--border-width-thin) solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-medium);font-size:var(--font-size-base);text-decoration:none;box-shadow:var(--shadow-sm)}.auth-back-button:hover{transform:translate(-2px);box-shadow:var(--shadow-md)}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:var(--max-width-sm);transition:var(--transition-medium);animation:slideUp .5s var(--transition-bounce);margin:0;padding:var(--spacing-xl);height:100%;overflow-y:auto;background:transparent;border:var(--border-width-thin) solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(45deg,transparent,var(--accent-color),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;z-index:-1}.auth-logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.auth-logo{height:var(--icon-size-xl);width:var(--icon-size-xl);padding:var(--spacing-ssm)}.auth-title{font-size:var(--heading-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);text-align:center;margin-bottom:var(--spacing-md);color:var(--text-primary);position:relative;display:inline-block;width:100%}.auth-title:after{content:"";position:absolute;width:60px;height:3px;background:var(--accent-color);bottom:-8px;left:50%;transform:translate(-50%);border-radius:var(--radius-full)}.auth-description{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--paragraph-base);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed)}.auth-redirect{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary);font-family:var(--font-family-secondary)}.auth-link{display:inline-block;border:1px solid transparent!important;border-radius:var(--radius-md);background-color:transparent;color:var(--accent-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast);cursor:pointer;padding:var(--spacing-xxs);position:relative}.auth-link:hover{color:var(--accent-hover)}.auth-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width .3s ease}.auth-link:hover:after{width:100%}.auth-form{width:100%;animation:fadeIn .5s ease;transition:opacity .3s ease}.auth-form.exiting{opacity:0;transform:translateY(-10px)}.auth-form-group{margin-bottom:var(--spacing-md)}.auth-form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-family-primary);transition:var(--transition-fast)}.required{color:var(--color-red-500);margin-left:var(--spacing-xxs)}.auth-form-input{width:100%;height:var(--spacing-2xl);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);background-color:var(--input-bg);transition:var(--transition-fast);color:var(--text-secondary);box-shadow:var(--shadow-inner)}.auth-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-shadow);color:var(--black-text);transform:translateY(-1px)}.auth-form-input::placeholder{color:var(--text-secondary);opacity:.6}.auth-password-input-container{position:relative}.auth-password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xxs);color:var(--text-secondary);transition:var(--transition-fast)}.auth-password-toggle:hover{color:var(--text-primary)}.auth-password-toggle img{width:var(--icon-size-sm);height:var(--icon-size-sm);opacity:.7;transition:var(--transition-fast)}.auth-password-toggle:hover img{opacity:1;transform:scale(1.1)}.auth-forgot-password-container{text-align:right;margin-bottom:var(--spacing-lg)}.auth-forgot-password-link{color:var(--accent-color);text-decoration:none;font-size:var(--font-size-base);font-family:var(--font-family-primary);transition:var(--transition-fast);background:none;border:none;cursor:pointer;padding:0;font:inherit;outline:inherit;position:relative}.auth-forgot-password-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--accent-color);transition:width .3s ease}.auth-forgot-password-link:hover:after{width:100%}.auth-button{width:100%;height:var(--spacing-2xl);background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);cursor:pointer;transition:var(--transition-medium);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-medium)}.auth-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button:hover:before{left:100%}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.auth-divider-line{flex-grow:1;height:var(--border-width-thin);background-color:var(--border-color)}.auth-divider-text{padding:0 var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-secondary)}.auth-social-login{text-align:center}.auth-social-text{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-base);font-family:var(--font-family-secondary)}.auth-social-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.auth-social-button{background-color:var(--input-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-full);width:var(--spacing-3xl);height:var(--spacing-3xl);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition-medium);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.auth-social-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.auth-social-button:hover{transform:translateY(-3px) rotate(5deg);box-shadow:var(--shadow-md)}.auth-social-button:hover:before{opacity:1}.auth-social-icon{width:var(--icon-size-md);height:var(--icon-size-md);transition:var(--transition-fast)}.auth-back-to-login{text-align:center;margin-top:var(--spacing-lg)}.auth-reset-success{text-align:center}.auth-success-icon{margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600));color:#fff;width:var(--spacing-4xl);height:var(--spacing-4xl);border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-size:var(--font-size-2xl);animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:var(--shadow-lg)}.auth-success-title{font-size:var(--heading-sm);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-family:var(--font-family-primary)}.auth-success-message{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed)}@media (max-width: 576px){.auth-card{padding:var(--spacing-md)}.auth-title{font-size:var(--heading-sm)}.auth-container:before,.auth-container:after{width:200px;height:200px}}@media (max-width: 350px){.auth-form-label,.auth-form-input{font-size:var(--font-size-sm)}.auth-container:before,.auth-container:after{width:150px;height:150px}}@media (min-width: 992px){.auth-card{padding:var(--spacing-xl)}.auth-container:before,.auth-container:after{width:400px;height:400px}}.auth-social-section{margin-top:32px}.auth-social-divider{display:flex;align-items:center;margin-bottom:24px}.auth-social-line{flex-grow:1;height:1px;background:linear-gradient(to right,transparent,var(--oposite-text-color),transparent);border:none;opacity:.4}.auth-social-text{padding:0 16px;font-size:14px;color:var(--text-secondary);white-space:nowrap}.auth-social-providers{display:flex;justify-content:center;gap:16px}.auth-social-btn{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background-color:var(--input-bg);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);padding:0;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.auth-social-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transform:scale(.5);transition:transform .3s ease,opacity .3s ease}.auth-social-btn:hover{transform:translateY(-3px) rotate(10deg);box-shadow:var(--shadow-md)}.auth-social-btn:hover:after{opacity:1;transform:scale(1)}.auth-social-btn:focus{outline:none;box-shadow:0 0 0 3px var(--accent-shadow)}.auth-social-icon{width:24px;height:24px;transition:all .3s ease;z-index:1}.auth-social-btn:hover .google-icon{filter:drop-shadow(0 2px 2px rgba(66,133,244,.2));transform:scale(1.1)}.auth-social-btn:hover .linkedin-icon{filter:drop-shadow(0 2px 2px rgba(10,102,194,.2));transform:scale(1.1)}@media (max-width: 480px){.auth-social-btn{width:44px;height:44px}.auth-social-icon{width:20px;height:20px}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-message{text-align:center;margin:var(--spacing-xl) 0}.auth-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.auth-error-message{text-align:center;color:var(--color-red-500);margin:var(--spacing-xl) 0}.auth-error-icon{width:40px;height:40px;border-radius:50%;background:var(--color-red-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--spacing-md)}.auth-redirect-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.sectionNewInterview{padding:var(--spacing-xl) 0;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:var(--background-Gradient1);transition:var(--transition-medium)}.interview-prep-app{padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);transition:var(--transition-medium);font-family:var(--font-family-primary);background:var(--background-Gradient2);width:100%;max-width:var(--max-width-xl);margin:0 auto;border:1px solid var(--border-color);padding-top:clamp(4rem,6vw,6%)}.enhanced-progress-container{height:6px;background-color:#ffffff1a;border-radius:3px;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%;box-shadow:var(--shadow-inner)}.enhanced-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-blue-600));border-radius:3px;transition:width .5s var(--transition-elastic);box-shadow:var(--shadow-sm)}.enhanced-stepper-container{margin-bottom:var(--spacing-xl);width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color)}.enhanced-stepper{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;width:100%}.enhanced-step{display:flex;align-items:center;flex:1;cursor:pointer;position:relative;transition:var(--transition-medium)}.enhanced-step-indicator{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:100%;max-width:clamp(70px,20vw,120px)}.enhanced-step-number{display:flex;justify-content:center;align-items:center;width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px);border-radius:var(--radius-full);background-color:#ffffff1a;color:var(--text-primary);font-weight:var(--font-weight-semibold);transition:var(--transition-medium);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-sm)}.enhanced-step.active .enhanced-step-number{background-color:var(--color-primary);color:var(--white-text);transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.enhanced-step.completed .enhanced-step-number{background-color:var(--color-green-500);color:var(--white-text);box-shadow:0 4px 12px #22c55e4d}.enhanced-check-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);fill:var(--white-text)}.enhanced-step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;transition:var(--transition-medium);width:100%}.enhanced-step.active .enhanced-step-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.enhanced-connector{flex:1;height:3px;background-color:#ffffff1a;margin:0 8px;position:relative;top:-18px;transition:background-color .5s ease}.enhanced-connector.active{background-color:var(--color-green-500)}.enhanced-step-content{opacity:0;transform:translateY(20px);transition:all .5s var(--transition-elastic);width:100%}.slide-in{animation:slideIn .5s var(--transition-elastic) forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.step-heading{margin-bottom:var(--spacing-xs);color:var(--text-primary);text-align:center;font-size:var(--heading-sm);font-weight:var(--font-weight-semibold)}.step-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);text-align:center;font-size:var(--font-size-base);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.file-uploader{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-medium);background-color:#ffffff0d;position:relative;overflow:hidden;margin:0 auto var(--spacing-lg);max-width:clamp(280px,90%,500px);box-shadow:var(--shadow-sm)}.file-uploader:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-uploader.active-drag{border-color:var(--color-primary);background-color:#3b82f61a;transform:scale(1.01);box-shadow:var(--shadow-lg)}.input-file-upload{display:none}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.upload-icon svg{width:var(--icon-size-lg);height:var(--icon-size-lg);fill:var(--text-secondary);margin-bottom:var(--spacing-md);transition:var(--transition-medium)}.file-uploader:hover .upload-icon svg{fill:var(--color-primary);transform:translateY(-3px)}.upload-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.upload-subtext{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.browse-button{background-color:var(--color-primary);color:var(--white-text);border:none;border-radius:var(--radius-sm);padding:var(--button-padding);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);box-shadow:0 2px 10px #3b82f64d;margin-bottom:var(--spacing-sm)}.browse-button:hover{background-color:var(--color-blue-600);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.upload-limit{font-size:var(--caption-base);color:var(--text-secondary)}.file-success{display:flex;align-items:center;gap:var(--spacing-md);width:100%;max-width:400px;margin:0 auto;padding:var(--spacing-sm);background-color:#22c55e1a;border-radius:var(--radius-sm);border:1px solid var(--color-green-500)}.success-icon svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:var(--color-green-500)}.file-info{text-align:left;flex:1}.file-name{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xxs);word-break:break-all;font-size:var(--font-size-base)}.change-file{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0;transition:color .3s ease}.change-file:hover{color:var(--color-blue-600);text-decoration:underline}.options-wrapper{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);width:100%;justify-content:center}.enhanced-option{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);background-color:#ffffff0d;cursor:pointer;transition:var(--transition-medium);max-width:400px;box-shadow:var(--shadow-sm)}.enhanced-option:hover{border-color:var(--border-color);transform:translateY(-3px);box-shadow:var(--shadow-md)}.enhanced-option.active{border-color:var(--color-primary);box-shadow:var(--shadow-lg);background-color:#3b82f61a}.option-icon-wrapper{width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-sm);background-color:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);transition:var(--transition-medium)}.enhanced-option.active .option-icon-wrapper{background-color:var(--color-primary);transform:scale(1.05)}.option-icon-wrapper svg{width:var(--icon-size-md);height:var(--icon-size-md);fill:var(--color-primary);transition:fill .3s ease}.enhanced-option.active .option-icon-wrapper svg{fill:var(--white-text)}.option-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary);text-align:center}.option-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);text-align:center;line-height:var(--line-height-relaxed)}.option-divider{display:flex;align-items:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:var(--spacing-md) 0}.option-divider:before,.option-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color);margin:0 var(--spacing-xs)}.option-content-wrapper{margin-top:var(--spacing-lg);opacity:0;height:0;overflow:hidden;transition:all .5s ease}.enhanced-option.active .option-content-wrapper{opacity:1;height:auto;overflow:visible}.generate-job-form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-base);transition:var(--transition-medium);width:100%;font-family:var(--font-family-primary);background-color:#ffffff0d;color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-secondary)}.generate-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background-color:var(--color-primary);color:var(--white-text);border:none;border-radius:var(--radius-sm);padding:var(--button-padding);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);margin-top:var(--spacing-xs);width:100%;font-family:var(--font-family-primary);box-shadow:var(--shadow-sm)}.generate-button:hover{background-color:var(--color-blue-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.generate-icon{width:var(--icon-size-xs);height:var(--icon-size-xs);fill:var(--white-text)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);width:100%;max-width:700px;margin-left:auto;margin-right:auto}.form-row .form-group{flex:1}.custom-select{position:relative;width:100%}.custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--spacing-sm);padding-right:2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-base);background-color:#ffffff0d;cursor:pointer;transition:var(--transition-medium);font-family:var(--font-family-primary);color:var(--text-primary)}.custom-select select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.select-arrow{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:var(--icon-size-sm);height:var(--icon-size-sm);fill:var(--text-secondary);pointer-events:none;transition:transform .3s ease}.custom-select select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.additional-options{margin:var(--spacing-lg) auto;max-width:700px;width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#ffffff08;border:1px solid var(--border-color)}.additional-options h3{margin-bottom:var(--spacing-md);color:var(--text-primary);text-align:center;font-size:var(--heading-xs);font-weight:var(--font-weight-semibold)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px;margin:0 auto}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-medium);color:var(--text-primary)}.checkbox-label:hover{background-color:#ffffff0d}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox{position:relative;width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);border:2px solid var(--border-color);border-radius:4px;transition:var(--transition-medium);background-color:#ffffff0d;flex-shrink:0}.checkbox-input:checked~.custom-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked~.custom-checkbox:after{content:"";position:absolute;left:35%;top:15%;width:30%;height:60%;border:solid var(--white-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.enhanced-button-group{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);width:100%}.enhanced-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);padding:var(--button-padding);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-medium);border:none;min-width:clamp(100px,15vw,140px);font-family:var(--font-family-primary)}.enhanced-button.primary{background-color:var(--color-primary);color:var(--white-text);box-shadow:var(--shadow-sm)}.enhanced-button.primary:hover:not(.disabled){background-color:var(--color-blue-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.enhanced-button.secondary{background-color:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color)}.enhanced-button.secondary:hover:not(:disabled){background-color:#ffffff26;color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-2px)}.enhanced-button.secondary:disabled{opacity:.6;cursor:not-allowed}.enhanced-button.primary.disabled{background-color:var(--color-blue-300);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.button-arrow,.start-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:currentColor;transition:transform .3s ease}.enhanced-button:hover:not(.disabled) .button-arrow{transform:translate(3px)}.enhanced-button:hover:not(.disabled) .start-icon{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.details-step{max-width:700px;margin:0 auto}.details-form{width:100%;background-color:#ffffff08;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}@media (max-width: 768px){.options-wrapper{flex-direction:column;align-items:center}.enhanced-option{width:100%;max-width:450px}.option-divider{margin:var(--spacing-xs) 0;width:100%;justify-content:center}.form-row{flex-direction:column;gap:var(--spacing-md)}.interview-prep-app{padding:var(--spacing-md)}.enhanced-stepper-container{padding:var(--spacing-sm)}.enhanced-button-group{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.enhanced-button{width:100%;max-width:300px}}@media (max-width: 480px){.enhanced-button-group{flex-direction:column;width:100%}.enhanced-button{width:100%}.file-uploader{padding:var(--spacing-md)}.enhanced-stepper{padding:0 var(--spacing-xs)}.step-heading{font-size:var(--heading-xs)}.step-description{font-size:var(--font-size-sm)}.interview-prep-app{padding:var(--spacing-sm)}.checkbox-label{font-size:var(--font-size-sm)}.custom-checkbox{width:clamp(14px,2.5vw,18px);height:clamp(14px,2.5vw,18px)}}@media (min-width: 481px){.enhanced-connector{top:-16px}}@media (max-width: 480px){.enhanced-connector{top:-14px}}@media (max-width: 350px){.enhanced-step-title{font-size:var(--font-size-xs)}.enhanced-step-number{width:24px;height:24px;font-size:var(--font-size-xs)}.enhanced-connector{top:-12px}.option-title{font-size:var(--font-size-md)}.option-description{font-size:var(--font-size-xs)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.validation-error{animation:shake .6s var(--transition-bounce) both;border-color:var(--color-red-500)!important;box-shadow:0 0 0 3px #f973161a}.file-uploader{display:flex;justify-content:center;align-items:center}.resume-step,.job-step,.details-step{display:flex;flex-direction:column;align-items:center;width:100%}input,select,textarea{width:100%;max-width:100%}[data-theme=dark] .sectionNewInterview{background:var(--background-Gradient1)}[data-theme=dark] .interview-prep-app{background:var(--background-Gradient2)}[data-theme=dark] .file-uploader,[data-theme=dark] .enhanced-option,[data-theme=dark] .form-group input,[data-theme=dark] .custom-select select,[data-theme=dark] .details-form,[data-theme=dark] .additional-options{background-color:#0003;border-color:var(--border-color)}[data-theme=dark] .enhanced-button.secondary{background-color:#0000004d;color:var(--text-primary)}[data-theme=dark] .enhanced-button.secondary:hover:not(:disabled){background-color:#0006;color:var(--text-primary)}[data-theme=dark] .file-success{background-color:#22c55e33}[data-theme=dark] .enhanced-step-number,[data-theme=dark] .enhanced-connector{background-color:#0000004d}[data-theme=dark] .option-icon-wrapper{background-color:#3b82f633}.enhanced-button:focus,.browse-button:focus,.change-file:focus,.form-group input:focus,.custom-select select:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.enhanced-step:hover .enhanced-step-number:not(.active){transform:scale(1.05);background-color:#ffffff26}.checkbox-label:hover .custom-checkbox:not(:checked){border-color:var(--color-primary)}[data-theme=light] .sectionNewInterview{background:var(--background-Gradient1)}[data-theme=light] .interview-prep-app{background:var(--background-Gradient2)}[data-theme=light] .enhanced-step-number{color:var(--text-primary)}.stepper-wrapper{width:100%;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-md)}.progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);overflow:hidden;box-shadow:var(--shadow-inner);position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-blue-400) 0%,var(--color-blue-500) 50%,var(--color-blue-600) 100%);border-radius:var(--radius-full);transition:width .6s var(--transition-elastic);position:relative;overflow:hidden}.progress-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressShimmer 2s infinite linear}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.enhanced-stepper-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);box-shadow:var(--shadow-md)}.enhanced-step{position:relative;transition:transform .3s var(--transition-elastic)}.enhanced-step:hover{transform:translateY(-2px)}.enhanced-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff1a;border:2px solid var(--border-color);transition:all .3s var(--transition-elastic)}.enhanced-step.active .enhanced-step-number{background:var(--color-blue-600);border-color:var(--color-blue-400);transform:scale(1.1);box-shadow:0 0 20px var(--color-blue-500)}.enhanced-step.completed .enhanced-step-number{background:var(--color-green-600);border-color:var(--color-green-400)}.connector{position:relative;height:3px;background:var(--border-color);flex:1;margin:0 var(--spacing-sm)}.connector-line{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-blue-400),var(--color-blue-600));width:0;transition:width .5s var(--transition-elastic)}.enhanced-step.completed .connector-line{width:100%}[data-theme=dark] .enhanced-stepper-container{background:#0003}[data-theme=dark] .progress-bar-container{background:#0000004d}[data-theme=dark] .enhanced-step-number{background:#0006;border-color:var(--border-color)}.main-content-past-interview{padding-top:clamp(4rem,6vw,6%)}.header-past-interview{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);position:sticky;top:0;z-index:var(--z-index-sticky);padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-background);border-bottom:var(--border-width-thin) solid var(--border-color)}.container-past-interview{max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-lg);min-height:100vh}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);font-family:var(--font-family-secondary)}.interview-card{background:linear-gradient(135deg,var(--color-background) 0%,var(--background-Gradient9) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;border:var(--border-width-thin) solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-medium)}.interview-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl);border-color:var(--color-blue-400)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.job-title{background:linear-gradient(90deg,var(--color-blue-500),var(--color-purple-500));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--heading-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-secondary)}.performance{display:flex;align-items:center;gap:var(--spacing-xs)}.performance-indicator{background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600));color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);font-family:var(--font-family-primary)}.card-info{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.info-item{display:flex;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-secondary)}.info-item svg{margin-right:var(--spacing-xs);width:var(--icon-size-sm);height:var(--icon-size-sm)}.card-content{display:flex;justify-content:space-between;gap:var(--spacing-xl)}.section{flex:1}.section-title{background:linear-gradient(90deg,var(--color-blue-500),var(--color-purple-500));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);font-family:var(--font-family-primary)}.section ul{padding-left:var(--spacing-lg);margin:0}.section li{margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed)}.retake-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--color-red-400),var(--color-red-600));color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);transition:all var(--transition-medium);font-family:var(--font-family-primary)}.retake-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-red-500),var(--color-red-700))}.view-details{text-align:right;margin-top:var(--spacing-md)}.view-details a{color:var(--color-blue-500);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);font-family:var(--font-family-primary);display:inline-flex;align-items:center}.view-details a:hover{color:var(--color-blue-600);text-decoration:underline}.view-details a svg{margin-left:var(--spacing-xs);transition:transform var(--transition-fast)}.view-details a:hover svg{transform:translate(3px)}.view-details-btn{background:linear-gradient(135deg,var(--color-blue-400),var(--color-blue-600));color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);transition:all var(--transition-medium);cursor:pointer}.view-details-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-700))}.back-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);background:transparent;border:var(--border-width-thin) solid var(--border-color)}.back-btn:hover{color:var(--text-primary);background:var(--color-background);border-color:var(--accent-color);transform:translate(-4px)}.back-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:var(--transition-fast)}.back-btn:hover svg path{fill:var(--accent-color)}.back-btn span{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}[data-theme=dark] .header-past-interview{background:#111827cc}[data-theme=dark] .back-btn{color:var(--color-text-secondary);border-color:var(--border-color)}[data-theme=dark] .back-btn:hover{color:var(--color-text-primary);background:#ffffff0d;border-color:var(--accent-color)}@media (max-width: 1200px){.interview-card{padding:var(--spacing-lg)}}@media (max-width: 992px){.job-title{font-size:var(--heading-sm)}}@media (max-width: 768px){.card-content{flex-direction:column;gap:var(--spacing-lg)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.retake-btn{position:static;margin-top:var(--spacing-md);align-self:flex-start;width:100%}.interview-card{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}}@media (max-width: 576px){.container-past-interview{padding:var(--spacing-md)}.interview-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.job-title{font-size:var(--font-size-lg)}.card-info{gap:var(--spacing-md)}.section-title{font-size:var(--font-size-base)}.section li{font-size:var(--font-size-sm)}.performance-indicator,.retake-btn,.view-details-btn{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.interview-card,.retake-btn,.view-details-btn{transition:none}}.interview-detail-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-primary);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary);padding-top:clamp(4rem,6vw,6%)}.detail-header{position:sticky;top:10%;z-index:100;background:var(--background-Gradient4);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);overflow:hidden}.detail-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-blue-400) 50%,var(--color-blue-300) 100%);border-radius:var(--radius-md) var(--radius-md) 0 0}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--spacing-xs) 0;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.back-button:hover{color:var(--color-blue-600);transform:translate(-2px)}.header-content-past-interview-detail{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-md);flex-wrap:wrap}.job-detail h1{font-size:var(--heading-sm);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-secondary)}.detail-meta span{display:flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-xs);background-color:#ffffff1a;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}[data-theme=light] .detail-meta span{background-color:#0000000d}.detail-meta span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-primary);margin-right:var(--spacing-xs)}.score-card{display:flex;flex-direction:column;align-items:center;min-width:120px;position:relative}.score-ring{position:relative;width:100px;height:100px;border-radius:var(--radius-full);background:conic-gradient(var(--color-primary) 0% var(--percentage),var(--border-color) var(--percentage) 100%);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md);transition:var(--transition-medium);transform:rotate(-90deg)}.score-ring:before{content:"";position:absolute;width:80%;height:80%;border-radius:var(--radius-full);background-color:var(--color-background);transform:rotate(90deg)}.score-value{position:relative;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-primary);transform:rotate(90deg)}.percent{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.score-label{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.detail-navigation{position:sticky;top:calc(14% + 200px);z-index:99;background:var(--background-Gradient4);padding:var(--spacing-xs) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.tab-container{position:relative;display:flex;gap:var(--spacing-xs);border-bottom:var(--border-width-thin) solid var(--border-color);overflow-x:auto;scrollbar-width:none;background-color:var(--color-background);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-sm)}.tab-container::-webkit-scrollbar{display:none}.tab-button{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap;font-family:var(--font-family-primary);font-size:var(--font-size-base)}.tab-button:hover,.tab-button.active{color:var(--color-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--color-primary);border-radius:3px 3px 0 0}.detail-content{background-color:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xl);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden;padding-top:var(--spacing-xl)}.detail-content:after{content:"";position:absolute;bottom:0;right:0;width:150px;height:150px;background:radial-gradient(circle,#3b82f60d,#fff0 70%);border-radius:50%;pointer-events:none}[data-theme=dark] .detail-content:after{background:radial-gradient(circle,#3b82f61a,#0000 70%)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.overview-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden}.overview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.overview-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);opacity:.7}.overview-card h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.performance-trend{margin-top:var(--spacing-lg)}.performance-trend h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.trend-chart{display:flex;align-items:flex-end;justify-content:space-between;height:150px;gap:8px;padding-bottom:var(--spacing-xs);position:relative}.trend-chart:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--border-color)}.trend-bar{flex:1;background:linear-gradient(to top,var(--color-primary),var(--color-blue-400));border-radius:var(--radius-sm) var (--radius-sm) 0 0;transition:height .5s var(--transition-elastic);min-width:20px;box-shadow:var(--shadow-xs)}.trend-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family-secondary)}.strength-list,.improvement-list{list-style:none;padding:0;margin:0}.strength-item,.improvement-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:#ffffff1a;transition:var(--transition-fast)}[data-theme=light] .strength-item,[data-theme=light] .improvement-item{background-color:#00000008}.strength-item:hover,.improvement-item:hover{background-color:#fff3;box-shadow:var(--shadow-xs)}[data-theme=light] .strength-item:hover,[data-theme=light] .improvement-item:hover{background-color:#0000000d}.strength-item:last-child,.improvement-item:last-child{margin-bottom:0}.strength-icon,.improvement-icon{margin-right:var(--spacing-sm);flex-shrink:0;color:var(--color-primary);font-size:var(--icon-size-sm)}.recommendation-section{margin-top:var(--spacing-xl)}.recommendation-section h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight);position:relative;padding-bottom:var(--spacing-xs)}.recommendation-section h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-primary);border-radius:var(--radius-sm)}.resource-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.resource-card{display:flex;align-items:center;background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);overflow:hidden;position:relative}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.resource-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#3b82f60d,#fff0 70%);opacity:0;transition:opacity var(--transition-medium)}[data-theme=dark] .resource-card:before{background:radial-gradient(circle,#3b82f61a,#0000 70%)}.resource-card:hover:before{opacity:1}.resource-icon{font-size:var(--icon-size-md);margin-right:var(--spacing-md);color:var(--color-primary);background-color:#3b82f61a;padding:var(--spacing-xs);border-radius:var(--radius-sm)}[data-theme=dark] .resource-icon{background-color:#3b82f633}.resource-info{flex:1}.resource-info h4{margin:0 0 var(--spacing-xxs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--text-primary)}.resource-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-secondary)}.resource-button{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--button-padding-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-primary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.resource-button:hover{background-color:var(--color-blue-600);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.answers-section h3,.feedback-section h3,.analytics-section h3{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:var(--heading-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed);max-width:800px}.question-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.question-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden}.question-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.question-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);opacity:.7}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.question-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.question-rating{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;background-color:#ffffff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}[data-theme=light] .question-rating{background-color:#00000008}.stars{display:flex}.star{color:var(--border-color);font-size:var(--font-size-lg)}.star.filled{color:var(--color-yellow-500)}.star.half-filled{position:relative;color:var(--border-color)}.star.half-filled:before{content:"★";position:absolute;color:var(--color-yellow-500);width:50%;overflow:hidden}.rating-value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.answer-container,.feedback-container{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#ffffff1a;border-radius:var(--radius-sm);transition:var(--transition-fast)}[data-theme=light] .answer-container,[data-theme=light] .feedback-container{background-color:#00000005}.answer-container:hover,.feedback-container:hover{background-color:#fff3;box-shadow:var(--shadow-xs)}[data-theme=light] .answer-container:hover,[data-theme=light] .feedback-container:hover{background-color:#0000000a}.answer-container h5,.feedback-container h5{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var (--text-secondary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.answer-text,.feedback-text{margin:0;line-height:var(--line-height-relaxed);font-family:var(--font-family-secondary);font-size:var(--font-size-base);color:var(--text-primary)}.feedback-text{color:var(--text-secondary)}.feedback-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.feedback-area{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden}.feedback-area:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feedback-area:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);opacity:.7}.feedback-area h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.feedback-rating{display:flex;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.progress-bar{height:12px;background-color:var(--border-color);border-radius:var(--radius-sm);flex:1;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-blue-400));border-radius:var(--radius-sm);transition:width .5s var(--transition-elastic)}.rating-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:45px;text-align:right;font-family:var(--font-family-primary);font-size:var(--font-size-base)}.feedback-details p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:var(--font-family-secondary);color:var(--text-secondary);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);background-color:#ffffff1a;border-radius:var(--radius-sm);transition:var(--transition-fast)}[data-theme=light] .feedback-details p{background-color:#00000005}.feedback-details p:hover{background-color:#fff3;box-shadow:var(--shadow-xs)}[data-theme=light] .feedback-details p:hover{background-color:#0000000a}.interviewer-notes{margin-top:var(--spacing-xl)}.interviewer-notes h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight);position:relative;padding-bottom:var(--spacing-xs)}.interviewer-notes h4:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-primary);border-radius:var(--radius-sm)}.note-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden}.note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card:before{content:'"';position:absolute;top:10px;left:10px;font-size:60px;color:#3b82f61a;font-family:Georgia,serif;line-height:1}[data-theme=dark] .note-card:before{color:#3b82f633}.note-card p{margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed);color:var(--text-primary);font-style:italic;font-family:var(--font-family-secondary);font-size:var(--font-size-base);position:relative;padding-left:var(--spacing-md)}.note-author{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.author-avatar{width:40px;height:40px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);box-shadow:var(--shadow-sm)}.author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary)}.author-role{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-family-secondary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.analytics-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:var(--transition-medium);position:relative;overflow:hidden}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary);opacity:.7}.analytics-card.full-width{grid-column:1 / -1}.analytics-card h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-tight)}.topic-performance{display:flex;flex-direction:column;gap:var(--spacing-md)}.topic-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.topic-item:hover{background-color:#fffc;box-shadow:var(--shadow-xs)}.topic-label{min-width:120px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--text-primary)}.topic-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.topic-bar{height:12px;background:linear-gradient(90deg,var(--color-primary),var(--color-blue-400));border-radius:var(--radius-sm);flex:1;transition:width .5s var(--transition-elastic);box-shadow:inset 0 1px 3px #0000001a}.topic-score{min-width:45px;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.comparison-chart{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.donut-chart{position:relative;width:120px;height:120px;border-radius:var(--radius-full);background:conic-gradient(var(--color-primary) 0% var(--percentage),var(--border-color) var(--percentage) 100%);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm)}.donut-hole{position:absolute;width:70%;height:70%;border-radius:var(--radius-full);background-color:#fff;display:flex;justify-content:center;align-items:center}.donut-value{font-size:var(--font-size-xl);font-weight:var (--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-primary)}.percentile{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-secondary)}.comparison-text{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed)}.speaking-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-secondary)}.metric-value{font-size:var(--font-size-lg);font-weight:var (--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary)}.metric-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-family:var(--font-family-secondary)}.indicator{width:8px;height:8px;border-radius:var(--radius-full)}.indicator.low{background-color:var(--color-yellow-500)}.indicator.medium{background-color:var(--color-blue-500)}.indicator.high{background-color:var(--color-red-500)}.indicator.optimal{background-color:var(--color-green-500)}.next-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.step-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number{width:30px;height:30px;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:var(--font-weight-semibold);flex-shrink:0;font-family:var(--font-family-primary)}.step-content h5{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family-primary)}.step-content p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-family-secondary);line-height:var(--line-height-relaxed)}.action-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.action-button{padding:var(--button-padding);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:var(--font-family-primary);font-size:var(--font-size-base)}.action-button.primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.action-button.primary:hover{background-color:var(--color-blue-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.secondary{background-color:#fff;color:var(--color-primary);border:var(--border-width-thin) solid var(--color-primary)}.action-button.secondary:hover{background-color:var(--color-background);color:var(--color-blue-600);border-color:var(--color-blue-600);transform:translateY(-2px)}@media (max-width: 768px){.interview-detail-container,.detail-header{padding:var(--spacing-md)}.detail-navigation{top:calc(var(--spacing-lg) + 160px)}.header-content{grid-template-columns:1fr;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.score-card{align-items:flex-start;width:100%}.detail-content{padding:var(--spacing-lg) var(--spacing-md)}.overview-cards,.resource-cards,.feedback-areas,.analytics-grid{grid-template-columns:1fr}.question-header{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column;width:100%}.action-button{width:100%}}@media (max-width: 480px){.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.trend-bar{min-width:15px}.topic-label{min-width:90px;font-size:var(--font-size-xs)}.donut-chart{width:100px;height:100px}.detail-content,.overview-card,.feedback-area,.analytics-card,.question-card,.note-card{padding:var(--spacing-md)}}[data-theme=dark] .overview-card,[data-theme=dark] .resource-card,[data-theme=dark] .feedback-area,[data-theme=dark] .analytics-card,[data-theme=dark] .question-card{background-color:var(--color-background);border-color:var(--border-color)}.ats-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-lg);background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;border:var(--border-width-thin) solid var(--border-color);font-family:var(--font-family-primary);transition:all var(--transition-medium)}header{text-align:center;margin-bottom:var(--spacing-md)}header h1{font-size:clamp(var(--heading-sm),5vw,var(--heading-md));color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);background:linear-gradient(120deg,var(--text-primary),var(--color-blue-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header p{color:var(--text-secondary);font-size:var(--paragraph-base);font-family:var(--font-family-secondary);line-height:var(--line-height-normal);max-width:80%;margin:0 auto}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--z-index-modal);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.loading-spinner{width:var(--spacing-2xl);height:var(--spacing-2xl);border:var(--border-width-medium) solid rgba(59,130,246,.2);border-top:var(--border-width-medium) solid var(--color-blue-500);border-radius:var(--radius-full);animation:spin var(--transition-medium) linear infinite;margin-bottom:var(--spacing-md);box-shadow:0 0 15px #3b82f64d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uploader-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.upload-area{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--radius-lg);background-color:var(--input-bg);cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.05),transparent);z-index:0}.upload-area:hover{border-color:var(--color-blue-500);background-color:#3b82f614;transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-icon{width:clamp(var(--spacing-2xl),10vw,var(--spacing-3xl));height:clamp(var(--spacing-2xl),10vw,var(--spacing-3xl));margin-bottom:var(--spacing-md);position:relative;z-index:1}.upload-icon svg{width:100%;height:100%;fill:var(--color-blue-400);transition:fill var(--transition-medium),transform var(--transition-medium)}.upload-area:hover .upload-icon svg{fill:var(--color-blue-500);transform:scale(1.05)}.upload-area h2{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:clamp(var(--font-size-lg),4vw,var(--heading-sm));font-weight:var(--font-weight-semibold);position:relative;z-index:1}.upload-area p{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:var(--paragraph-base);line-height:var(--line-height-normal);max-width:90%;position:relative;z-index:1}.file-limit{font-size:var(--font-size-sm);color:var(--color-text-secondary);position:relative;z-index:1}.selected-file{margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-blue-100);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-blue-700);display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm);animation:slideIn .3s ease-out;position:relative;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navigation-buttons{display:flex;justify-content:space-between;margin-top:var(--spacing-md);gap:var(--spacing-md)}.back-button,.next-button{padding:var(--button-padding-md);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);font-size:var(--font-size-base);font-family:var(--font-family-primary);min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.back-button{background-color:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.back-button:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.back-button:disabled{opacity:.6;cursor:not-allowed}.next-button{background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600));color:#fff;box-shadow:var(--shadow-sm)}.next-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.next-button:disabled{opacity:.6;cursor:not-allowed}.score-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.score-header h2{font-size:clamp(var(--font-size-lg),4vw,var(--heading-sm));color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.score-overview{display:flex;background:linear-gradient(to right,#3b82f60d,#3b82f605);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-lg);align-items:center;border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-medium)}.score-overview:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.gauge-container{flex:0 0 150px}.gauge{position:relative;width:150px;height:75px;overflow:hidden;animation:fadeIn .8s ease-out}.gauge-background{position:absolute;width:150px;height:150px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-red-500),var(--color-yellow-500),var(--color-green-500));opacity:.2;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.gauge-fill{position:absolute;width:150px;height:150px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-red-500),var(--color-yellow-500),var(--color-green-500));clip-path:polygon(50% 50%,50% 0,100% 0,100% 50%);transform-origin:bottom center;box-shadow:0 0 10px #0000001a;animation:fillGauge 1.5s ease-out}@keyframes fillGauge{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}.gauge-center{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding-bottom:var(--spacing-xs)}.gauge-value{font-size:var(--heading-md);font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.gauge-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.score-description{flex:1}.score-description p{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);font-size:var(--paragraph-base)}.job-title-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#3b82f60d,#3b82f605);padding:var(--spacing-md);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-medium)}.job-title-section:hover{box-shadow:var(--shadow-md)}.job-title-section h3{font-size:var(--heading-xs);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.reupload-button{background:linear-gradient(135deg,var(--color-red-500),var(--color-red-600));color:#fff;border:none;padding:var(--button-padding-sm);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-medium);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.reupload-button:hover{background:linear-gradient(135deg,var(--color-red-600),var(--color-red-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.strengths-section,.areas-section{background:linear-gradient(to right,#3b82f608,#3b82f603);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-medium);height:100%}.strengths-section:hover,.areas-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.strengths-section h4,.areas-section h4,.recommendations-section h4{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--spacing-xs)}.strengths-section h4:before{content:"✓";color:var(--color-green-500);font-size:var(--font-size-lg)}.areas-section h4:before{content:"!";color:var(--color-yellow-500);font-size:var(--font-size-lg)}.strength-item,.area-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal);color:var(--text-secondary);font-size:var(--paragraph-base);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-medium)}.strength-item:hover,.area-item:hover{background-color:#ffffffb3}.check-icon,.warning-icon{margin-right:var(--spacing-xs);font-size:var(--font-size-lg);flex-shrink:0}.check-icon{color:var(--color-green-500)}.warning-icon{color:var(--color-yellow-500)}.recommendations-section{background:linear-gradient(to right,#3b82f608,#3b82f603);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-color);margin-top:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-medium)}.recommendations-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recommendations-section h4:before{content:"💡";margin-right:var(--spacing-xs)}.recommendations-section ol{padding-left:var(--spacing-lg)}.recommendations-section li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal);color:var(--text-secondary);font-size:var(--paragraph-base);padding:var(--spacing-xs) 0}.recommendations-section li::marker{color:var(--color-blue-500);font-weight:var(--font-weight-bold)}@media (max-width: 1200px){.ats-container{max-width:95%}}@media (max-width: 992px){.ats-container{padding:var(--spacing-md)}.upload-area{padding:var(--spacing-lg)}.gauge-container{flex:0 0 130px}.gauge,.gauge-background,.gauge-fill{width:130px}.gauge{height:65px}}@media (max-width: 768px){.score-overview{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md)}.analysis-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.gauge-container{margin-bottom:var(--spacing-md)}.upload-area h2{font-size:var(--heading-xs)}.strengths-section,.areas-section,.recommendations-section{padding:var(--spacing-md)}}@media (max-width: 576px){.ats-container{padding:var(--spacing-sm);max-width:100%;border-radius:var(--radius-md)}.upload-area{padding:var(--spacing-md)}header h1{font-size:var(--heading-sm)}header p{font-size:var(--font-size-sm);max-width:95%}.navigation-buttons{flex-direction:column-reverse;gap:var(--spacing-sm)}.back-button,.next-button{width:100%;min-width:unset}.job-title-section{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-sm)}.reupload-button{width:100%}.score-header h2{font-size:var(--font-size-lg)}.strengths-section h4,.areas-section h4,.recommendations-section h4{font-size:var(--font-size-md)}.strength-item,.area-item,.recommendations-section li{font-size:var(--font-size-sm)}}@media (max-width: 375px){.gauge-container{flex:0 0 100px}.gauge,.gauge-background,.gauge-fill{width:100px}.gauge{height:50px}.gauge-value{font-size:var(--heading-sm)}.gauge-label{font-size:var(--font-size-xs)}.upload-icon{width:var(--spacing-xl);height:var(--spacing-xl)}.upload-area p{font-size:var(--font-size-sm)}.file-limit{font-size:var(--font-size-xs)}}@media (hover: none){.upload-area:hover,.score-overview:hover,.strengths-section:hover,.areas-section:hover,.recommendations-section:hover{transform:none}.back-button:hover:not(:disabled),.next-button:hover:not(:disabled),.reupload-button:hover{transform:none}.strength-item:active,.area-item:active{background-color:#ffffffb3}}@media (forced-colors: active){.upload-area,.score-overview,.job-title-section,.strengths-section,.areas-section,.recommendations-section{border:2px solid CanvasText}.back-button,.next-button,.reupload-button{border:1px solid CanvasText}}.contectus-main-section{display:flex;flex-direction:column;align-items:center;width:100%}.wdth-50{width:50%}.form-title{color:var(--banner-title-secondary)!important;margin-bottom:var(--spacing-sm)}.cotect_us_form_section{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-xl) 0;max-width:1200px;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-blue-100)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin:var(--spacing-3xl) auto;padding:var(--spacing-xl) 0;max-width:var(--max-width-xl);justify-content:center;position:relative}.contact-methods:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--color-blue-100),transparent)}.contact-container{max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-sm)}.form-wrapper{padding:0 var(--spacing-md)}.header-section{color:var(--color-text-primary);text-align:center;padding:var(--spacing-md) var(--spacing-xs);border-radius:var(--radius-lg)}.company-name{font-size:var(--heading-lg);margin-bottom:var(--spacing-xs);background:linear-gradient(90deg,var(--color-text-primary),var(--color-blue-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.tagline{font-size:var(--font-size-md);opacity:.9;font-family:var(--font-family-secondary);font-weight:var(--font-weight-medium)}.contact-method{border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;border:var(--border-width-thin) solid var(--color-blue-100);transition:all var(--transition-medium);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:clamp(300px,100%,450px);margin:0;background:var(--background-secondary)}.contact-method:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003,0 3px 6px #00000026;border-color:var(--color-blue-300)}.icon-container{width:60px;height:60px;background:linear-gradient(135deg,var(--color-blue-400),var(--color-blue-600));border-radius:50%;margin-bottom:var(--spacing-sm);position:relative;transform:rotate(0);transition:all var(--transition-medium);color:var(--white-text)!important}.icon-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-600));opacity:.5;z-index:-1}.icon-container svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-primary);transition:all var(--transition-medium)}.contact-method:hover .icon-container{transform:rotate(360deg)}.method-details{margin-top:var(--spacing-xs)}.method-details h3{color:var(--banner-title-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xxs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary)}.method-details p{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:var(--spacing-xxs) 0;font-family:var(--font-family-secondary)}.contact-method:before{content:"";position:absolute;width:160px;height:160px;background:linear-gradient(135deg,var(--color-blue-300),var(--color-blue-500));border-radius:50%;opacity:.08;top:-80px;right:-80px;transition:all .5s ease}.contact-method:hover:before{transform:scale(1.1)}@media (max-width: 768px){.contact-methods{grid-template-columns:1fr;gap:var(--spacing-xs)}.contact-method{padding:var(--spacing-xs)}.icon-container{width:50px;height:50px}.icon-container svg{width:20px;height:20px}}.contact-form-container{background:var(--background-secondary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 32px #00000026;border:2px solid var(--border-primary);display:flex;flex-direction:column;justify-content:center;height:100%;transition:all .3s ease}.contact-form{display:grid;gap:var(--spacing-md)}.form-group-contect{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.form-group-contect label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);transform:translateY(0);transition:all .3s ease}.contact-form input,.contact-form textarea{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-secondary);background:var(--background-primary);transition:all .3s ease;color:var(--text-primary);width:100%;box-shadow:0 2px 4px #0000001a}.contact-form input:hover,.contact-form textarea:hover{border-color:var(--color-blue-300);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-blue-500);background:var(--background-primary);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.contact-form input:focus+label,.contact-form textarea:focus+label{transform:translateY(-25px);font-size:var(--font-size-xs);color:var(--color-blue-500)}.contact-form .submit-button{background:var(--color-blue-500);color:var(--white-text);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all .3s ease;border:none;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px #0000001a}.contact-form .submit-button:hover{background:var(--color-blue-600);transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.contact-form .submit-button:active{transform:translateY(1px)}.map-container{height:350px;overflow:hidden;margin-top:var(--spacing-md);width:100%}.contact-page .contact-form{display:grid;gap:var(--spacing-xs)}.contact-page .form-group-contect{display:flex;flex-direction:column;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xxs)}.contact-page input,.contact-page textarea{padding:var(--spacing-xxs) var(--spacing-xs);margin-bottom:var(--spacing-xxs)}.contact-page .contact-form-container{padding:var(--spacing-sm)}.contact-page .form-group-contect label{margin-bottom:var(--spacing-xxs)}.contact-page .contact-methods{margin:var(--spacing-sm) auto}.contact-page .contact-form .submit-button{margin-top:var(--spacing-xs)}.contact-page .contact-method{padding:var(--spacing-sm)}.contact-page .icon-container{margin-bottom:var(--spacing-xs)}.contact-page .contact-form-container{background:var(--background-secondary);transition:background .3s ease}.contact-page .contact-form-container:hover{background:var(--background-primary)}@media screen and (max-width: 1200px){.contact-methods{grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.contact-content{flex-direction:row;gap:var(--spacing-md)}.decorative-images,.contact-form-container{height:380px}}@media screen and (max-width: 768px){.contact-methods{grid-template-columns:1fr;gap:var(--spacing-md)}.contact-method{max-width:100%;margin:0 var(--spacing-xs)}.contact-form-container{padding:var(--spacing-xs);margin:0 var(--spacing-xs);height:auto}.super-animated-heading{font-size:calc(var(--font-size-lg) * .9);text-align:center}.map-container{height:280px;margin:var(--spacing-sm) var(--spacing-xs)}.icon-container{width:50px;height:50px}.icon-container svg{width:20px;height:20px}.decorative-images{display:none}}@media screen and (max-width: 480px){.contact-form-container{padding:var(--spacing-xs)}.form-group-contect{margin-bottom:var(--spacing-xxs)}input,textarea{padding:var(--spacing-xxs);font-size:var(--font-size-xs)}.submit-button{width:100%;max-width:160px;font-size:var(--font-size-xs);height:var(--spacing-lg)}.method-details h3{font-size:var(--font-size-sm)}.method-details p{font-size:var(--font-size-xs)}.map-container{height:220px}.decorative-images{display:none}}@media screen and (max-width: 320px){.contact-method{padding:var(--spacing-xs)}.icon-container{width:45px;height:45px;margin-bottom:var(--spacing-xs)}.icon-container svg{width:18px;height:18px}.form-title{font-size:var(--font-size-md);color:var(--banner-title-secondary)!important}}@media screen and (orientation: landscape) and (max-height: 600px){.contact-content{padding:var(--spacing-xs) 0;min-height:280px}.decorative-images{max-height:280px}.map-container{height:180px}}@media (hover: none){.contact-method:hover,.submit-button:hover,.decorative-images:hover img{transform:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.contact-form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@supports (padding: max(0px)){.contact-container{padding-left:max(var(--spacing-xs),env(safe-area-inset-left));padding-right:max(var(--spacing-xs),env(safe-area-inset-right))}}@media (pointer: coarse){input,textarea,.submit-button{min-height:40px}.form-group-contect label{margin-bottom:var(--spacing-xs)}}@media screen and (min-width: 650px) and (max-width: 1200px){.contact-content{flex-direction:row;max-width:800px;margin:0 auto;padding:var(--spacing-md) var(--spacing-sm);min-height:380px}.contact-methods{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm)}.contact-method{max-width:none;min-height:200px;display:flex;justify-content:center}.contact-form-container{max-width:650px;margin:0 auto;padding:var(--spacing-sm);height:100%}@media (min-width: 850px){.decorative-images{display:block;height:100%;flex:1}.decorative-images img{display:block;height:100%;width:100%;object-fit:cover}}.map-container{height:320px;margin:var(--spacing-md) auto;max-width:750px}.super-animated-heading{text-align:center;margin-bottom:var(--spacing-md)}.form-group-contect{margin-bottom:var(--spacing-xs)}input,textarea{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.submit-button{max-width:220px;height:var(--spacing-lg);margin:var(--spacing-sm) auto 0}.icon-container{width:60px;height:60px;margin-bottom:var(--spacing-xs)}.icon-container svg{width:24px;height:24px}.method-details h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-xxs)}.method-details p{font-size:var(--font-size-sm);line-height:1.5}}@media screen and (min-width: 650px) and (max-width: 850px){.contact-methods{grid-template-columns:repeat(2,1fr);max-width:580px;margin:0 auto}}@media screen and (max-width: 850px){.contact-banner-visuals{display:none}}.decorative-images{position:relative;flex:1;height:100%;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transform-style:preserve-3d;perspective:1000px;display:flex;align-items:center}.main-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);transition:transform .6s cubic-bezier(.45,.05,.55,.95);filter:brightness(.9)}.decorative-images{position:relative;display:inline-block;perspective:1000px}.decorative-images img{display:block;width:100%;height:auto;transition:transform .75s ease-in-out,box-shadow .75s ease-in-out}.decorative-images:hover img{transform:rotateY(15deg) rotateX(8deg) scale(1.03);box-shadow:0 4px 12px #0003}.decorative-images:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-20deg);transition:all 1s;z-index:2;pointer-events:none}.decorative-images:hover:before{left:120%;transition:left 1.2s ease-in-out}.contact-form-container{flex:1}.about-container{width:100%;overflow-x:hidden}.section-container{max-width:1300px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}.mission-section{background-color:var(--color-background)}.mission-content{display:flex;gap:var(--spacing-xl)}.mission-card,.vision-card{flex:1;background-color:var(--color-background);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-medium);box-shadow:var(--shadow-md)}.mission-card:hover,.vision-card:hover{transform:translateY(-10px)}.section-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.values-section{padding:var(--spacing-2xl) 0}.values-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000203b0}.values-section .section-container{position:relative;z-index:1}.values-section h2{color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-2xl);font-size:var(--font-size-5xl);transform:translateZ(50px);text-shadow:var(--shadow-sm)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);transform:translateZ(30px)}.value-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thin) solid rgba(255,255,255,.15);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.value-card:hover{transform:scale(1.05) translateZ(20px);background:#fff3;box-shadow:var(--shadow-lg)}.value-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);transition:var(--transition-fast);transform:translateZ(10px)}.value-card:nth-child(1) .value-icon{color:#f1c40f}.value-card:nth-child(2) .value-icon{color:#e67e22}.value-card:nth-child(3) .value-icon{color:#3498db}.value-card:nth-child(4) .value-icon{color:#2ecc71}.value-card:nth-child(5) .value-icon{color:#9b59b6}.value-card:nth-child(6) .value-icon{color:#e74c3c}.value-card.active .value-icon{filter:brightness(1.2);transform:translateZ(10px) scale(1.1)}.value-card h3{color:var(--white-text);margin-bottom:var(--spacing-sm);transform:translateZ(15px)}.value-card p{color:var(--white-text);transform:translateZ(5px)}.journey-section{background:var(--background-Gradient1);padding:var(--spacing-xl) 0}.journey-section h2{text-align:center;margin-bottom:var(--spacing-xl);font-size:var(--heading-lg);color:var(--text-primary)}.journey-tree{position:relative;max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.journey-tree:before{content:"";position:absolute;width:var(--border-width-thin);height:calc(100% - 40px);background-image:repeating-linear-gradient(to bottom,var(--text-primary) 0%,var(--text-primary) 50%,transparent 50%,transparent 100%);background-size:2px 12px;top:20px;left:50%;transform:translate(-50%)}.journey-node{position:relative;width:45%;margin-bottom:var(--spacing-md)}.journey-node.left{left:2.7rem;padding-right:var(--spacing-lg)}.journey-node.right{left:50%;padding-left:var(--spacing-lg)}.node-connector{position:absolute;top:25px;width:1.5rem;height:var(--border-width-thin);background-image:repeating-linear-gradient(to right,var(--text-primary) 0%,var(--text-primary) 50%,transparent 50%,transparent 100%);background-size:6px 1px}.left .node-connector{right:0}.right .node-connector{left:0}.connector-dot{position:absolute;width:12px;height:12px;background:var(--color-background);border:var(--border-width-thin) solid var(--text-primary);border-radius:var(--radius-full);top:-5px}.left .connector-dot{right:-6px}.right .connector-dot{left:-6px}.connector-dot:before{content:"";position:absolute;width:6px;height:6px;background:var(--text-primary);border-radius:var(--radius-full);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite}.journey-content{background-color:var(--background-Gradient1);padding:var(--spacing-lg);border-radius:var( --radius-lg );box-shadow:var( --shadow-md );position:relative;transition:var(--transition-medium);margin-top:20px}.journey-content:hover{transform:translateY(-8px);box-shadow:var( --shadow-xl )}.journey-icon{position:absolute;top:-15px;left:var(--spacing-md);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white-text);box-shadow:var(--shadow-md);transition:all .3s ease;background:transparent!important}.journey-content .journey-icon svg[data-icon=code]{background:linear-gradient(135deg,#2d3436,#636e72);padding:8px;border-radius:50%}.journey-content .journey-icon svg[data-icon=brain]{background:linear-gradient(135deg,#6c5ce7,#a55eea);padding:8px;border-radius:50%}.journey-content .journey-icon svg[data-icon=network-wired]{background:linear-gradient(135deg,#0984e3,#74b9ff);padding:8px;border-radius:50%}.journey-content .journey-icon svg[data-icon=robot]{background:linear-gradient(135deg,#00b894,#55efc4);padding:8px;border-radius:50%}.journey-content:hover .journey-icon{transform:scale(1.15) rotate(360deg);box-shadow:var(--shadow-lg)}.journey-year{display:inline-block;background:var(--color-primary);color:var(--text-primary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.journey-content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.journey-content p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-normal)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media screen and (max-width: 1024px){.mission-content,.values-grid,.journey-tree{flex-direction:column;grid-template-columns:1fr}.journey-node{width:100%;left:0!important;text-align:left!important}.journey-tree:before{left:30px}.node-connector{left:30px}}@media screen and (max-width: 768px){.about-hero-content h1{font-size:var(--heading-lg)}.section-container{padding:var(--spacing-xl) var(--spacing-sm)}.journey-tree:before{left:20px}.journey-node{width:calc(100% - 40px);margin-left:40px;padding-left:var(--spacing-md)!important}.journey-node.left,.journey-node.right{left:0}.node-connector{left:-1.5rem!important;width:1.5rem}.connector-dot{left:-1.75rem!important}.journey-content{padding:var(--spacing-sm)}}.values-section .super-animated-heading .foreground-text{color:var(--white-text)}.interview-container{display:flex;flex-direction:column;height:100vh;width:100%;margin:0 auto;padding:clamp(var(--spacing-sm),1.5vw,var(--spacing-md));gap:clamp(var(--spacing-sm),1.5vw,var(--spacing-md));font-family:var(--font-family-primary);background:var(--background-Gradient2);color:var(--text-primary);transition:all var(--transition-medium);padding-top:clamp(4rem,6vw,6%)}.interview-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(var(--spacing-sm),1.5vw,var(--spacing-md));padding:clamp(var(--spacing-sm),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2vw,var(--spacing-lg));border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--background-Gradient4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-medium)}.interview-header:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interview-title h2{font-size:clamp(var(--font-size-lg),2.5vw,var(--heading-md));font-weight:var(--font-weight-bold);font-family:var(--font-family-secondary);margin-bottom:clamp(var(--spacing-xxs),.5vw,var(--spacing-sm));background:linear-gradient(120deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--transition-medium)}.interview-meta{display:flex;flex-wrap:wrap;gap:clamp(var(--spacing-xxs),.5vw,var(--spacing-sm));transition:gap var(--transition-medium)}.date-badge,.duration-badge,.type-badge{background:var(--background-Gradient5);color:var(--accent-color);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));padding:clamp(var(--spacing-xxs),.5vw,var(--spacing-xs)) clamp(var(--spacing-xs),1vw,var(--spacing-md));border-radius:var(--radius-pill);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);display:inline-flex;align-items:center;box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-fast)}.date-badge:hover,.duration-badge:hover,.type-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--background-Gradient6);border-color:var(--accent-color)}.timer-container{display:flex;align-items:center;background:var(--background-Gradient3);padding:clamp(var(--spacing-xs),1vw,var(--spacing-sm)) clamp(var(--spacing-md),2vw,var(--spacing-lg));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-medium)}.timer-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-color)}.time-remaining{font-size:clamp(var(--font-size-sm),1.2vw,var(--font-size-md));color:var(--text-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono)}.interview-content{display:flex;flex:1;gap:clamp(var(--spacing-md),2vw,var(--spacing-xl));height:calc(100vh - var(--header-height));min-height:0;overflow:hidden;transition:all var(--transition-medium)}.video-section{flex:2;min-width:0;display:flex;flex-direction:column;transition:all var(--transition-medium);height:100%;max-height:calc(100vh - var(--header-height) - var(--spacing-2xl))}.video-container{background:var(--background-Gradient1);border-radius:var(--radius-xl);height:100%;display:flex;flex-direction:column;overflow:hidden;border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-lg);transition:all var(--transition-medium)}.video-container:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.videos-wrapper{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(var(--spacing-sm),2vw,var(--spacing-lg));padding:clamp(var(--spacing-sm),2vw,var(--spacing-lg));height:calc(100% - var(--icon-size-xl));overflow:auto;min-height:0;background:var(--background-Gradient2);transition:all var(--transition-medium);place-items:center}.video-participant{position:relative;width:100%;height:100%;min-height:clamp(180px,30vh,300px);max-height:clamp(300px,50vh,600px);transition:all var(--transition-medium);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9}.video-participant:hover{transform:scale(1.02);box-shadow:var(--shadow-xl);z-index:var(--z-index-tooltip)}.video-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;box-shadow:var(--shadow-md);border:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-medium)}.video-frame:hover{border-color:var(--accent-color)}.thomas-frame{background:var(--background-Gradient7)}.elina-frame{background:var(--background-Gradient8)}.video-stream{width:100%;height:100%;object-fit:cover;transition:all var(--transition-medium)}.video-stream:hover{filter:brightness(1.1)}.video-stream.hidden{display:none}.avatar-placeholder{width:clamp(var(--icon-size-lg),8vw,var(--icon-size-xl));height:clamp(var(--icon-size-lg),8vw,var(--icon-size-xl));background:var(--background-Gradient9);color:var(--accent-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:clamp(var(--font-size-xl),3vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg);border:var(--border-width-medium) solid var(--border-color);transition:all var(--transition-medium)}.avatar-placeholder:hover{transform:scale(1.1);box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.participant-name{position:absolute;bottom:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));left:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));background:#000000b3;color:var(--white-text);padding:clamp(var(--spacing-xxs),.5vw,var(--spacing-xs)) clamp(var(--spacing-xs),1.5vw,var(--spacing-md));border-radius:var(--radius-md);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));font-weight:var(--font-weight-medium);font-family:var(--font-family-secondary);z-index:var(--z-index-tooltip);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md);border-left:var(--border-width-medium) solid var(--accent-color);transition:all var(--transition-fast)}.participant-name:hover{transform:translateY(-2px);padding-left:clamp(var(--spacing-md),2vw,var(--spacing-lg));background:#000c}.control-bar{display:flex;justify-content:space-between;align-items:center;padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2.5vw,var(--spacing-xl));background:var(--background-Gradient3);min-height:clamp(var(--icon-size-lg),8vw,var(--icon-size-xl));border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-lg);border-top:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-medium)}.control-bar:hover{box-shadow:var(--shadow-xl)}.control-buttons{display:flex;gap:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));flex-wrap:wrap;transition:gap var(--transition-medium)}.control-button{width:clamp(var(--icon-size-md),5vw,var(--icon-size-lg));height:clamp(var(--icon-size-md),5vw,var(--icon-size-lg));border-radius:var(--radius-full);background:var(--background-Gradient4);border:var(--border-width-thin) solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.control-button:hover{background:var(--background-Gradient5);transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.control-button:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#ffffffb3,#fff0 70%);opacity:0;transition:opacity var(--transition-fast);top:0;left:0}.control-button:active:after{opacity:1}.control-icon{width:clamp(var(--icon-size-xs),2.5vw,var(--icon-size-sm));height:clamp(var(--icon-size-xs),2.5vw,var(--icon-size-sm));color:var(--text-secondary);transition:all var(--transition-fast)}.control-button:hover .control-icon{color:var(--accent-color);transform:scale(1.1)}.control-button.active{background:var(--background-Gradient6);border-color:var(--accent-color)}.control-button.active .control-icon{color:var(--accent-color)}.call-button{width:clamp(var(--icon-size-lg),6vw,var(--icon-size-xl));height:clamp(var(--icon-size-lg),6vw,var(--icon-size-xl));border-radius:var(--radius-full);background-color:var(--color-red-500);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.call-button:hover{background-color:var(--color-red-600);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}.call-button:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#fff6,#fff0 70%);opacity:0;transition:opacity var(--transition-fast);top:0;left:0}.call-button:active:after{opacity:1}.phone-icon{width:clamp(var(--icon-size-sm),3vw,var(--icon-size-md));height:clamp(var(--icon-size-sm),3vw,var(--icon-size-md));color:var(--white-text);transition:transform var(--transition-fast)}.call-button:hover .phone-icon{transform:rotate(-15deg)}.transcript-section{flex:1;background:var(--background-Gradient2);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;min-width:clamp(250px,25vw,350px);max-width:400px;border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-lg);transition:all var(--transition-medium)}.transcript-section:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-color)}.transcript-header{display:flex;padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2vw,var(--spacing-lg));border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--background-Gradient3);transition:all var(--transition-medium)}.transcript-tab{background:none;border:none;padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2vw,var(--spacing-lg));font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;position:relative;transition:all var(--transition-fast);font-family:var(--font-family-secondary)}.transcript-tab.active{color:var(--accent-color)}.transcript-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:var(--border-width-medium);background-color:var(--accent-color);transition:all var(--transition-fast)}.transcript-tab:hover:not(.active){color:var(--accent-hover);transform:translateY(-2px)}.transcript-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:var(--background-Gradient1)}.message-container{flex:1;overflow-y:auto;padding:clamp(var(--spacing-md),2vw,var(--spacing-lg));display:flex;flex-direction:column;gap:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;transition:all var(--transition-medium)}.message-container::-webkit-scrollbar{width:6px}.message-container::-webkit-scrollbar-track{background:transparent}.message-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--radius-full)}.message{display:flex;align-items:flex-start;gap:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));max-width:100%;animation:fadeIn .3s ease-out;transition:transform var(--transition-fast)}.message:hover{transform:translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:clamp(var(--icon-size-sm),4vw,var(--icon-size-md));height:clamp(var(--icon-size-sm),4vw,var(--icon-size-md));border-radius:var(--radius-full);background:var(--background-Gradient4);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));color:var(--text-secondary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);border:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-fast)}.message-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.avatar-status{position:absolute;width:clamp(8px,1vw,10px);height:clamp(8px,1vw,10px);border-radius:var(--radius-full);bottom:0;right:0;border:2px solid var(--white-text);transition:all var(--transition-fast)}.avatar-status.active{background-color:var(--color-green-500);box-shadow:0 0 0 2px #22c55e33;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.message-content{flex:1;min-width:0;transition:transform var(--transition-fast)}.message-sender{font-weight:var(--font-weight-semibold);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));margin-bottom:var(--spacing-xxs);color:var(--text-primary);font-family:var(--font-family-secondary);transition:color var(--transition-fast)}.message:hover .message-sender{color:var(--accent-color)}.message-text{background:var(--background-Gradient5);padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));border-radius:var(--radius-lg);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));word-break:break-word;overflow-wrap:break-word;width:100%;line-height:var(--line-height-relaxed);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-left:var(--border-width-medium) solid transparent;color:var(--text-primary)}.message-text:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-left-color:var(--accent-color)}.thomas-message .message-avatar{background:var(--background-Gradient7);color:var(--color-purple-500);border-color:var(--color-purple-300)}.thomas-message .message-text{background:var(--background-Gradient8)}.elina-message .message-text{background:var(--background-Gradient9);border:var(--border-width-thin) solid var(--border-color)}.message-input-container{padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2vw,var(--spacing-lg));border-top:var(--border-width-thin) solid var(--border-color);background:var(--background-Gradient3);transition:all var(--transition-medium)}.message-input-container form{display:flex;gap:clamp(var(--spacing-xs),1vw,var(--spacing-md));transition:gap var(--transition-fast)}.message-input{flex:1;padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md)) clamp(var(--spacing-md),2vw,var(--spacing-lg));border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-pill);outline:none;font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));min-width:0;font-family:var(--font-family-primary);transition:all var(--transition-fast);background:var(--background-Gradient1);color:var(--text-primary)}.message-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-shadow);transform:translateY(-1px)}.send-button{width:clamp(var(--icon-size-md),5vw,var(--icon-size-lg));height:clamp(var(--icon-size-md),5vw,var(--icon-size-lg));border-radius:var(--radius-full);background:var(--accent-color);border:var(--border-width-thin) solid var(--accent-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative;overflow:hidden;color:var(--white-text)}.send-button:hover{background:var(--accent-hover);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg)}.send-button:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#ffffffb3,#fff0 70%);opacity:0;transition:opacity var(--transition-fast);top:0;left:0}.send-button:active:after{opacity:1}.onboarding-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:clamp(var(--spacing-sm),2vw,var(--spacing-md));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{background:var(--background-Gradient2);border-radius:var(--radius-xl);padding:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));width:100%;max-width:480px;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out;border:var(--border-width-thin) solid var(--border-color);transition:all var(--transition-medium)}.modal-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl);border-color:var(--accent-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-size:clamp(var(--font-size-lg),2.5vw,var(--heading-md));margin-bottom:clamp(var(--spacing-md),2.5vw,var(--spacing-xl));text-align:center;color:var(--text-primary);font-weight:var(--font-weight-bold);font-family:var(--font-family-secondary);background:linear-gradient(120deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--transition-medium)}.form-group{margin-bottom:clamp(var(--spacing-md),2.5vw,var(--spacing-xl));transition:margin var(--transition-medium)}.form-group label{display:block;margin-bottom:clamp(var(--spacing-xxs),.5vw,var(--spacing-xs));font-size:clamp(var(--font-size-xs),1vw,var(--font-size-sm));font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-family-secondary);transition:all var(--transition-fast)}.form-group:hover label{color:var(--accent-color);transform:translate(2px)}.form-group input{width:100%;padding:clamp(var(--spacing-xs),1.5vw,var(--spacing-md));border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);font-size:clamp(var(--font-size-xs),1vw,var(--font-size-base));outline:none;font-family:var(--font-family-primary);transition:all var(--transition-fast);background:var(--background-Gradient1);color:var(--text-primary)}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-shadow);transform:translateY(-2px)}.permission-notice{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--background-Gradient3);border-radius:var(--radius-lg);border-left:var(--border-width-medium) solid var(--accent-color);transition:all var(--transition-fast)}.permission-notice:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);background:var(--background-Gradient4)}.permission-notice p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-family:var(--font-family-primary);transition:color var(--transition-fast)}.permission-notice:hover p{color:var(--text-primary)}.join-button{width:100%;padding:var(--spacing-md);background:var(--accent-color);color:var(--white-text);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-medium);font-family:var(--font-family-secondary);position:relative;overflow:hidden}.join-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow)}.join-button:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#fff6,#fff0 70%);opacity:0;transition:opacity var(--transition-fast);top:0;left:0}.join-button:active:after{opacity:1}@media (max-width: 1100px){.interview-content{flex-direction:column;height:auto;min-height:calc(100vh - var(--header-height))}.video-section,.transcript-section{flex:none;width:100%;max-width:100%}.video-section{height:60vh;min-height:300px}.transcript-section{height:40vh;min-height:250px}.videos-wrapper{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.interview-container{height:100vh;padding:var(--spacing-sm);margin-top:var(--spacing-xl)}.interview-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.interview-content{height:calc(100vh - var(--header-height));gap:var(--spacing-md)}.videos-wrapper{grid-template-columns:1fr;padding:var(--spacing-sm)}.video-participant{min-height:180px}.control-buttons{gap:var(--spacing-xs)}.control-bar{padding:var(--spacing-sm) var(--spacing-md)}.control-button,.send-button{width:var(--icon-size-md);height:var(--icon-size-md)}.call-button{width:var(--icon-size-lg);height:var(--icon-size-lg)}.message-text{max-width:calc(100% - 10px)}}@media (max-width: 480px){.interview-container{padding:var(--spacing-xs);gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.interview-content{gap:var(--spacing-xs)}.control-bar{padding:var(--spacing-xs) var(--spacing-sm);height:auto;min-height:60px}.control-button{width:var(--icon-size-sm);height:var(--icon-size-sm)}.call-button{width:var(--icon-size-md);height:var(--icon-size-md)}.control-buttons{gap:var(--spacing-xxs)}.message-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.message{gap:var(--spacing-xs)}.message-avatar{width:var(--icon-size-sm);height:var(--icon-size-sm)}.message-content{max-width:calc(100% - 36px)}.message-text{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.message-input{padding:var(--spacing-xs) var(--spacing-sm)}.send-button{width:var(--icon-size-sm);height:var(--icon-size-sm)}.interview-title h2{font-size:var(--font-size-lg)}.date-badge,.duration-badge,.type-badge{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}}@supports (-webkit-touch-callout: none) or (-moz-appearance: none){.interview-content{height:calc(100vh - 120px)}.video-section,.transcript-section{min-height:0}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-xxs) var(--spacing-xs);background-color:#000c;color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);margin-bottom:var(--spacing-sm);z-index:var(--z-index-tooltip);pointer-events:none;box-shadow:var(--shadow-sm)}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}@media (prefers-color-scheme: dark){.thomas-frame{background-color:var(--color-purple-50);background-image:linear-gradient(135deg,var(--color-purple-50) 0%,var(--color-purple-100) 100%)}.elina-frame{background-color:var(--color-blue-50);background-image:linear-gradient(135deg,var(--color-blue-50) 0%,var(--color-blue-100) 100%)}.message-text{background-color:var(--color-blue-100)}.thomas-message .message-text{background-color:var(--color-purple-100)}.elina-message .message-text{background-color:var(--color-background);border:var(--border-width-thin) solid var(--border-color)}.permission-notice{background-color:#3b82f61a}}@media (prefers-reduced-motion: reduce){.control-button:hover,.call-button:hover,.send-button:hover,.join-button:hover{transform:none}}@media (forced-colors: active){.control-button,.call-button,.send-button,.transcript-section,.video-container,.video-frame,.message-text,.modal-content{border:1px solid}.avatar-status.active{background-color:Highlight}}@media (hover: none){.control-button:hover,.call-button:hover,.send-button:hover,.join-button:hover{transform:none}.control-button:active,.call-button:active,.send-button:active,.join-button:active{opacity:.8}}.control-button:active,.call-button:active,.send-button:active,.join-button:active{opacity:.8}.banner{position:relative;height:clamp(600px,80vh,800px);overflow:hidden}.banner-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://public.readdy.ai/ai/img_res/1f52c461368cc4f17350899e07bc624e.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.banner-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#172554eb,#17255466)}.banner-content{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);max-width:var(--max-width-container);margin:0 auto}.banner-text{max-width:clamp(300px,60%,800px);color:var(--white-text);transform:translateY(40px);opacity:0;transition:all var(--transition-medium) var(--ease-out)}.banner-text.visible{transform:translateY(0);opacity:1}.banner-text h1{font-size:var(--heading-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--white-text);line-height:var(--line-height-tight)}.banner-text>p{font-size:var(--paragraph-base);margin-bottom:var(--spacing-lg);color:var(--light-white-text);line-height:var(--line-height-relaxed)}.feature-icons{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 250px}.feature-item svg{font-size:var(--font-size-2xl);color:var(--white-text);width:var(--spacing-xl);height:var(--spacing-xl);padding:var(--spacing-xs);border-radius:var(--radius-md);background:#ffffff1a;transition:all var(--transition-fast) var(--ease-in-out)}.feature-item:hover svg{transform:scale(1.1);background:#fff3;color:var(--white-text)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--white-text)}.feature-subtitle{font-size:var(--font-size-sm);color:var(--light-white-text)}.banner-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.primary-button,.secondary-button{padding:var(--button-padding-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out);white-space:nowrap;min-width:160px;text-align:center}.primary-button{background-color:var(--white-text);color:var(--black-text);border:none}.secondary-button{border:var(--border-width-medium) solid var(--white-text);color:var(--white-text);background:transparent}.primary-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.secondary-button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.user-trust{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.user-images{display:flex}.user-images img{width:var(--spacing-xl);height:var(--spacing-xl);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--white-text);margin-right:calc(var(--spacing-sm) * -1)}.user-trust-text{color:var(--white-text);font-size:var(--font-size-sm)}.user-trust-text span{font-weight:var(--font-weight-bold)}.graduated-image{height:clamp(400px,60vh,600px);object-fit:contain;margin-right:var(--spacing-xl);padding:var(--spacing-xl) 0;transform:translateY(40px);opacity:0;transition:all var(--transition-medium) var(--ease-out)}.graduated-image.visible{transform:translateY(0);opacity:1;animation:naturalBounce 3s ease-in-out infinite}@media (max-width: 1200px){.banner-content{padding:var(--spacing-md) var(--spacing-lg)}.banner-text{max-width:100%}}@media (max-width: 992px){.graduated-image{height:clamp(300px,50vh,500px);margin-right:var(--spacing-lg)}}@media (max-width: 768px){.banner{height:auto;min-height:80vh;padding-top:var(--spacing-xl)}.banner-content{flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);padding-top:30%}.banner-text h1{font-size:var(--heading-sm)}.banner-text p{font-size:var(--font-size-sm)}.feature-icons{gap:var(--spacing-md)}.banner-buttons{justify-content:center;width:100%}.primary-button,.secondary-button{flex:1 1 auto;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-xs);width:fit-content}.graduated-image{display:none}}@media (max-width: 480px){.banner{min-height:70vh;padding-top:var(--spacing-lg)}.banner-text h1{font-size:var(--heading-xs)}.feature-item{flex:1 1 100%}.banner-buttons{flex-direction:column}.feature-title{font-size:var(--font-size-md)}.feature-subtitle{font-size:var(--font-size-xs)}}@media (hover: none){.primary-button:hover,.secondary-button:hover{transform:none}}@supports (-webkit-touch-callout: none){.banner{min-height:-webkit-fill-available}}.technology-container{display:flex;align-items:center;max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);gap:var(--spacing-2xl);position:relative;overflow:hidden}.technology-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;z-index:0}.technology-content{flex:1;z-index:10;animation:fadeInLeft 1s ease-out}.technology-content h2{font-size:var(--heading-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight);background:linear-gradient(120deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(0);transition:transform .3s ease}.technology-content h2:hover{transform:translateY(-3px)}.technology-content p{font-size:var(--paragraph-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-family:var(--font-family-secondary);opacity:.9;transition:opacity .3s ease}.technology-content p:hover{opacity:1}.technology-details ul{list-style-type:none;padding:0}.technology-details li{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family-secondary);line-height:var(--line-height-normal);transform:translate(0);transition:transform .3s ease}.technology-details li:hover{transform:translate(10px)}.technology-details li:before{content:"✓";position:absolute;left:0;color:var(--color-green-500);font-weight:var(--font-weight-bold);transition:transform .3s ease}.technology-details li:hover:before{transform:scale(1.2)}.technology-image-wrapper{flex:1;position:relative;overflow:hidden;border-radius:var(--radius-lg);perspective:1000px;box-shadow:var(--shadow-lg);animation:fadeInRight 1s ease-out;transition:transform .5s ease}@media (hover: hover){.technology-image-wrapper:hover{transform:perspective(1000px) rotateY(-5deg)}.technology-image-wrapper:hover .glass-overlay{opacity:1;background:#ffffff26}.technology-image-wrapper:hover .technology-image{transform:scale(1.05);filter:brightness(.8) saturate(1.2)}.technology-image-wrapper:hover .glass-content{transform:translateY(0);opacity:1}}.technology-image{width:100%;height:clamp(300px,50vh,500px);object-fit:cover;transition:all .5s ease;filter:brightness(.9) saturate(1.1)}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:var(--border-width-thin) solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s ease}.glass-content{text-align:center;color:var(--color-text-primary);padding:var(--spacing-xl);background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);max-width:90%;transform:translateY(var(--spacing-lg));opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.glass-content h3{font-size:var(--heading-sm);margin-bottom:var(--spacing-md);color:#fffffff2;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);text-shadow:0 2px 4px rgba(0,0,0,.2)}.glass-content p{font-size:var(--paragraph-base);color:#ffffffd9;line-height:var(--line-height-relaxed);font-family:var(--font-family-secondary);text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 1024px){.technology-container{flex-direction:column;padding:var(--spacing-2xl) var(--spacing-md);gap:var(--spacing-xl)}.technology-content{text-align:center}.technology-details ul{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left}.technology-image{height:clamp(250px,40vh,400px)}}@media (max-width: 768px){.technology-container{padding:var(--spacing-xl) var(--spacing-md)}.technology-content h2{font-size:var(--heading-md)}.glass-content{padding:var(--spacing-lg)}}@media (max-width: 480px){.technology-container{padding:var(--spacing-lg) var(--spacing-sm)}.technology-content h2{font-size:var(--heading-sm)}.technology-image{height:clamp(200px,35vh,300px)}}@media (hover: none){.glass-overlay{opacity:1;background:#0000004d;pointer-events:auto}.glass-content{opacity:1;transform:translateY(0)}.technology-image-wrapper:active .technology-image{transform:scale(1.02);filter:brightness(.9) saturate(1.1)}.technology-image-wrapper{transform:none!important}}.pricing-banner-container{width:100%;min-height:clamp(450px,80vh,650px);display:flex;align-items:center;justify-content:center;background:var(--background-Gradient2);perspective:1000px;overflow:hidden;padding:var(--spacing-lg);box-sizing:border-box;position:relative}.pricing-banner-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;animation:gradientShift 8s ease-in-out infinite}.pricing-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-container);width:100%;background:var(--background-Gradient3);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);position:relative;transition:all var(--transition-medium) ease;transform-style:preserve-3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:6% 0 2%}.pricing-banner-text{flex:0 0 50%;z-index:2;position:relative;padding-right:var(--spacing-xl);animation:fadeInLeft 1s ease-out}.pricing-banner-title{font-size:var(--heading-lg);font-weight:var(--font-weight-extrabold);font-family:var(--font-family-primary);color:var(--pricing-heading-color);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(120deg,var(--pricing-heading-color),var(--pricing-button-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-banner-description{font-size:var(--paragraph-md);font-family:var(--font-family-secondary);color:var(--pricing-subheading-color);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pricing-banner-actions{display:flex;gap:var(--spacing-md)}.pricing-primary-button,.pricing-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.pricing-primary-button{background:linear-gradient(135deg,var(--pricing-button-color),var(--accent-hover));color:var(--pricing-box-background);border:var(--border-width-medium) solid transparent;box-shadow:0 4px 15px #0003}.pricing-secondary-button{background:transparent;color:var(--pricing-button-color);border:var(--border-width-medium) solid var(--pricing-button-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pricing-banner-visuals{flex:0 0 50%;display:flex;align-items:center;justify-content:center;position:relative;animation:fadeInRight 1s ease-out}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.pricing-banner-content{padding:var(--spacing-xl)}.pricing-banner-title{font-size:var(--heading-md)}}@media (max-width: 992px){.pricing-banner-container{padding:var(--spacing-md)}.pricing-banner-content{padding:var(--spacing-lg)}.pricing-banner-text{padding-right:var(--spacing-lg)}}@media (max-width: 768px){.pricing-banner-content{flex-direction:column;text-align:center;padding:var(--spacing-md)}.pricing-banner-text,.pricing-banner-visuals{flex:0 0 100%;padding-right:0}.pricing-banner-text{margin-bottom:var(--spacing-xl)}.pricing-banner-actions{justify-content:center}.pricing-banner-title{font-size:var(--heading-sm)}.pricing-banner-description{font-size:var(--paragraph-base)}}@media (max-width: 576px){.pricing-banner-container{min-height:clamp(400px,70vh,500px);padding:var(--spacing-sm)}.pricing-banner-content{padding:var(--spacing-md)}.pricing-banner-actions{flex-direction:column;gap:var(--spacing-sm)}.pricing-primary-button,.pricing-secondary-button{width:100%;padding:var(--button-padding-md)}}@media (hover: hover){.pricing-primary-button:hover{background:linear-gradient(135deg,var(--accent-hover),var(--pricing-button-color));transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.pricing-secondary-button:hover{background:var(--pricing-button-color);color:var(--pricing-box-background);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}}.contact-banner-container{width:100%;min-height:clamp(450px,80vh,650px);display:flex;align-items:center;justify-content:center;background:var(--background-Gradient3);perspective:1000px;overflow:hidden;padding:var(--spacing-lg);box-sizing:border-box;position:relative}.contact-banner-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;animation:gradientShift 8s ease-in-out infinite}.contact-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-container);width:100%;background:var(--background-Gradient3);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);position:relative;transition:all var(--transition-medium) ease;transform-style:preserve-3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin:6% 0 2%}.contact-banner-text{flex:0 0 50%;z-index:2;position:relative;padding-right:var(--spacing-xl);animation:fadeInLeft 1s ease-out}.contact-banner-title{font-size:var(--heading-lg);font-weight:var(--font-weight-extrabold);font-family:var(--font-family-primary);color:var(--pricing-heading-color);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(120deg,var(--pricing-heading-color),var(--pricing-button-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-banner-description{font-size:var(--paragraph-md);font-family:var(--font-family-secondary);color:var(--pricing-subheading-color);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1)}.contact-banner-actions{display:flex;gap:var(--spacing-md)}.contact-primary-button,.contact-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--button-padding-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.contact-primary-button{background:linear-gradient(135deg,var(--pricing-button-color),var(--accent-hover));color:var(--pricing-box-background);border:var(--border-width-medium) solid transparent;box-shadow:0 4px 15px #0003}.contact-secondary-button{background:transparent;color:var(--pricing-button-color);border:var(--border-width-medium) solid var(--pricing-button-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-banner-visuals{flex:0 0 50%;display:flex;align-items:center;justify-content:center;position:relative;animation:fadeInRight 1s ease-out}.contact-illustration-wrapper{position:relative;max-width:400px;width:100%}.contact-illustration{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1));transition:transform .4s ease}@media (max-width: 1024px){.contact-banner-content{flex-direction:column;text-align:center;padding:40px 20px}.contact-banner-text,.contact-banner-visuals{flex:0 0 100%}.contact-banner-actions{justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-tooltip);padding:0;opacity:0;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards;min-height:100vh;min-height:100dvh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-container{position:relative;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;opacity:0;transform:scale(.95);animation:modalEnter .4s cubic-bezier(.25,.46,.45,.94) forwards;margin:var(--spacing-md);border-radius:var(--radius-lg);background:var(--background-Gradient1);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.modal-container::-webkit-scrollbar{width:4px}.modal-container::-webkit-scrollbar-track{background:transparent}.modal-container::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:var(--radius-full);opacity:.5}.modal-container::-webkit-scrollbar-thumb:hover{opacity:.8}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--background-Gradient2);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--banner-button-color);transition:all var(--transition-medium);z-index:1}.modal-close:hover{background:var(--accent-color);color:var(--banner-button-color);transform:rotate(90deg) scale(1.1);box-shadow:var(--shadow-md)}.modal-centered{position:relative;transform:scale(.95);animation:modalEnterCentered .4s cubic-bezier(.25,.46,.45,.94) forwards;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-20px)}70%{opacity:1;transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalEnterCentered{0%{opacity:0;transform:scale(.95)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.55,.085,.68,.53) forwards}.modal-container.closing{animation:modalExit .3s cubic-bezier(.55,.085,.68,.53) forwards}.modal-centered.closing{animation:modalExitCentered .3s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes fadeOut{to{opacity:0}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes modalExitCentered{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-height: 800px){.modal-container{max-height:calc(100vh - var(--spacing-2xl))}}.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.network-animation-container{width:100%;max-width:500px;height:clamp(80px,15vw,120px);opacity:.85;transition:opacity .3s ease,transform .3s ease;will-change:transform;position:relative;z-index:1}.intoduction-animation1:hover,.intoduction-animation2:hover,.features-animation2:hover{opacity:1;transform:scale(1.02)}.fetcher-anmiation1,.faq-anmiation1{width:100%;max-width:250px;height:clamp(40px,10vw,70px);opacity:.8;transition:opacity .3s ease,transform .3s ease;margin:-10px}.fetcher-anmiation1:hover{opacity:1;transform:scale(1.02)}.features-animation-right,.form-animation{position:absolute;right:-2px;top:20%;transform:translateY(-50%);width:250px;height:400px;opacity:.75;transition:all .4s ease;z-index:0}.features-animation-right:hover,.form-animation:hover{opacity:.9;transform:translateY(-50%) scale(1.05)}@media (max-width: 1200px){.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.faq-anmiation1{max-width:480px;height:clamp(70px,14vw,110px)}.features-animation-right,.form-animation{right:-20px;width:120px;height:350px}.intoduction-animation1{right:-15px;max-width:400px}}@media (max-width: 992px){.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.faq-anmiation1{max-width:450px;height:clamp(60px,12vw,100px)}.fetcher-anmiation1{max-width:240px;height:clamp(35px,8vw,65px)}.features-animation-right,.form-animation{right:-15px;width:100px;height:300px}.intoduction-animation1{right:-10px;max-width:350px}}@media (max-width: 800px){.faq-anmiation1,.pricing-section{display:none}}@media (max-width: 768px){.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.faq-anmiation1{max-width:350px;height:clamp(50px,10vw,80px);margin:0 auto}.fetcher-anmiation1{display:none}.network-animation-container{max-width:100%;height:auto;aspect-ratio:3/1}.features-animation-right,.form-animation{display:none}.intoduction-animation1{position:relative;right:0;margin:0 auto;max-width:300px}}@media (max-width: 576px){.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.faq-anmiation1{max-width:300px;height:clamp(40px,8vw,60px)}}@media (max-width: 480px){.intoduction-animation1,.intoduction-animation2,.features-animation2,.price-animation1,.fetcher-anmiation2,.faq-anmiation1{max-width:280px;height:clamp(35px,7vw,50px)}}.intoduction-animation1{float:right}.intoduction-animation2,.features-animation2{float:left;margin-left:calc(var(--spacing-xl) * -1);margin-top:calc(var(--spacing-xl) * -4)}@media (max-width: 992px){.intoduction-animation1{margin-right:calc(var(--spacing-lg) * -1)}.intoduction-animation2,.features-animation2{margin-left:calc(var(--spacing-lg) * -1);margin-top:calc(var(--spacing-lg) * -3)}}@media (max-width: 768px){.intoduction-animation1,.faq-anmiation1{float:none;margin:0 auto;display:none}.intoduction-animation2,.features-animation2{float:none;margin-left:0;margin:var(--spacing-lg) auto 0;display:none}.price-animation1{display:block;margin:0 auto var(--spacing-md)}}.spinner{display:inline-block;width:20px;height:20px}.spinner .spinner-inner{width:100%;height:100%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-success{color:#10b981;background:#10b9811a;border:1px solid #10b981;padding:12px;border-radius:8px;margin-bottom:16px}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;padding:12px;border-radius:8px;margin-bottom:16px}.user-profile__container{max-width:var(--max-width-xl);margin:var(--spacing-5xl) auto var(--spacing-2xl);padding:var(--spacing-lg)}.user-profile__header{text-align:center;margin-bottom:var(--spacing-2xl)}.user-profile__avatar-container{position:relative;width:clamp(120px,15vw,180px);height:clamp(120px,15vw,180px);margin:0 auto}.user-profile__avatar{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:var(--border-width-medium) solid var(--color-primary);background:var(--color-background)}.user-profile__avatar-placeholder{width:100%;height:100%;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.user-profile__upload-label{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:var(--color-primary);border-radius:var(--radius-full);padding:var(--spacing-sm);cursor:pointer;color:var(--color-background);box-shadow:var(--shadow-md);transition:all var(--transition-medium) ease}.user-profile__upload-label:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.user-profile__verification-alert{background:var(--color-warning-light);border:var(--border-width-thin) solid var(--color-warning);color:var(--color-warning-dark);padding:var(--spacing-md);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-md)}.user-profile__verification-content{flex:1;font-size:var(--font-size-base)}.user-profile__verify-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;min-width:150px;position:relative;overflow:hidden}.user-profile__verify-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-profile__verify-button:disabled{background:var(--color-gray-400);cursor:not-allowed;opacity:.7}.user-profile__verify-button.sent{background:var(--color-success)}.user-profile__error-message{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:var(--font-size-sm)}.user-profile__success-message{color:var(--color-success);margin-top:var(--spacing-xs);font-size:var(--font-size-sm)}.user-profile__content{background:var(--background-Gradient2);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.user-profile__section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--border-color)}.user-profile__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.user-profile__section-title{font-size:var(--heading-sm);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:var (--font-weight-bold)}.user-profile__form-group{margin-bottom:var(--spacing-lg)}.user-profile__label{display:block;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.user-profile__input{width:100%;padding:var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-medium) ease}.user-profile__input:disabled{background:var(--color-secondary-light-100);cursor:not-allowed}.user-profile__input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.user-profile__button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.user-profile__btn{padding:var(--button-padding-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-medium) ease}.user-profile__btn--save{background:var(--color-primary);color:var(--white-text);border:none}.user-profile__btn--edit{background:var(--color-secondary-light-100);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-xs)}.user-profile__btn--cancel{background:var(--color-danger-light);color:var(--color-danger);border:var(--border-width-thin) solid var(--color-danger)}.user-profile__btn--security{background:var(--color-secondary-light-100);color:var (--text-primary);border:var(--border-width-thin) solid var(--border-color);width:100%;text-align:left}[data-theme=dark] .user-profile__content{background:var(--background-Gradient9)}[data-theme=dark] .user-profile__input{background:var(--background-primary)}@media (max-width: 768px){.user-profile__container{padding:var(--spacing-md);margin-top:var(--spacing-4xl)}.user-profile__content{padding:var(--spacing-lg)}.user-profile__button-group{flex-direction:column}.user-profile__btn{width:100%}}@media (max-width: 480px){.user-profile__container{padding:var(--spacing-sm)}.user-profile__content{padding:var(--spacing-md)}.user-profile__verification-alert{flex-direction:column;text-align:center}}