: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)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--size-xl)}.hero{position:relative;background:var(--default-background);background-size:var(--default-background-size);animation:var(--default-background-animation);color:var(--clr-white);text-align:center;width:100%;height:900px;overflow:hidden;display:flex}.hero:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,135,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,135,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:particleFloat 10s ease-in-out infinite;pointer-events:none;z-index:1}.hero:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,135,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,135,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridPulse 4s ease-in-out infinite;pointer-events:none;z-index:1}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%;z-index:2}.hero h2{font-size:var(--size-5xl);font-weight:700;margin-bottom:var(--size-xl);background:var(--gradient-green);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite;text-shadow:var(--shadow-text-purple-green);text-transform:uppercase}.hero p{font-size:var(--size-lg);margin-bottom:var(--size-4xl);opacity:.9;animation:fadeInUp 1s ease-out .5s both}.hero-accent{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,135,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;pointer-events:none}.hero-accent:nth-child(1){top:10%;left:10%;animation-delay:0s}.hero-accent:nth-child(2){top:60%;right:10%;animation-delay:2s;width:150px;height:150px}.hero-accent:nth-child(3){bottom:20%;left:20%;animation-delay:4s;width:100px;height:100px}.problem-solution{padding:var(--size-8xl) 0;background:linear-gradient(135deg,#f8f9ff 0%,var(--clr-white) 50%,#f8f9ff 100%);position:relative;overflow:hidden}.problem-solution:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 80% 20%,rgba(56,0,60,.02) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,255,135,.02) 0%,transparent 50%);pointer-events:none}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-6xl);position:relative;z-index:2}.problem-side h3,.solution-side h3{font-size:var(--size-3xl);font-weight:700;margin-bottom:var(--size-4xl);text-align:center}.problem-side h3{color:var(--clr-red)}.solution-side h3{color:var(--clr-green)}.problem-list,.solution-list{display:flex;flex-direction:column;gap:var(--size-xl)}.problem-item,.solution-item{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-lg);border-radius:var(--radius-lg);transition:all .3s ease}.problem-item{background:#dc35450d;border:1px solid rgba(220,53,69,.1)}.solution-item{background:#00ff870d;border:1px solid rgba(0,255,135,.1)}.problem-item:hover{background:#dc354514;transform:translate(-5px)}.solution-item:hover{background:#00ff8714;transform:translate(5px)}.problem-icon,.solution-icon{font-size:var(--size-xl);flex-shrink:0}.problem-item p,.solution-item p{font-size:var(--size-base);color:var(--clr-dark-gray);margin:0}.features{position:relative;padding:var(--size-8xl) var(--size-xl);background:var(--gradient-offwhite);overflow:hidden}.features:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 70% 30%,rgba(56,0,60,.03) 0%,transparent 40%),radial-gradient(circle at 30% 70%,rgba(0,255,135,.02) 0%,transparent 40%);pointer-events:none;z-index:1}.features h3{position:relative;text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-6xl);color:var(--clr-purple);z-index:2}.features h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-green);border-radius:2px}.features-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-xl);z-index:2}.feature{text-align:center;padding:var(--size-3xl) var(--size-xl);background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-purple);transition:all .3s ease;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-green);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.feature:hover:before{transform:scaleX(1)}.feature:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-green)}.feature svg{height:64px;width:64px;margin-bottom:var(--size-xl);color:var(--clr-purple);transition:all .3s ease}.feature:hover svg{color:var(--clr-green);transform:scale(1.1) rotateY(10deg)}.feature h4{font-size:var(--size-xl);font-weight:600;margin-bottom:var(--size-base);color:var(--clr-purple);transition:color .3s ease}.feature:hover h4{color:var(--clr-green)}.feature p{font-size:var(--size-base);color:var(--clr-medium-gray);line-height:1.6}.how-it-works{padding:var(--size-8xl) 0;background:var(--clr-white);position:relative}.how-it-works h3{text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-6xl);color:var(--clr-purple)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-4xl)}.step{text-align:center;position:relative;padding:var(--size-3xl) var(--size-xl);background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-purple);transition:all .3s ease;border:2px solid transparent}.step:hover{transform:translateY(-8px);box-shadow:var(--shadow-green);border-color:var(--clr-green)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;background:var(--gradient-green);color:var(--clr-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--size-sm)}.step-icon{margin:var(--size-xl) 0;color:var(--clr-purple)}.step-icon svg{width:48px;height:48px}.step h4{font-size:var(--size-xl);font-weight:600;margin-bottom:var(--size-base);color:var(--clr-purple)}.step p{font-size:var(--size-base);color:var(--clr-medium-gray);line-height:1.6}.use-cases{padding:var(--size-8xl) 0;background:var(--gradient-offwhite);position:relative;overflow:hidden}.use-cases:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 70%,rgba(56,0,60,.03) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(0,255,135,.02) 0%,transparent 40%);pointer-events:none}.use-cases h3{text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-6xl);color:var(--clr-purple);position:relative;z-index:2}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-3xl);position:relative;z-index:2}.use-case{padding:var(--size-3xl) var(--size-xl);background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-purple);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.use-case:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-green);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.use-case:hover:before{transform:scaleX(1)}.use-case:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-purple)}.use-case-icon{font-size:var(--size-5xl);margin-bottom:var(--size-xl)}.use-case h4{font-size:var(--size-xl);font-weight:600;margin-bottom:var(--size-base);color:var(--clr-purple)}.use-case p{font-size:var(--size-base);color:var(--clr-medium-gray);margin-bottom:var(--size-xl);line-height:1.6}.use-case-features{display:flex;flex-wrap:wrap;gap:var(--size-xs);justify-content:center}.use-case-features span{background:#00ff871a;color:var(--clr-green);padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-2xl);font-size:var(--size-xs);font-weight:500}.integrations{padding:var(--size-8xl) 0;background:var(--clr-white)}.integrations h3{text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-base);color:var(--clr-purple)}.integrations-subtitle{text-align:center;font-size:var(--size-lg);color:var(--clr-medium-gray);margin-bottom:var(--size-6xl)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--size-4xl)}.integration-category{text-align:center;padding:var(--size-3xl) var(--size-xl);background:linear-gradient(135deg,var(--clr-white) 0%,#f8f9ff 100%);border-radius:var(--radius-2xl);border:2px solid rgba(0,255,135,.1);transition:all .3s ease}.integration-category:hover{border-color:var(--clr-green);transform:translateY(-5px);box-shadow:var(--shadow-green)}.integration-category h4{font-size:var(--size-xl);font-weight:600;margin-bottom:var(--size-xl);color:var(--clr-purple)}.integration-icons{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-base)}.integration-item{padding:var(--size-base);background:var(--clr-white);border-radius:var(--radius-lg);font-size:var(--size-sm);font-weight:500;color:var(--clr-dark-gray);transition:all .3s ease;border:1px solid rgba(0,255,135,.1)}.integration-item:hover{background:#00ff870d;border-color:var(--clr-green);transform:scale(1.05)}.feature-preview{text-align:center;padding:var(--size-3xl) var(--size-xl);background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-purple);transition:all .3s ease;position:relative;border:2px solid rgba(0,255,135,.1)}.feature-preview:hover{transform:translateY(-8px);box-shadow:var(--shadow-green);border-color:var(--clr-green)}.feature-preview-icon{margin-bottom:var(--size-xl);color:var(--clr-purple)}.feature-preview-icon svg{width:48px;height:48px}.feature-preview h4{font-size:var(--size-xl);font-weight:600;margin-bottom:var(--size-base);color:var(--clr-purple)}.feature-preview p{font-size:var(--size-base);color:var(--clr-medium-gray);margin-bottom:var(--size-xl);line-height:1.6}.early-access{padding:var(--size-8xl) 0;background:var(--gradient-purple);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite;color:var(--clr-white);position:relative;overflow:hidden}.early-access:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,135,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,135,.15) 0%,transparent 50%);animation:particleFloat 10s ease-in-out infinite;pointer-events:none;z-index:1}.early-access-content{display:grid;grid-template-columns:1fr auto;gap:var(--size-6xl);align-items:center;position:relative;z-index:2}.early-access h3{font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-xl);background:var(--gradient-green);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite}.early-access p{font-size:var(--size-lg);margin-bottom:var(--size-4xl);opacity:.9}.early-access-benefits{display:flex;flex-direction:column;gap:var(--size-base)}.benefit{display:flex;align-items:center;gap:var(--size-base)}.benefit-icon{color:var(--clr-green);width:20px;height:20px;flex-shrink:0}.benefit span{font-size:var(--size-base);opacity:.9}.early-access-cta{text-align:center}.spots-remaining{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--size-2xl);padding:var(--size-xl);background:#00ff871a;border-radius:var(--radius-2xl);border:2px solid rgba(0,255,135,.2)}.spots-number{font-size:var(--size-5xl);font-weight:700;color:var(--clr-green);line-height:1}.spots-text{font-size:var(--size-base);opacity:.8;text-transform:uppercase;letter-spacing:1px}.early-access-button{background:var(--gradient-green);color:var(--clr-purple);padding:var(--size-lg) var(--size-3xl);border:none;font-size:var(--size-lg);font-weight:600;border-radius:var(--radius-3xl);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff874d}.early-access-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #00ff8766}.early-access-button a{color:var(--clr-purple);text-decoration:none;display:flex;align-items:center;gap:var(--size-base)}.platform-stats{padding:var(--size-8xl) 0;background:var(--clr-white)}.platform-stats h3{text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-6xl);color:var(--clr-purple)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-3xl)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-3xl) var(--size-xl);background:var(--clr-purple);border-radius:var(--radius-2xl);border:2px solid rgba(0,255,135,.1);transition:all .3s ease;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-green);transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.stat:hover:before{transform:scaleX(1)}.stat:hover{border-color:var(--clr-green);transform:translateY(-8px);box-shadow:var(--shadow-green)}.stat-number{font-size:var(--size-5xl);font-weight:700;color:var(--clr-green);display:block;margin-bottom:var(--size-base);line-height:1}.stat-label{font-size:var(--size-base);color:var(--clr-medium-gray);font-weight:500}.faq{padding:var(--size-8xl) 0;background:var(--gradient-offwhite);position:relative;overflow:hidden}.faq:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 70%,rgba(56,0,60,.03) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(0,255,135,.02) 0%,transparent 40%);pointer-events:none}.faq h3{text-align:center;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-6xl);color:var(--clr-purple);position:relative;z-index:2}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--size-3xl);position:relative;z-index:2}.faq-item{padding:var(--size-3xl) var(--size-xl);background:var(--clr-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-purple);transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-green);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.faq-item:hover:before{transform:scaleX(1)}.faq-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-green);border-color:#00ff8733}.faq-item h4{font-size:var(--size-lg);font-weight:600;margin-bottom:var(--size-base);color:var(--clr-purple)}.faq-item p{font-size:var(--size-base);color:var(--clr-medium-gray);line-height:1.6;margin:0}.cta{position:relative;background:linear-gradient(135deg,var(--clr-green) 0%,#00e87a 25%,var(--clr-green-hover) 50%,var(--clr-green) 75%,#00ff9d 100%);background-size:400% 400%;animation:ctaGradientShift 10s ease-in-out infinite;color:var(--clr-purple);text-align:center;padding:var(--size-8xl) var(--size-xl);overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 75%,rgba(56,0,60,.1) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.1) 0%,transparent 50%);animation:ctaParticleFloat 12s ease-in-out infinite;pointer-events:none;z-index:1}.cta h3{position:relative;font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-xl);text-shadow:var(--shadow-text-purple);z-index:2}.cta p{position:relative;font-size:var(--size-lg);margin-bottom:var(--size-4xl);opacity:.9;z-index:2}footer{position:relative;background:var(--gradient-purple-2);color:var(--clr-white);text-align:center;padding:var(--size-5xl) 0 var(--size-3xl);overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,135,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,135,.02) 1px,transparent 1px);background-size:30px 30px;opacity:.5;pointer-events:none}footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--clr-green) 20%,var(--clr-green-hover) 50%,var(--clr-green) 80%,transparent 100%);animation:footerGlow 3s ease-in-out infinite}footer div{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 var(--size-xl)}footer p{font-size:var(--size-base);opacity:.9;margin-bottom:var(--size-2xl);font-weight:500}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--size-lg);flex-wrap:wrap}.footer-links a{color:var(--clr-white);text-decoration:none;font-size:var(--size-base);font-weight:500;padding:var(--size-sm) var(--size-base);border-radius:var(--radius-md);transition:all .3s ease;position:relative;overflow:hidden}.footer-links a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ff871a,#00cc6d0d);opacity:0;transition:opacity .3s ease;border-radius:var(--radius-md)}.footer-links a:hover:before{opacity:1}.footer-links a:hover{color:var(--clr-green);transform:translateY(-2px);text-shadow:0 0 10px rgba(0,255,135,.3)}.footer-links span{color:#ffffff80;font-size:var(--size-lg);font-weight:300}@media (max-width: 1536px){.hero{height:800px}.hero h2{font-size:var(--size-4xl)}.hero p{font-size:var(--size-xl)}.features,.cta{padding:var(--size-7xl) var(--size-lg)}}@media (max-width: 1280px){.hero{height:700px}.hero h2{font-size:var(--size-3xl)}.hero p{font-size:var(--size-lg)}.features h3,.cta h3,.how-it-works h3,.use-cases h3,.integrations h3,.platform-stats h3,.faq h3{font-size:var(--size-3xl)}}@media (max-width: 1024px){.container{padding:0 var(--size-lg)}.hero{height:600px}.hero h2{font-size:var(--size-3xl);margin-bottom:var(--size-lg)}.hero p{font-size:var(--size-base);margin-bottom:var(--size-3xl)}.features,.pricing{padding:var(--size-6xl) var(--size-base)}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--size-lg)}.cta{padding:var(--size-6xl) var(--size-base)}.hero-accent{width:150px!important;height:150px!important}.problem-solution-grid{grid-template-columns:1fr;gap:var(--size-4xl)}.early-access-content{grid-template-columns:1fr;text-align:center;gap:var(--size-4xl)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-3xl)}.feature svg{height:48px;width:48px}.step-icon svg{width:40px;height:40px}.use-case-icon{font-size:var(--size-4xl)}}@media (max-width: 768px){.container{padding:0 var(--size-base)}.coffee-comparison{flex-direction:column;gap:var(--size-xs);font-size:var(--size-sm)}.value-prop{font-size:var(--size-xs);padding:var(--size-sm) var(--size-base)}.hero{height:500px}.hero h2{font-size:var(--size-2xl);margin-bottom:var(--size-base)}.hero p{font-size:var(--size-sm);margin-bottom:var(--size-2xl)}.features-grid{grid-template-columns:1fr}.features h3,.cta h3,.how-it-works h3,.use-cases h3,.integrations h3,.platform-stats h3,.faq h3,.pricing h3{font-size:var(--size-2xl)}.features p,.cta p{font-size:var(--size-sm)}.use-cases-grid,.stats-grid,.integrations-grid{grid-template-columns:1fr;gap:var(--size-xl)}.integration-icons{grid-template-columns:1fr;gap:var(--size-sm)}.feature svg{height:40px;width:40px}.step-icon svg{width:36px;height:36px}.use-case-icon{font-size:var(--size-3xl)}.feature h4,.step h4,.use-case h4,.faq-item h4{font-size:var(--size-lg)}.feature p,.step p,.use-case p,.faq-item p{font-size:var(--size-sm)}.problem-icon,.solution-icon{font-size:var(--size-lg)}.problem-item p,.solution-item p{font-size:var(--size-sm)}.footer-links a{font-size:var(--size-xs);padding:var(--size-xs) var(--size-sm)}}@media (max-width: 640px){.hero{height:450px}.hero h2{font-size:var(--size-xl)}.hero p{font-size:var(--size-xs);margin-bottom:var(--size-xl)}.problem-solution,.how-it-works,.use-cases,.integrations,.early-access,.platform-stats,.faq,.pricing{padding:var(--size-6xl) 0}.features,.cta{padding:var(--size-5xl) var(--size-sm)}.hero-accent{width:100px!important;height:100px!important}.problem-side h3,.solution-side h3{font-size:var(--size-xl);margin-bottom:var(--size-xl)}.step,.use-case,.feature-preview,.stat,.faq-item{padding:var(--size-xl) var(--size-base)}.faq-grid{grid-template-columns:1fr;gap:var(--size-xl)}.early-access h3{font-size:var(--size-2xl)}.spots-remaining{padding:var(--size-base)}.spots-number{font-size:var(--size-3xl)}.early-access-button{padding:var(--size-base) var(--size-xl);font-size:var(--size-base)}.footer-links{gap:var(--size-xs)}.footer-links a{font-size:var(--size-xxs);padding:var(--size-xs) var(--size-sm)}}@media (max-width: 475px){.coffee-comparison{font-size:var(--size-xs)}.hero{height:100vh}.hero h2{font-size:var(--size-lg);margin-bottom:var(--size-xs)}.hero p{font-size:var(--size-xxs);margin-bottom:var(--size-base)}.features,.pricing,.cta{padding:var(--size-4xl) var(--size-xs)}.hero-accent{width:80px!important;height:80px!important}.early-access-benefits{gap:var(--size-sm)}.benefit span{font-size:var(--size-sm)}.step-icon svg,.feature-preview-icon svg{width:32px;height:32px}.feature svg{height:32px;width:32px}.use-case-icon{font-size:var(--size-2xl)}.stat-number{font-size:var(--size-3xl)}.problem-icon,.solution-icon{font-size:var(--size-base)}.problem-item p,.solution-item p{font-size:var(--size-xs)}.footer-links{gap:var(--size-xxxxs)}.footer-links a{font-size:var(--size-xxxs);padding:var(--size-xxs) var(--size-xs)}footer p{font-size:var(--size-sm)}}@media (max-width: 375px){.hero h2{font-size:var(--size-base)}.hero p{font-size:var(--size-xxxs)}.features h3,.cta h3,.how-it-works h3,.use-cases h3,.integrations h3,.platform-stats h3,.faq h3,.pricing h3{font-size:var(--size-lg)}.feature h4,.step h4,.use-case h4{font-size:var(--size-base)}.feature p,.cta p,.step p,.use-case p,.faq-item p{font-size:var(--size-xxs)}.stat-number{font-size:var(--size-2xl)}}@media (max-width: 350px){.hero h2{font-size:var(--size-sm)}.hero p{font-size:var(--size-xxxxs);margin-bottom:var(--size-sm)}.hero-accent{width:60px!important;height:60px!important}}@media (max-width: 325px){.hero h2{font-size:var(--size-xs)}.hero p,.feature p,.cta p,.step p,.use-case p{font-size:var(--size-xxxxxs)}.features h3,.cta h3,.how-it-works h3,.use-cases h3,.integrations h3,.platform-stats h3,.faq h3,.pricing h3{font-size:var(--size-base)}.feature h4,.step h4,.use-case h4{font-size:var(--size-sm)}.hero-accent{width:50px!important;height:50px!important}.stat-number{font-size:var(--size-xl)}}.pricing-card-home-page{background:#fff;border-radius:20px;padding:40px;max-width:400px;width:100%;color:var(--clr-green);box-shadow:0 20px 40px #0000004d;border:2px solid rgba(255,215,0,.2);transition:all .3s ease}.pricing-card-home-page:hover{transform:translateY(-4px);box-shadow:0 25px 50px #0006;border-color:#ffd70066}.pricing-header-home-page{margin-bottom:32px;text-align:center}.pricing-crown-home-page{width:40px;height:40px;color:var(--clr-gold);margin:0 auto 16px;display:block;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.pricing-card-home-page h2{font-size:1.8rem;font-weight:700;margin-bottom:8px;margin-top:0}.pricing-amount-home-page{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:16px}.pricing-amount-home-page .currency-home-page{font-size:1.25rem;color:#ccc;font-weight:500}.pricing-amount-home-page .price-home-page{font-size:3rem;font-weight:700;color:var(--clr-gold);text-shadow:var(--shadow-text-gold)}.pricing-amount-home-page .period-home-page{font-size:1.25rem;color:#ccc;font-weight:500}.pricing-card-home-page .pricing-features-home-page{margin-bottom:32px;text-align:left}.pricing-card-home-page .pricing-feature-home-page{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;transition:all .2s ease;background:transparent;border:none}.pricing-card-home-page .pricing-feature-home-page:hover{background:var(--background-grey);border-radius:var(--radius-md);padding-left:12px;margin-left:-12px;transform:none}.feature-icon-home-page{width:20px;height:20px;color:var(--clr-green);flex-shrink:0;filter:var(--drop-shadow-green-30)}.pricing-card-home-page .pricing-feature-home-page span{font-size:var(--size-base);color:#fff;line-height:1.4}.upgrade-btn-home-page{width:100%;background:var(--clr-green);color:var(--clr-purple);border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 15px var(--border-color-gold)}.upgrade-btn-home-page:hover:not(:disabled){background:var(--clrg-green-hover);transform:translateY(-2px);box-shadow:0 0 25px #ffd70066}.upgrade-btn-home-page:active:not(:disabled){transform:translateY(0);box-shadow:0 0 15px var(--border-color-gold)}.upgrade-btn-home-page:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon-home-page{width:20px;height:20px}.pricing-card-paywall{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;max-width:400px;width:100%;color:#fff;box-shadow:0 20px 40px #0000004d;border:2px solid rgba(255,215,0,.2);transition:all .3s ease}.pricing-card-paywall:hover{transform:translateY(-4px);box-shadow:0 25px 50px #0006;border-color:#ffd70066}.pricing-header-paywall{margin-bottom:32px;text-align:center}.pricing-crown-paywall{width:40px;height:40px;color:var(--clr-gold);margin:0 auto 16px;display:block;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.pricing-card-paywall h2{font-size:1.8rem;font-weight:700;margin-bottom:8px;margin-top:0}.pricing-amount-paywall{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:16px}.pricing-amount-paywall .currency-paywall{font-size:1.25rem;color:#ccc;font-weight:500}.pricing-amount-paywall .price-paywall{font-size:3rem;font-weight:700;color:var(--clr-gold);text-shadow:var(--shadow-text-gold)}.pricing-amount-paywall .period-paywall{font-size:1.25rem;color:#ccc;font-weight:500}.pricing-card-paywall .pricing-features-paywall{margin-bottom:32px;text-align:left}.pricing-card-paywall .pricing-feature-paywall{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;transition:all .2s ease;background:transparent;border:none}.pricing-card-paywall .pricing-feature-paywall:hover{background:var(--background-grey);border-radius:var(--radius-md);padding-left:12px;margin-left:-12px;transform:none}.check-icon-paywall{width:20px;height:20px;color:#10b981;flex-shrink:0;filter:var(--drop-shadow-green-30)}.pricing-card-paywall .pricing-feature-paywall span{font-size:1rem;color:#fff;line-height:1.4}.upgrade-btn-paywall{width:100%;background:var(--clr-gold);color:#000;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 15px var(--border-color-gold)}.upgrade-btn-paywall:hover:not(:disabled){background:#ffed4a;transform:translateY(-2px);box-shadow:0 0 25px #ffd70066}.upgrade-btn-paywall:active:not(:disabled){transform:translateY(0);box-shadow:0 0 15px var(--border-color-gold)}.upgrade-btn-paywall:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon-paywall{width:20px;height:20px}.header{position:absolute;top:0;width:100%;z-index:1000;padding:var(--size-2xl) var(--size-5xl);display:flex;justify-content:space-between;align-items:center;background:transparent}.logo{font-size:var(--size-xl);font-weight:700;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;flex-shrink:0}.logo-link{text-decoration:none;color:var(--clr-white);transition:color .3s ease}.logo-link:hover,.logo-link:focus-visible{color:var(--clr-green)}.nav{display:flex;gap:var(--size-xl);margin:0;padding:0;list-style:none;flex-shrink:1;z-index:1001}.nav a{text-decoration:none;color:var(--clr-white);font-size:var(--size-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:opacity .3s ease;white-space:nowrap;padding:var(--size-xs) var(--size-sm)}.nav:hover a{opacity:.5}.nav a:hover,.nav a:focus-visible{opacity:1}.header-buttons-wrapper{display:flex;align-items:center;gap:var(--size-base);flex-shrink:0}.hamburger{display:none;background:none;border:none;padding:var(--size-sm);cursor:pointer;z-index:1002}.hamburger svg{width:24px;height:24px;color:var(--clr-green);transition:transform .3s ease,opacity .3s ease}.nav-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav-backdrop.open{opacity:1;visibility:visible}@media (max-width: 1536px){.header{padding:var(--size-lg) var(--size-2xl)}}@media (max-width: 1280px){.header{padding:var(--size-base) var(--size-xl)}.logo{font-size:var(--size-lg)}.nav{gap:var(--size-lg)}}@media (max-width: 1024px){.nav a{font-size:var(--size-xs);padding:.2em}.header-buttons-wrapper,.nav{gap:var(--size-sm)}}@media (max-width: 768px){.header{padding:var(--size-sm) var(--size-base)}.nav{display:none;position:fixed;top:0;right:0;width:70%;max-width:300px;height:100vh;background:var(--clr-dark, #0d1b1e);padding:var(--size-3xl) var(--size-base);flex-direction:column;align-items:flex-start;transform:translate(100%);transition:transform .3s ease;box-shadow:-4px 0 8px #0000004d}.nav.open{display:flex;transform:translate(0)}.nav a{font-size:var(--size-base);padding:var(--size-base) 0;width:100%}.hamburger{display:block}}@media (max-width: 640px){.logo{font-size:var(--size-base)}.hamburger svg{width:22px;height:22px}}@media (max-width: 557px){.header{padding:var(--size-xs) var(--size-sm)}.nav a{font-size:var(--size-sm)}}@media (max-width: 475px){.logo{font-size:var(--size-sm)}.nav{width:80%}.header-buttons-wrapper{gap:var(--size-xs)}}@media (max-width: 375px){.nav{padding:var(--size-xl) var(--size-sm)}}@media (max-width: 350px){.logo,.nav a{font-size:var(--size-xs)}}@media (max-width: 325px){.header{padding:var(--size-xxs) var(--size-xs)}.hamburger svg{width:20px;height:20px}}.legal-page{min-height:100vh;background:linear-gradient(135deg,var(--clr-white) 0%,#f8f9ff 50%,var(--clr-white) 100%);position:relative;overflow-x:hidden}.legal-bg-accent{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(56,0,60,.05) 0%,transparent 70%);animation:float 8s ease-in-out infinite;pointer-events:none;z-index:1}.legal-bg-accent:nth-child(1){width:400px;height:400px;top:10%;right:-200px;animation-delay:0s}.legal-bg-accent:nth-child(2){width:300px;height:300px;bottom:20%;left:-150px;animation-delay:4s}.legal-back-to-home{position:fixed;top:var(--size-2xl);left:var(--size-2xl);display:flex;align-items:center;gap:var(--size-sm);color:var(--clr-purple);text-decoration:none;font-size:var(--size-base);font-weight:500;transition:all .3s ease;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--size-sm) var(--size-base);border-radius:12px;border:1px solid rgba(56,0,60,.1)}.legal-back-to-home:hover{transform:translate(-5px);color:var(--clr-green);border-color:#00ff874d;box-shadow:0 4px 20px #00ff871a}.legal-container{max-width:1200px;margin:0 auto;padding:var(--size-6xl) var(--size-2xl);position:relative;z-index:10}.legal-header{text-align:center;margin-bottom:var(--size-6xl);position:relative}.legal-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--clr-purple) 0%,#4a0049 100%);border-radius:20px;margin-bottom:var(--size-2xl);box-shadow:0 8px 30px #38003c33}.legal-icon svg{width:40px;height:40px;color:var(--clr-white)}.legal-header h1{font-size:var(--size-5xl);font-weight:700;color:var(--clr-purple);margin-bottom:var(--size-base)}.legal-subtitle{font-size:var(--size-base);color:var(--clr-medium-gray);margin-bottom:var(--size-3xl)}.legal-summary{max-width:600px;margin:0 auto;padding:var(--size-2xl);background:linear-gradient(135deg,#00ff870d,#00cc6d05);border-radius:16px;border:1px solid rgba(0,255,135,.1)}.legal-summary p{font-size:var(--size-lg);color:var(--clr-dark-gray);margin:0;line-height:1.6}.legal-content{display:grid;grid-template-columns:280px 1fr;gap:var(--size-6xl);align-items:start}.legal-nav{position:sticky;top:var(--size-6xl);background:var(--clr-white);border-radius:16px;padding:var(--size-2xl);box-shadow:0 4px 20px #38003c14;border:1px solid rgba(56,0,60,.05)}.legal-nav h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-lg);text-align:center}.legal-nav ul{list-style:none;padding:0;margin:0}.legal-nav li{margin-bottom:var(--size-sm)}.legal-nav a{display:block;padding:var(--size-sm) var(--size-base);color:var(--clr-medium-gray);text-decoration:none;font-size:var(--size-sm);border-radius:8px;transition:all .3s ease;line-height:1.4}.legal-nav a:hover{background:#00ff871a;color:var(--clr-green);transform:translate(5px)}.legal-sections{background:var(--clr-white);border-radius:16px;padding:var(--size-4xl);box-shadow:0 4px 20px #38003c14;border:1px solid rgba(56,0,60,.05)}.legal-section{margin-bottom:var(--size-5xl);scroll-margin-top:var(--size-4xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:var(--size-2xl);font-weight:700;color:var(--clr-purple);margin-bottom:var(--size-xl);position:relative;padding-bottom:var(--size-base)}.legal-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);border-radius:2px}.legal-section h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-base);margin-top:var(--size-2xl)}.legal-section h4{font-size:var(--size-base);font-weight:600;color:var(--clr-dark-gray);margin-bottom:var(--size-sm);margin-top:var(--size-lg)}.legal-section p{font-size:var(--size-base);color:var(--clr-dark-gray);line-height:1.7;margin-bottom:var(--size-lg)}.legal-section ul{margin-bottom:var(--size-lg);padding-left:var(--size-xl)}.legal-section li{font-size:var(--size-base);color:var(--clr-dark-gray);line-height:1.6;margin-bottom:var(--size-sm)}.highlight-box{background:linear-gradient(135deg,#00ff8714,#00cc6d0a);border:1px solid rgba(0,255,135,.2);border-radius:12px;padding:var(--size-xl);margin:var(--size-xl) 0;display:flex;align-items:flex-start;gap:var(--size-base)}.highlight-box.warning{background:linear-gradient(135deg,#ffc10714,#ffc1070a);border-color:#ffc1074d}.highlight-icon{width:20px;height:20px;color:var(--clr-green);flex-shrink:0;margin-top:2px}.highlight-box.warning .highlight-icon{color:#ff9800}.highlight-box p{margin:0;font-size:var(--size-base)}.privacy-principles{margin:var(--size-2xl) 0}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--size-xl);margin-top:var(--size-xl)}.principle-item{text-align:center;padding:var(--size-xl);background:linear-gradient(135deg,var(--clr-white) 0%,#f8f9ff 100%);border-radius:12px;border:1px solid rgba(56,0,60,.1);transition:all .3s ease}.principle-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #38003c1a;border-color:#00ff874d}.principle-icon{width:32px;height:32px;color:var(--clr-purple);margin:0 auto var(--size-base)}.principle-item h4{font-size:var(--size-base);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-sm)}.principle-item p{font-size:var(--size-sm);color:var(--clr-medium-gray);margin:0;line-height:1.5}.use-case-legals-legal{margin:var(--size-xl) 0}.use-case-legal{display:flex;align-items:flex-start;gap:var(--size-lg);margin-bottom:var(--size-2xl);padding:var(--size-xl);background:linear-gradient(135deg,#f8f9ff 0%,var(--clr-white) 100%);border-radius:12px;border:1px solid rgba(56,0,60,.05)}.use-icon{width:32px;height:32px;color:var(--clr-green);flex-shrink:0;margin-top:var(--size-xs)}.use-case-legal h4{margin-top:0;margin-bottom:var(--size-base)}.use-case-legal ul{margin-bottom:0;padding-left:var(--size-lg)}.security-measures ul{background:linear-gradient(135deg,#38003c08,#38003c03);border-radius:8px;padding:var(--size-xl);margin:var(--size-lg) 0}.rights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-lg);margin:var(--size-xl) 0}.right-item{padding:var(--size-lg);background:linear-gradient(135deg,#f8f9ff 0%,var(--clr-white) 100%);border-radius:10px;border:1px solid rgba(56,0,60,.1);transition:all .3s ease}.right-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #38003c14;border-color:#00ff8733}.right-item h4{color:var(--clr-green);margin-top:0;margin-bottom:var(--size-sm)}.right-item p{margin:0;font-size:var(--size-sm);line-height:1.5}.contact-info{background:linear-gradient(135deg,#00ff870d,#00cc6d05);border-radius:10px;padding:var(--size-xl);margin:var(--size-lg) 0;border:1px solid rgba(0,255,135,.1)}.contact-info p{margin-bottom:var(--size-sm);font-family:Courier New,monospace;font-size:var(--size-sm)}.contact-info p:last-child{margin-bottom:0}.legal-link{color:var(--clr-green);text-decoration:none;font-weight:500;transition:color .3s ease}.legal-link:hover{color:var(--clr-green-hover);text-decoration:underline}@media (max-width: 1024px){.legal-content{grid-template-columns:1fr;gap:var(--size-4xl)}.legal-nav{position:static;order:2}.legal-sections{order:1}.principles-grid,.rights-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.legal-container{padding:var(--size-4xl) var(--size-lg)}.legal-back-to-home{top:var(--size-lg);left:var(--size-lg);font-size:var(--size-sm)}.legal-header h1{font-size:var(--size-3xl)}.legal-icon{width:60px;height:60px}.legal-icon svg{width:30px;height:30px}.legal-sections{padding:var(--size-2xl)}.legal-section h2{font-size:var(--size-xl)}.use-case-legal{flex-direction:column;gap:var(--size-base)}.principles-grid,.rights-list{grid-template-columns:1fr}}@media (max-width: 640px){.legal-container{padding:var(--size-3xl) var(--size-base)}.legal-header{margin-bottom:var(--size-4xl)}.legal-header h1{font-size:var(--size-2xl)}.legal-summary{padding:var(--size-lg)}.legal-summary p{font-size:var(--size-base)}.legal-sections{padding:var(--size-lg)}.legal-section{margin-bottom:var(--size-3xl)}.legal-section h2{font-size:var(--size-lg)}.legal-section h3{font-size:var(--size-base)}.legal-section p,.legal-section li{font-size:var(--size-sm)}.highlight-box{padding:var(--size-base);flex-direction:column;gap:var(--size-sm)}.legal-nav{padding:var(--size-lg)}.legal-nav h3{font-size:var(--size-base)}.legal-nav a{font-size:var(--size-xs);padding:var(--size-xs) var(--size-sm)}}@media (max-width: 475px){.legal-back-to-home span{display:none}.legal-container{padding:var(--size-2xl) var(--size-sm)}.legal-header h1{font-size:var(--size-xl)}.legal-icon{width:50px;height:50px;margin-bottom:var(--size-lg)}.legal-icon svg{width:24px;height:24px}.legal-summary{padding:var(--size-sm)}.legal-summary p{font-size:var(--size-sm)}.legal-sections{padding:var(--size-base)}.legal-section h2{font-size:var(--size-base)}.legal-section h3{font-size:var(--size-sm)}.legal-section p,.legal-section li{font-size:var(--size-xs)}.principle-item,.right-item,.use-case-legal,.contact-info{padding:var(--size-sm)}.contact-info p{font-size:var(--size-xs)}}@media (max-width: 375px){.legal-container{padding:var(--size-xl) var(--size-xs)}.legal-header h1{font-size:var(--size-lg)}.legal-sections{padding:var(--size-sm)}.legal-section h2{font-size:var(--size-sm)}.legal-section p,.legal-section li{font-size:var(--size-xxs)}.legal-summary p{font-size:var(--size-xs)}}.contact-page{min-height:100vh;background:linear-gradient(135deg,var(--clr-white) 0%,#f8f9ff 50%,var(--clr-white) 100%);position:relative;overflow-x:hidden}.contact-bg-accent{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(56,0,60,.05) 0%,transparent 70%);animation:float 8s ease-in-out infinite;pointer-events:none;z-index:1}.contact-bg-accent:nth-child(1){width:400px;height:400px;top:20%;right:-200px;animation-delay:0s}.contact-bg-accent:nth-child(2){width:300px;height:300px;bottom:30%;left:-150px;animation-delay:4s}.contact-back-to-home{position:fixed;top:var(--size-2xl);left:var(--size-2xl);display:flex;align-items:center;gap:var(--size-sm);color:var(--clr-purple);text-decoration:none;font-size:var(--size-base);font-weight:500;transition:all .3s ease;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--size-sm) var(--size-base);border-radius:12px;border:1px solid rgba(56,0,60,.1)}.contact-back-to-home:hover{transform:translate(-5px);color:var(--clr-green);border-color:#00ff874d;box-shadow:0 4px 20px #00ff871a}.back-icon{width:18px;height:18px}.contact-container{max-width:1200px;margin:0 auto;padding:var(--size-6xl) var(--size-2xl);position:relative;z-index:10}.contact-header{text-align:center;margin-bottom:var(--size-8xl)}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--clr-purple) 0%,#4a0049 100%);border-radius:20px;margin-bottom:var(--size-2xl);box-shadow:0 8px 30px #38003c33}.contact-icon svg{width:40px;height:40px;color:var(--clr-white)}.contact-header h1{font-size:var(--size-5xl);font-weight:700;color:var(--clr-purple);margin-bottom:var(--size-base)}.contact-subtitle{font-size:var(--size-lg);color:var(--clr-medium-gray);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:flex;flex-direction:column;gap:var(--size-8xl)}.contact-content h2{font-size:var(--size-3xl);font-weight:700;color:var(--clr-purple);text-align:center;margin-bottom:var(--size-4xl);position:relative}.contact-content h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);border-radius:2px}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--size-3xl)}.contact-method{display:block;text-decoration:none;padding:var(--size-4xl) var(--size-2xl);background:var(--clr-white);border-radius:20px;border:2px solid rgba(56,0,60,.08);box-shadow:0 4px 20px #38003c14;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.contact-method:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.contact-method:hover:before{transform:scaleX(1)}.contact-method:hover{transform:translateY(-8px);border-color:#00ff8733;box-shadow:0 12px 40px #38003c26}.method-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#00ff871a,#00cc6d0d);border-radius:16px;margin-bottom:var(--size-xl);transition:all .3s ease}.method-icon svg{width:28px;height:28px;color:var(--clr-green)}.contact-method:hover .method-icon{background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);transform:scale(1.1)}.contact-method:hover .method-icon svg{color:var(--clr-white)}.contact-method h3{font-size:var(--size-xl);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-base)}.contact-method p{font-size:var(--size-base);color:var(--clr-medium-gray);margin-bottom:var(--size-lg);line-height:1.5}.method-contact{font-size:var(--size-base);color:var(--clr-green);font-weight:600;font-family:Courier New,monospace}.form-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--size-6xl);align-items:start}.contact-form{background:var(--clr-white);padding:var(--size-4xl);border-radius:20px;border:1px solid rgba(56,0,60,.08);box-shadow:0 4px 20px #38003c14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-xl)}.form-group{margin-bottom:var(--size-xl)}.form-group label{display:block;font-size:var(--size-base);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--size-base) var(--size-lg);border:2px solid rgba(56,0,60,.1);border-radius:12px;font-size:var(--size-base);font-family:inherit;background:var(--clr-white);transition:all .3s ease;resize:vertical;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--clr-green);box-shadow:0 0 0 3px #00ff871a}.form-group textarea{min-height:120px}.form-status{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-base) var(--size-lg);border-radius:10px;margin-bottom:var(--size-xl);font-size:var(--size-base);font-weight:500}.form-status.success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.form-status.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.submit-button{width:100%;background:linear-gradient(135deg,var(--clr-purple) 0%,#4a0049 100%);color:var(--clr-white);border:none;padding:var(--size-lg) var(--size-2xl);border-radius:12px;font-size:var(--size-base);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38003c4d}.button-content{display:flex;align-items:center;justify-content:center;gap:var(--size-base)}.button-icon{width:18px;height:18px}.form-info{background:linear-gradient(135deg,#00ff870d,#00cc6d05);padding:var(--size-3xl);border-radius:16px;border:1px solid rgba(0,255,135,.1)}.form-info h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-xl)}.info-items{display:flex;flex-direction:column;gap:var(--size-base)}.info-item{display:flex;align-items:center;gap:var(--size-base)}.info-icon{width:16px;height:16px;color:var(--clr-green);flex-shrink:0}.info-item span{font-size:var(--size-sm);color:var(--clr-dark-gray);line-height:1.4}.faq-subtitle{text-align:center;font-size:var(--size-base);color:var(--clr-medium-gray);margin-bottom:var(--size-4xl)}.info-card{background:linear-gradient(135deg,#ffc10714,#ffc1070a);border:1px solid rgba(255,193,7,.2);border-radius:16px;padding:var(--size-3xl);text-align:center}.card-icon{width:40px;height:40px;color:#f59e0b;margin:0 auto var(--size-lg)}.info-card h3{font-size:var(--size-xl);font-weight:600;color:var(--clr-purple);margin-bottom:var(--size-base)}.info-card p{font-size:var(--size-base);color:var(--clr-dark-gray);line-height:1.6;margin:0}.form-header{margin-bottom:var(--size-2xl)}.form-progress-container{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:var(--size-base);background:#00ff870d;border-radius:10px;border:1px solid rgba(0,255,135,.1)}.progress-text{font-size:var(--size-sm);font-weight:600;color:var(--clr-purple);white-space:nowrap}.form-progress{flex:1;height:6px;background:#00ff871a;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--clr-green),var(--clr-green-hover));transition:width .3s ease;border-radius:3px}.progress-percentage{font-size:var(--size-sm);font-weight:600;color:var(--clr-green);min-width:35px;text-align:right}.character-counter{font-size:.8rem;color:#666;margin-top:4px;text-align:right}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clr-medium-gray);width:16px;height:16px;z-index:2}.input-with-icon input{padding-left:40px}.method-contact-section{margin-top:var(--size-lg)}.contact-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.contact-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:.9rem;transition:all .2s;border:none;cursor:pointer;font-weight:500}.contact-action-btn.primary{background:var(--clr-green);color:#fff}.contact-action-btn.primary:hover{background:var(--clr-green-hover);transform:translateY(-1px)}.contact-action-btn.secondary{background:#f8f9fa;color:#666;border:1px solid #ddd}.contact-action-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-icon{width:14px;height:14px}.form-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.clear-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;color:#666;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:var(--size-base);font-weight:500;transition:all .2s}.clear-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.clear-button:disabled{opacity:.6;cursor:not-allowed}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--clr-white);border:1px solid rgba(56,0,60,.08);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#00ff8733;box-shadow:0 4px 15px #38003c1a}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.faq-question:hover{background:#00ff8708}.faq-question h4{margin:0;font-size:var(--size-base);font-weight:600;color:var(--clr-purple);flex:1;padding-right:var(--size-base)}.faq-question svg{width:20px;height:20px;color:var(--clr-green);transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded .faq-answer{max-height:300px}.faq-item.expanded .faq-question svg{transform:rotate(180deg)}.faq-answer p{margin:0;padding:0 20px 20px;font-size:var(--size-sm);color:var(--clr-medium-gray);line-height:1.6}.additional-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--size-2xl)}.info-card.urgent{background:linear-gradient(135deg,#ffc10714,#ffc1070a);border:1px solid rgba(255,193,7,.2)}.info-card.community{background:linear-gradient(135deg,#00ff8714,#00ff870a);border:1px solid rgba(0,255,135,.2)}.info-card.community .card-icon{color:var(--clr-green)}.unsaved-changes-notice{display:flex;align-items:center;gap:8px;color:#ff8c00;font-size:.9rem;margin-bottom:12px;padding:var(--size-sm) var(--size-base);background:#ff8c001a;border-radius:6px;border:1px solid rgba(255,140,0,.2)}kbd{background:#f0f0f0;border:1px solid #ccc;border-radius:3px;padding:2px 6px;font-size:.8rem;font-family:monospace;color:#333}@media (max-width: 1024px){.form-container{grid-template-columns:1fr;gap:var(--size-4xl)}.form-row{grid-template-columns:1fr;gap:0}.methods-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-2xl)}}@media (max-width: 768px){.contact-container{padding:var(--size-4xl) var(--size-lg)}.contact-back-to-home{top:var(--size-lg);left:var(--size-lg);font-size:var(--size-sm)}.contact-header{margin-bottom:var(--size-6xl)}.contact-header h1{font-size:var(--size-3xl)}.contact-icon{width:60px;height:60px}.contact-icon svg{width:30px;height:30px}.contact-content{gap:var(--size-6xl)}.contact-content h2{font-size:var(--size-2xl)}.contact-form{padding:var(--size-2xl)}.methods-grid,.faq-grid{grid-template-columns:1fr;gap:var(--size-xl)}.contact-method{padding:var(--size-2xl) var(--size-lg)}.form-progress-container{flex-direction:column;gap:8px;text-align:center}.contact-actions{flex-direction:column}.form-actions{flex-direction:column-reverse;gap:8px}.clear-button,.submit-button{width:100%;justify-content:center}.additional-info{grid-template-columns:1fr;gap:var(--size-xl)}}@media (max-width: 640px){.contact-container{padding:var(--size-3xl) var(--size-base)}.contact-header h1{font-size:var(--size-2xl)}.contact-subtitle{font-size:var(--size-base)}.contact-content h2{font-size:var(--size-xl)}.contact-form{padding:var(--size-lg)}.form-group input,.form-group select,.form-group textarea{padding:var(--size-sm) var(--size-base);font-size:var(--size-sm)}.submit-button{padding:var(--size-base) var(--size-lg);font-size:var(--size-sm)}.contact-method{padding:var(--size-lg) var(--size-base)}.method-icon{width:50px;height:50px}.method-icon svg{width:24px;height:24px}.form-info{padding:var(--size-lg)}.faq-question{padding:12px 16px}.faq-question h4{font-size:var(--size-sm)}.faq-answer p{padding:0 16px 16px;font-size:var(--size-xs)}.contact-action-btn{font-size:.8rem;padding:6px 10px}}@media (max-width: 475px){.contact-back-to-home span{display:none}.contact-container{padding:var(--size-2xl) var(--size-sm)}.contact-header h1{font-size:var(--size-xl)}.contact-icon{width:50px;height:50px;margin-bottom:var(--size-lg)}.contact-icon svg{width:24px;height:24px}.contact-content h2{font-size:var(--size-lg)}.contact-form{padding:var(--size-base)}.form-group label{font-size:var(--size-sm)}.form-group input,.form-group select,.form-group textarea{padding:var(--size-xs) var(--size-sm);font-size:var(--size-xs)}.submit-button{padding:var(--size-sm) var(--size-base);font-size:var(--size-xs)}.contact-method h3{font-size:var(--size-lg)}.contact-method p,.method-contact,.faq-item h4{font-size:var(--size-sm)}.faq-item p{font-size:var(--size-xs)}.info-card{padding:var(--size-lg)}.card-icon{width:32px;height:32px}.info-card h3{font-size:var(--size-lg)}.info-card p{font-size:var(--size-sm)}.form-progress-container{padding:var(--size-sm)}.progress-text,.progress-percentage{font-size:var(--size-xs)}.character-counter{font-size:.7rem}.contact-actions{gap:6px}.contact-action-btn{font-size:.75rem;padding:5px 8px}.btn-icon{width:12px;height:12px}}@media (max-width: 375px){.contact-container{padding:var(--size-xl) var(--size-xs)}.contact-header h1{font-size:var(--size-lg)}.contact-subtitle{font-size:var(--size-sm)}.contact-content h2{font-size:var(--size-base)}.contact-form{padding:var(--size-sm)}.form-group input,.form-group select,.form-group textarea,.submit-button{font-size:var(--size-xxs)}.contact-method{padding:var(--size-base) var(--size-sm)}.method-icon{width:40px;height:40px}.method-icon svg{width:20px;height:20px}.contact-method h3{font-size:var(--size-base)}.contact-method p,.method-contact{font-size:var(--size-xs)}.form-info h3{font-size:var(--size-base)}.info-item span{font-size:var(--size-xs)}}@media (max-width: 350px){.contact-container{padding:var(--size-lg) var(--size-xxs)}.contact-header h1{font-size:var(--size-base)}.contact-subtitle{font-size:var(--size-xs)}.contact-content h2{font-size:var(--size-sm)}.contact-form{padding:var(--size-xs)}.form-group input,.form-group select,.form-group textarea{padding:var(--size-xxs) var(--size-xs);font-size:var(--size-xxxs)}.submit-button{padding:var(--size-xs) var(--size-sm);font-size:var(--size-xxxs)}.contact-method{padding:var(--size-sm) var(--size-xs)}.method-icon{width:36px;height:36px}.method-icon svg{width:18px;height:18px}.contact-method h3{font-size:var(--size-sm)}.contact-method p,.method-contact{font-size:var(--size-xxs)}.faq-item{padding:var(--size-sm)}.faq-item h4{font-size:var(--size-xs)}.faq-item p{font-size:var(--size-xxs)}.info-card{padding:var(--size-base)}.card-icon{width:28px;height:28px}.info-card h3{font-size:var(--size-base)}.info-card p{font-size:var(--size-xs)}.form-info{padding:var(--size-base)}.form-info h3{font-size:var(--size-sm)}.info-item span{font-size:var(--size-xxs)}}@media (max-width: 325px){.contact-container{padding:var(--size-base) var(--size-xxxs)}.contact-header h1{font-size:var(--size-sm)}.contact-subtitle{font-size:var(--size-xxs)}.contact-content h2{font-size:var(--size-xs)}.contact-icon{width:40px;height:40px}.contact-icon svg{width:20px;height:20px}.form-group input,.form-group select,.form-group textarea,.submit-button{font-size:var(--size-xxxxs)}.method-icon{width:32px;height:32px}.method-icon svg{width:16px;height:16px}.contact-method h3{font-size:var(--size-xs)}.contact-method p,.method-contact{font-size:var(--size-xxxs)}.faq-item h4{font-size:var(--size-xxs)}.faq-item p{font-size:var(--size-xxxs)}.info-card h3{font-size:var(--size-sm)}.info-card p{font-size:var(--size-xxs)}.info-item span{font-size:var(--size-xxxs)}}.login-page{min-height:100vh;position:relative;background:var(--default-background);background-size:var(--default-background-size);animation:var(--default-background-animation);display:flex;align-items:center;justify-content:center;padding:var(--size-xl);overflow:hidden}.login-bg-accent{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,255,135,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;pointer-events:none}.login-bg-accent:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.login-bg-accent:nth-child(2){width:200px;height:200px;top:60%;right:10%;animation-delay:2s}.login-bg-accent:nth-child(3){width:150px;height:150px;bottom:20%;left:15%;animation-delay:4s}.back-to-home{position:absolute;top:var(--size-2xl);left:var(--size-2xl);display:flex;align-items:center;gap:var(--size-sm);color:var(--clr-white);text-decoration:none;font-size:var(--size-base);font-weight:500;transition:all .3s ease;z-index:10;opacity:.8}.back-to-home:hover{opacity:1;transform:translate(-5px);color:var(--clr-green)}.back-icon{width:20px;height:20px}.login-container{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;background:var(--background-grey);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-3xl);border:var(--border-green);box-shadow:var(--shadow-2xl);overflow:hidden;position:relative;z-index:5}.login-content{padding:var(--size-6xl) var(--size-4xl);display:flex;flex-direction:column;justify-content:center}.login-header{text-align:center;margin-bottom:var(--size-5xl)}.login-logo{position:relative;margin-bottom:var(--size-3xl)}.login-logo h1{font-size:var(--size-4xl);font-weight:700;color:var(--clr-white);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--size-sm);background:var(--gradient-green);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite}.logo-accent{width:60px;height:3px;background:var(--gradient-green);margin:0 auto;border-radius:var(--radius-xs)}.login-header h2{font-size:var(--size-2xl);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-base)}.login-header p{font-size:var(--size-base);color:#fffc;line-height:1.6}.login-methods{display:flex;flex-direction:column;gap:var(--size-lg);margin-bottom:var(--size-5xl)}.login-btn{position:relative;padding:var(--size-lg) var(--size-2xl);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:var(--size-base);font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;background:var(--background-grey);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.btn-content{display:flex;align-items:center;justify-content:center;gap:var(--size-base);position:relative;z-index:2}.btn-icon{width:20px;height:20px}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-btn-shine);transition:left .6s;z-index:1}.login-btn:hover .btn-shine{left:100%}.google-btn{color:var(--clr-white);border-color:var(--border-color-blue)}.google-btn:hover{border-color:var(--border-color-dark-blue);background:#4285f41a;transform:translateY(-2px);box-shadow:var(--shadow-blue)}.twitter-btn{color:var(--clr-white);border-color:#1da1f24d}.twitter-btn:hover{border-color:var(--border-color-dark-blue);background:#1da1f21a;transform:translateY(-2px);box-shadow:var(--shadow-blue)}.login-btn.loading{pointer-events:none}.login-btn.coming-soon{opacity:.6;cursor:not-allowed}.login-btn.coming-soon .btn-icon{color:#6b7280!important}.login-benefits{text-align:center;margin-bottom:var(--size-4xl)}.login-benefits h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-2xl)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--size-lg)}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:var(--size-sm);padding:var(--size-lg);background:var(--background-grey);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.benefit-item:hover{background:#00ff871a;border-color:#00ff874d;transform:translateY(-3px)}.benefit-icon{width:24px;height:24px;color:var(--clr-green)}.benefit-item span{font-size:var(--size-sm);color:#ffffffe6;font-weight:500}.login-footer{text-align:center}.login-footer p{font-size:var(--size-sm);color:#ffffffb3;line-height:1.5}.footer-link{color:var(--clr-green);text-decoration:none;font-weight:500;transition:color .3s ease}.footer-link:hover{color:var(--clr-green-hover);text-decoration:underline}.login-side-panel{background:linear-gradient(135deg,#00ff871a,#00cc6d0d);padding:var(--size-6xl) var(--size-4xl);display:flex;flex-direction:column;justify-content:center;position:relative}.login-side-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 70% 30%,rgba(0,255,135,.05) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.panel-content{position:relative;z-index:2}.panel-content h3{font-size:var(--size-2xl);font-weight:700;color:var(--clr-white);margin-bottom:var(--size-4xl);line-height:1.3}.panel-features{margin-bottom:var(--size-4xl)}.panel-feature{display:flex;align-items:center;gap:var(--size-base);margin-bottom:var(--size-lg);color:#ffffffe6;font-size:var(--size-base)}.feature-bullet{width:8px;height:8px;background:var(--clr-green);border-radius:50%;flex-shrink:0}.panel-cta{padding:var(--size-2xl);background:#00ff871a;border-radius:var(--radius-lg);border:var(--border-green-20);text-align:center}.panel-cta p{color:var(--clr-white);font-size:var(--size-base);margin:0}.panel-cta strong{color:var(--clr-green);font-weight:700}.login-container{margin-top:2.2em}@media (max-width: 1024px){.login-container{grid-template-columns:1fr;max-width:500px}.login-side-panel{display:none}.login-content{padding:var(--size-5xl) var(--size-3xl)}}@media (max-width: 768px){.login-page{padding:var(--size-base)}.back-to-home{top:var(--size-lg);left:var(--size-lg);font-size:var(--size-sm)}.login-content{padding:var(--size-4xl) var(--size-2xl)}.login-logo h1{font-size:var(--size-3xl)}.login-header h2{font-size:var(--size-xl)}.benefits-grid{grid-template-columns:1fr;gap:var(--size-base)}.benefit-item{flex-direction:row;justify-content:flex-start;padding:var(--size-base) var(--size-lg)}.login-container{margin-top:1em}.back-to-home span{display:none}}@media (max-width: 640px){.login-content{padding:var(--size-3xl) var(--size-lg)}.login-header{margin-bottom:var(--size-3xl)}.login-logo h1{font-size:var(--size-2xl)}.login-header h2{font-size:var(--size-lg)}.login-header p{font-size:var(--size-sm)}.login-methods{gap:var(--size-base);margin-bottom:var(--size-3xl)}.login-btn{padding:var(--size-base) var(--size-lg);font-size:var(--size-sm)}.login-benefits{margin-bottom:var(--size-3xl)}.login-benefits h3{font-size:var(--size-base);margin-bottom:var(--size-lg)}.benefit-item span{font-size:var(--size-xs)}}@media (max-width: 557px){.login-page{padding:var(--size-sm)}.login-container{border-radius:var(--radius-xl)}.login-content{padding:var(--size-2xl) var(--size-lg)}.login-header{margin-bottom:var(--size-2xl)}.login-logo h1{font-size:var(--size-xl);margin-bottom:var(--size-xs)}.logo-accent{width:40px;height:2px}.login-header h2{font-size:var(--size-base);margin-bottom:var(--size-xs)}.login-header p{font-size:var(--size-xs)}.login-methods{gap:var(--size-sm);margin-bottom:var(--size-2xl)}.login-btn{padding:var(--size-sm) var(--size-base);font-size:var(--size-xs);border-radius:var(--radius-md)}.btn-content{gap:var(--size-sm)}.btn-icon,.loading-spinner{width:16px;height:16px}.login-benefits h3{font-size:var(--size-sm);margin-bottom:var(--size-base)}.benefit-item{padding:var(--size-sm) var(--size-base);border-radius:var(--radius-md)}.benefit-icon{width:18px;height:18px}.benefit-item span{font-size:var(--size-xxs)}.login-footer p{font-size:var(--size-xs)}}@media (max-width: 475px){.login-page{padding:var(--size-xs);align-items:flex-start;padding-top:var(--size-5xl)}.back-to-home{top:var(--size-base);left:var(--size-base)}.back-icon{width:18px;height:18px}.login-container{border-radius:var(--radius-lg);max-width:100%}.login-content{padding:var(--size-xl) var(--size-base)}.login-header{margin-bottom:var(--size-xl)}.login-logo{margin-bottom:var(--size-lg)}.login-logo h1{font-size:var(--size-lg);letter-spacing:1px}.logo-accent{width:30px;height:2px}.login-header h2{font-size:var(--size-sm);margin-bottom:var(--size-xxs)}.login-header p{font-size:var(--size-xxs);line-height:1.4}.login-methods{gap:var(--size-xs);margin-bottom:var(--size-xl)}.login-btn{padding:var(--size-xs) var(--size-sm);font-size:var(--size-xxs);border-radius:var(--radius-sm)}.btn-content{gap:var(--size-xs)}.btn-icon{width:14px;height:14px}.loading-spinner{width:14px;height:14px;border-width:1px}.login-benefits{margin-bottom:var(--size-xl)}.login-benefits h3{font-size:var(--size-xs);margin-bottom:var(--size-sm)}.benefits-grid{gap:var(--size-xs)}.benefit-item{padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-sm)}.benefit-icon{width:14px;height:14px}.benefit-item span{font-size:var(--size-xxxs)}.login-footer p{font-size:var(--size-xxs);line-height:1.4}.login-bg-accent{width:120px!important;height:120px!important}}@media (max-width: 375px){.login-page{padding:var(--size-xxs);padding-top:var(--size-4xl)}.login-content{padding:var(--size-lg) var(--size-sm)}.login-logo h1{font-size:var(--size-base)}.login-header h2{font-size:var(--size-xs)}.login-header p{font-size:var(--size-xxxs)}.login-btn{padding:var(--size-xxs) var(--size-xs);font-size:var(--size-xxxs)}.login-benefits h3{font-size:var(--size-xxs)}.benefit-item span{font-size:var(--size-xxxxs)}.login-footer p{font-size:var(--size-xxxs)}.login-bg-accent{width:100px!important;height:100px!important}}@media (max-width: 350px){.login-page{padding:var(--size-xxxs);padding-top:var(--size-3xl)}.login-container{border-radius:var(--radius-md)}.login-content{padding:var(--size-base) var(--size-xs)}.login-header{margin-bottom:var(--size-base)}.login-logo{margin-bottom:var(--size-sm)}.login-logo h1{font-size:var(--size-sm);letter-spacing:.5px}.logo-accent{width:25px;height:1px}.login-header h2{font-size:var(--size-xxs)}.login-header p{font-size:var(--size-xxxxs);line-height:1.3}.login-methods{gap:var(--size-xxs);margin-bottom:var(--size-base)}.login-btn{padding:var(--size-xxxs) var(--size-xxs);font-size:var(--size-xxxxs)}.btn-icon,.loading-spinner{width:12px;height:12px}.login-benefits{margin-bottom:var(--size-base)}.login-benefits h3{font-size:var(--size-xxxs);margin-bottom:var(--size-xs)}.benefit-item{padding:var(--size-xxs) var(--size-xs)}.benefit-icon{width:12px;height:12px}.benefit-item span{font-size:var(--size-xxxxxs)}.login-footer p{font-size:var(--size-xxxxs)}.login-bg-accent{width:80px!important;height:80px!important}}@media (max-width: 325px){.login-page{padding:var(--size-xxxxs);padding-top:var(--size-2xl)}.login-content{padding:var(--size-sm) var(--size-xxs)}.login-logo h1{font-size:var(--size-xs)}.login-header h2{font-size:var(--size-xxxs)}.login-header p,.login-footer p,.login-btn{font-size:var(--size-xxxxxs)}.login-benefits h3{font-size:var(--size-xxxxs)}.benefit-item span{font-size:var(--size-xxxxxs)}.login-bg-accent{width:60px!important;height:60px!important}}.dashboard-page{min-height:100vh;background:var(--default-background);background-size:300% 300%;position:relative;overflow-x:hidden}.user-number-badge{background:#ffffff1a;padding:4px 12px;border-radius:8px;font-size:12px;color:#ccc;font-weight:500;margin-left:8px}.dashboard-header{position:sticky;top:0;padding:var(--size-lg) 0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--size-xl);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:var(--size-2xl)}.dashboard-logo{font-size:var(--size-2xl);font-weight:700;color:var(--clr-white);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--clr-white) 0%,var(--clr-green) 50%,var(--clr-white) 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite;margin:0}.user-welcome{display:flex;align-items:center;gap:var(--size-sm);color:#ffffffe6;font-size:var(--size-base);font-weight:500}.user-icon{width:20px;height:20px;color:var(--clr-green)}.dashboard-logout-btn{display:flex;align-items:center;gap:var(--size-sm);border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-logout-btn:hover{transform:translate(2px)}.logout-icon{width:16px;height:16px}.dashboard-main{position:relative;z-index:10;padding:var(--size-2xl) 0}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 var(--size-xl);display:flex;flex-direction:column;gap:var(--size-3xl)}.dashboard-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:var(--border-green);padding:var(--size-3xl);box-shadow:var(--shadow-xl)}.section-header{margin-bottom:var(--size-2xl);text-align:center}.section-header h2{font-size:var(--size-xl);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-sm)}.section-header p{font-size:var(--size-base);color:#ffffffb3}.profile-overview{-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}.profile-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.profile-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--size-xl)}.profile-info-header{display:flex;align-items:center;gap:2em}.profile-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--clr-green);object-fit:cover}.profile-details{width:100%}.profile-info-content h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-white)}.profile-info-content p{font-size:var(--size-base);color:#ffffffb3}.profile-stats{display:flex;align-items:center;justify-content:center;gap:var(--size-xl)}.stat-item{display:flex;align-items:center;gap:var(--size-sm);font-size:var(--size-sm);color:#fffc}.stat-icon{width:16px;height:16px;color:var(--clr-green)}.team-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.input-group{display:flex;flex-direction:column;gap:var(--size-sm)}.input-group label{font-size:var(--size-sm);font-weight:500;color:var(--clr-white)}.input-with-button{display:flex;gap:var(--size-base)}.saved-team-display{display:flex;justify-content:space-between;align-items:center;padding:var(--size-base) var(--size-lg);background:#00ff871a;border:1px solid rgba(0,255,135,.3);border-radius:8px}.saved-team-id{color:var(--clr-white);font-size:var(--size-base);font-weight:600}.edit-team-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--clr-white);font-size:var(--size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.edit-team-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.edit-icon{width:14px;height:14px}.team-input{flex:1;padding:var(--size-base) var(--size-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--clr-white);font-size:var(--size-base);transition:all .3s ease}.photo-status{margin-top:.5rem;font-size:.75rem}.custom-photo-indicator{color:#10b981;font-weight:500}.default-photo-indicator{color:#6b7280}.team-input:-webkit-autofill,.team-input:-webkit-autofill:hover,.team-input:-webkit-autofill:focus,.team-input:-webkit-autofill:active,.endpoint-input:-webkit-autofill,.endpoint-input:-webkit-autofill:hover,.endpoint-input:-webkit-autofill:focus,.endpoint-input:-webkit-autofill:active,.url-input:-webkit-autofill,.url-input:-webkit-autofill:hover,.url-input:-webkit-autofill:focus,.url-input:-webkit-autofill:active,.label-input:-webkit-autofill,.label-input:-webkit-autofill:hover,.label-input:-webkit-autofill:focus,.label-input:-webkit-autofill:active,.delete-confirmation-input:-webkit-autofill,.delete-confirmation-input:-webkit-autofill:hover,.delete-confirmation-input:-webkit-autofill:focus,.delete-confirmation-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.1) inset!important;-webkit-text-fill-color:var(--clr-white)!important;transition:background-color 5000s ease-in-out 0s}.team-input::-webkit-outer-spin-button,.team-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.team-input[type=number]{-moz-appearance:textfield}.team-input:focus{outline:none;border-color:var(--clr-green);background:#ffffff26;box-shadow:0 0 0 3px #00ff871a}.team-input::placeholder{color:#ffffff80}.dashboard-save-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-base) var(--size-lg);background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);border:none;border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dashboard-save-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff874d}.dashboard-save-btn:disabled{cursor:not-allowed;opacity:.7}.save-icon{width:16px;height:16px}.help-text{font-size:var(--size-xs);color:#fff9;margin-top:var(--size-sm);line-height:1.4}.profile-endpoint-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.saved-endpoint-display{display:flex;justify-content:space-between;align-items:center;padding:var(--size-base) var(--size-lg);background:#00ff871a;border:1px solid rgba(0,255,135,.3);border-radius:8px}.saved-endpoint{color:var(--clr-white);font-size:var(--size-base);font-weight:600}.endpoint-actions{display:flex;gap:var(--size-sm)}.view-profile-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);border-radius:6px;font-size:var(--size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.view-profile-btn{background:#007aff33;color:#007aff}.view-profile-btn:hover{background:#007aff4d;transform:translateY(-1px)}.endpoint-input-container{display:flex;flex-direction:column;gap:var(--size-sm)}.url-input-wrapper{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;flex:1}.url-prefix{padding:var(--size-base) var(--size-base);background:#ffffff0d;color:#ffffffb3;font-size:var(--size-sm);border-right:var(--border-grey);white-space:nowrap}.endpoint-input{flex:1;padding:var(--size-base);background:transparent;border:none;color:var(--clr-white);font-size:var(--size-base);outline:none}.endpoint-input::placeholder{color:#ffffff80}.endpoint-message{font-size:var(--size-sm);padding:var(--size-sm);border-radius:4px;margin-top:var(--size-sm)}.endpoint-message.success{color:var(--clr-green);background:#00ff871a;border:1px solid rgba(0,255,135,.3)}.endpoint-message.error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}.view-icon,.edit-icon{width:14px;height:14px}.add-link-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl);margin-bottom:var(--size-2xl);width:100%}.add-link-card h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-lg)}.link-form{display:flex;flex-direction:column;gap:var(--size-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-lg);align-items:end}.platform-select,.url-input,.label-input{padding:var(--size-base) var(--size-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--clr-white);font-size:var(--size-base);transition:all .3s ease}.platform-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--size-3xl);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--size-base) center;background-size:16px}.platform-select:focus,.url-input:focus,.label-input:focus{outline:none;border-color:var(--clr-green);background:#ffffff26;box-shadow:0 0 0 3px #00ff871a}.platform-select option{background:var(--clr-purple);color:var(--clr-white)}.url-input::placeholder,.label-input::placeholder{color:#ffffff80}.form-actions{display:flex;gap:var(--size-base)}.update-btn,.cancel-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-base) var(--size-lg);border-radius:8px;font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.update-btn{background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);color:var(--clr-white)}.cancel-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--clr-white)}.update-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff874d}.cancel-btn:hover{background:#fff3;border-color:#ffffff4d}.btn-icon{width:16px;height:16px}.social-links-list{min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-6xl) var(--size-2xl);text-align:center}.empty-icon{width:48px;height:48px;color:#ffffff4d;margin-bottom:var(--size-lg)}.empty-state h3{font-size:var(--size-lg);color:#ffffffb3;margin-bottom:var(--size-sm)}.empty-state p{font-size:var(--size-base);color:#ffffff80}.links-grid{display:grid;gap:var(--size-lg)}.link-card{display:flex;justify-content:space-between;align-items:center;padding:var(--size-lg);background:#ffffff0d;border:var(--border-grey);border-radius:12px;transition:all .3s ease}.link-card:hover{background:#ffffff1a;border-color:#00ff874d;transform:translateY(-2px)}.link-info{display:flex;align-items:center;gap:var(--size-base);flex:1}.link-icon{width:24px;height:24px;color:var(--clr-green);flex-shrink:0}.link-details{flex:1;min-width:0}.link-details h4{font-size:var(--size-base);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-xs)}.link-url{font-size:var(--size-sm);color:#ffffffb3;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.link-url:hover{color:var(--clr-green)}.link-actions{display:flex;gap:var(--size-sm)}.edit-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease}.edit-btn{background:#007aff33;color:#007aff}.delete-btn{background:#ff3b3033;color:#ff3b30}.edit-btn:hover{background:#007aff4d;transform:scale(1.1)}.delete-btn:hover{background:#ff3b304d;transform:scale(1.1)}.action-icon{width:16px;height:16px}.danger-section{border:1px solid rgba(255,107,107,.3);background:#ff6b6b0d}.danger-card{display:flex;justify-content:space-between;align-items:center;padding:var(--size-2xl);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:12px}.danger-content h3{color:#ff6b6b;font-size:var(--size-lg);font-weight:600;margin-bottom:var(--size-sm)}.danger-content p{color:#fffc;font-size:var(--size-sm);margin-bottom:var(--size-sm)}.deletion-list{list-style:none;padding:0;margin:0}.deletion-list li{color:#ffffffb3;font-size:var(--size-sm);padding:var(--size-xs) 0;position:relative;padding-left:var(--size-lg)}.deletion-list li:before{content:"•";color:#ff6b6b;position:absolute;left:0}.delete-account-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-base) var(--size-lg);background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-end}.delete-account-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff6b6b4d}.delete-icon{width:16px;height:16px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--size-lg)}.modal-content{background:linear-gradient(135deg,var(--clr-purple) 0%,#4a0049 100%);border-radius:16px;border:var(--border-grey);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.delete-modal{border:1px solid rgba(255,107,107,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--size-2xl) var(--size-2xl) var(--size-lg) var(--size-2xl);border-bottom:var(--border-grey)}.modal-header h2{color:var(--clr-white);font-size:var(--size-xl);margin:0}.modal-close{background:none;border:none;color:#ffffffb3;font-size:var(--size-2xl);cursor:pointer;padding:var(--size-sm);border-radius:4px;transition:all .3s ease}.modal-close:hover{color:var(--clr-white);background:#ffffff1a}.modal-body{padding:var(--size-2xl)}.warning-message{margin-bottom:var(--size-2xl)}.warning-message h3{color:#ff6b6b;font-size:var(--size-lg);margin-bottom:var(--size-base)}.warning-message p{color:#fffc;margin-bottom:var(--size-base)}.warning-message ul{list-style:none;padding:0;margin:0}.warning-message li{color:#ffffffb3;padding:var(--size-xs) 0;position:relative;padding-left:var(--size-lg)}.warning-message li:before{content:"•";color:#ff6b6b;position:absolute;left:0}.confirmation-input{margin-bottom:var(--size-lg)}.confirmation-input label{display:block;color:var(--clr-white);font-size:var(--size-sm);margin-bottom:var(--size-sm)}.delete-confirmation-input{width:100%;padding:var(--size-base) var(--size-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--clr-white);font-size:var(--size-base)}.delete-confirmation-input:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.delete-confirmation-input::placeholder{color:#ffffff80}.modal-footer{display:flex;justify-content:flex-end;gap:var(--size-base);padding:var(--size-lg) var(--size-2xl) var(--size-2xl) var(--size-2xl);border-top:var(--border-grey)}.cancel-delete-btn{padding:var(--size-base) var(--size-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);cursor:pointer;transition:all .3s ease}.cancel-delete-btn:hover{background:#fff3;border-color:#ffffff4d}.confirm-delete-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-base) var(--size-lg);background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ff6b6b4d}.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.save-all-section{display:flex;justify-content:center;padding:var(--size-2xl) 0}.save-all-btn{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-lg) var(--size-3xl);background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);border:none;border-radius:12px;color:var(--clr-white);font-size:var(--size-base);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ff8733}.save-all-btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #00ff874d}.save-all-btn:disabled{cursor:not-allowed;opacity:.7}.saved-username-display{display:flex;justify-content:space-between;align-items:center;padding:var(--size-base) var(--size-lg);background:#00ff871a;border:1px solid rgba(0,255,135,.3);border-radius:8px}.saved-username{color:var(--clr-white);font-size:var(--size-base);font-weight:600}.edit-username-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--clr-white);font-size:var(--size-sm);font-weight:500;cursor:pointer;transition:all .3s ease}.edit-username-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.username-input-container{display:flex;flex-direction:column;gap:var(--size-sm)}.username-input-wrapper{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;flex:1;transition:all .3s ease}.username-input-wrapper:focus-within{border-color:var(--clr-green);background:#ffffff26;box-shadow:0 0 0 3px #00ff871a}.username-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.username-input{flex:1;padding:var(--size-base);background:transparent;border:none;color:var(--clr-white);font-size:var(--size-base);outline:none}.username-input::placeholder{color:#ffffff80}.username-input:-webkit-autofill,.username-input:-webkit-autofill:hover,.username-input:-webkit-autofill:focus,.username-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.1) inset!important;-webkit-text-fill-color:var(--clr-white)!important;transition:background-color 5000s ease-in-out 0s}.username-message{font-size:var(--size-sm);padding:var(--size-sm);border-radius:4px;margin-top:var(--size-sm)}.username-message.success{color:var(--clr-green);background:#00ff871a;border:1px solid rgba(0,255,135,.3)}.username-message.error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}@media (max-width: 1024px){.header-content,.dashboard-container{padding:0 var(--size-lg)}.form-row{grid-template-columns:1fr}.profile-info{flex-direction:column;text-align:center;gap:var(--size-lg)}.profile-stats{justify-content:center}}@media (max-width: 768px){.header-left{gap:.2em}.user-welcome span{display:none}.dashboard-section{padding:var(--size-2xl)}.input-with-button{flex-direction:column}.dashboard-save-btn{align-self:flex-start}.form-actions{justify-content:flex-start}.link-card{flex-direction:column;align-items:flex-start;gap:var(--size-base)}.link-actions{align-self:flex-end}.danger-card{flex-direction:column;align-items:flex-start;gap:var(--size-lg)}}@media (max-width: 640px){.dashboard-logo{font-size:var(--size-lg)}.header-content{padding:0 var(--size-base)}.dashboard-container{padding:0;gap:var(--size-2xl);width:90%}.header-content{width:90%;margin:0}.dashboard-section{padding:var(--size-lg)}.section-header h2{font-size:var(--size-lg)}.profile-stats{flex-direction:column;gap:var(--size-xxxs)}.dashboard-logout-btn span{display:none}.saved-endpoint-display{flex-direction:column;gap:1.4em}.profile-info-content h3,.profile-info-content p{font-size:var(--size-sm)}.profile-info{gap:.8em}.dashboard-save-btn,.delete-account-btn,.stat-item{width:100%}.profile-info-header{flex-direction:column;gap:.6em}.saved-team-display{padding:var(--size-xxs) var(--size-xxs);gap:.4em}.saved-team-id,.saved-endpoint{font-size:var(--size-sm)}.edit-team-btn,.view-profile-btn{font-size:var(--size-xs);padding:var(--size-xxs) var(--size-xxs)}.help-text{font-size:var(--size-xs)}.dashboard-logo{font-size:var(--size-xbase)}.dashboard-header{display:flex;align-items:center;justify-content:center;padding:0;margin-top:1em}.dashboard-section{padding:var(--size-xxxs)}.endpoint-actions{gap:.4em}.add-link-card,.team-card,.profile-card,.profile-endpoint-card{padding:var(--size-xxs)}}@media (max-width: 480px){.dashboard-main{padding:var(--size-lg) 0}.section-header{margin-bottom:var(--size-lg)}.section-header h2{font-size:var(--size-base)}.section-header p{font-size:var(--size-sm)}.profile-avatar{width:60px;height:60px}.add-link-card,.team-card,.profile-card,.profile-endpoint-card{padding:var(--size-xxxs)}.save-all-btn{padding:var(--size-base) var(--size-xl);font-size:var(--size-sm)}.help-text{font-size:var(--size-xxs)}}.bio-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.saved-bio-display{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--size-base) var(--size-lg);background:#00ff871a;border:1px solid rgba(0,255,135,.3);border-radius:8px;gap:var(--size-base)}.saved-bio{color:var(--clr-white);font-size:var(--size-base);font-weight:400;line-height:1.5;flex:1;word-wrap:break-word;overflow-wrap:break-word}.edit-bio-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--clr-white);font-size:var(--size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.edit-bio-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.bio-input-container{display:flex;flex-direction:column;gap:var(--size-sm)}.bio-input-wrapper{position:relative;display:flex;flex-direction:column;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden;flex:1;transition:all .3s ease}.bio-input-wrapper:focus-within{border-color:var(--clr-green);background:#ffffff26;box-shadow:0 0 0 3px #00ff871a}.bio-input{flex:1;padding:var(--size-base) var(--size-lg);background:transparent;border:none;color:var(--clr-white);font-size:var(--size-base);outline:none;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.bio-input::placeholder{color:#ffffff80}.bio-input:-webkit-autofill,.bio-input:-webkit-autofill:hover,.bio-input:-webkit-autofill:focus,.bio-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.1) inset!important;-webkit-text-fill-color:var(--clr-white)!important;transition:background-color 5000s ease-in-out 0s}.character-count{padding:var(--size-sm) var(--size-base);background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:var(--size-xs);text-align:right}.bio-preview{color:#fffc;font-size:var(--size-sm);line-height:1.4;margin-top:var(--size-xs);font-style:italic}.icon-picker-trigger{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-base) var(--size-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--clr-white);font-size:var(--size-base);cursor:pointer;transition:all .3s ease;width:100%;justify-content:flex-start;position:relative}.icon-picker-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.icon-picker-trigger:focus{outline:none;border-color:var(--clr-green);background:#ffffff26;box-shadow:0 0 0 3px #00ff871a}.icon-picker-trigger svg{width:20px;height:20px;color:var(--clr-green);flex-shrink:0}.icon-picker-trigger span{color:var(--clr-white);font-weight:500}.icon-picker-dropdown{z-index:1000;background:#1e1e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 10px 40px #0000004d;margin-top:var(--size-sm);max-height:300px;overflow-y:auto;animation:fadeInDown .2s ease-out}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--size-sm);padding:var(--size-base)}.icon-option{display:flex;flex-direction:column;align-items:center;gap:var(--size-xs);padding:var(--size-base);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--clr-white);font-size:var(--size-xs);cursor:pointer;transition:all .3s ease;text-align:center}.icon-option:hover{background:#ffffff1a;border-color:#00ff8780;transform:translateY(-2px)}.icon-option.selected{background:#00ff8733;border-color:var(--clr-green);color:var(--clr-green)}.icon-option svg{width:24px;height:24px;color:var(--clr-green);transition:all .3s ease}.icon-option:hover svg,.icon-option.selected svg{color:var(--clr-green);transform:scale(1.1)}.icon-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.icon-option.selected .icon-name{color:var(--clr-green);font-weight:600}.icon-picker-dropdown::-webkit-scrollbar{width:8px}.icon-picker-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.icon-picker-dropdown::-webkit-scrollbar-thumb{background:#00ff8780;border-radius:4px}.icon-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#00ff87b3}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.saved-bio-display{flex-direction:column;align-items:stretch;gap:var(--size-base)}.edit-bio-btn{align-self:flex-end}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--size-xs)}.icon-option{padding:var(--size-sm)}.icon-option svg{width:20px;height:20px}}@media (max-width: 640px){.bio-card,.bio-input-container,.bio-input-wrapper{padding:var(--size-base)}.saved-bio-display{padding:var(--size-sm) var(--size-base)}.saved-bio{font-size:var(--size-sm)}.edit-bio-btn{font-size:var(--size-xs);padding:var(--size-xs) var(--size-sm)}.bio-input{padding:var(--size-sm) var(--size-base);min-height:80px}.character-count{padding:var(--size-xs) var(--size-sm)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.icon-option{padding:var(--size-xs)}.icon-name{font-size:10px}}@media (max-width: 480px){.bio-card{padding:var(--size-xxxs)}.saved-bio-display{padding:var(--size-xxs)}.bio-input-wrapper{padding:0}.bio-input{padding:var(--size-xxs) var(--size-xs);min-height:70px;font-size:var(--size-sm)}.character-count{padding:var(--size-xxs);font-size:10px}.icon-picker-dropdown{max-height:200px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));padding:var(--size-xs)}.icon-option svg{width:18px;height:18px}}.subscription-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(0,255,135,.2);padding:var(--size-3xl);box-shadow:var(--shadow-xl)}.subscription-card{background:#ffffff0d;border-radius:12px;border:var(--border-grey);padding:var(--size-2xl)}.subscription-info{display:flex;flex-direction:column;gap:var(--size-xl)}.subscription-status{display:flex;flex-direction:column;gap:var(--size-base)}.status-indicator{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-base) var(--size-lg);border-radius:8px;font-weight:600;font-size:var(--size-base)}.status-indicator.green{background:#00ff8726;border:1px solid rgba(0,255,135,.3);color:var(--clr-green)}.status-indicator.orange{background:#ff9f4326;border:1px solid rgba(255,159,67,.3);color:#ff9f43}.status-indicator.red{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.status-indicator.yellow{background:#ffce5426;border:1px solid rgba(255,206,84,.3);color:#ffce54}.status-icon{width:20px;height:20px;flex-shrink:0}.billing-info{padding:var(--size-base);background:#ffffff08;border-radius:8px;border:var(--border-grey)}.billing-period{color:var(--clr-white);font-size:var(--size-sm);margin:0;font-weight:500}.days-remaining{color:#ffffffb3;font-size:var(--size-xs);margin:var(--size-xs) 0 0 0}.payment-info{padding:var(--size-sm) var(--size-base);background:#ffffff08;border-radius:6px}.last-payment{color:#ffffffb3;font-size:var(--size-xs);margin:0}.payment-failures{padding:var(--size-sm) var(--size-base);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px}.failure-notice{color:#ff6b6b;font-size:var(--size-sm);margin:0;font-weight:500}.subscription-actions-card{display:flex;flex-direction:column;gap:var(--size-lg)}.action-required{padding:var(--size-lg);background:#ff9f431a;border:1px solid rgba(255,159,67,.3);border-radius:12px;text-align:center}.action-required h4{color:#ff9f43;font-size:var(--size-base);margin:0 0 var(--size-sm) 0;font-weight:600}.action-required p{color:#fffc;font-size:var(--size-sm);margin:0 0 var(--size-base) 0;line-height:1.4}.urgent-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-sm);padding:var(--size-base) var(--size-xl);background:linear-gradient(135deg,#ff9f43,#ff8a00);border:none;border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.urgent-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff9f434d}.subscription-controls{display:flex;flex-direction:column;gap:var(--size-base)}.reactivate-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-sm);padding:var(--size-base) var(--size-xl);background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);border:none;border-radius:8px;color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.reactivate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00ff874d}.reactivate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.cancel-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-sm);padding:var(--size-base) var(--size-xl);background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);border-radius:8px;color:#ff6b6b;font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.cancel-btn:hover:not(:disabled){background:#ff6b6b4d;border-color:#ff6b6b99;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}.manage-payment-btn{display:flex;align-items:center;justify-content:center;gap:var(--size-sm);padding:var(--size-base) var(--size-xl);background:#007aff33;border:1px solid rgba(0,122,255,.4);border-radius:8px;color:#007aff;font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.manage-payment-btn:hover{background:#007aff4d;border-color:#007aff99;transform:translateY(-1px)}.btn-icon{width:16px;height:16px;flex-shrink:0}.early-access-badge,.premium-badge{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-xs) var(--size-sm);border-radius:6px;font-size:var(--size-xs);font-weight:600;margin-left:var(--size-sm)}.early-access-badge{background:linear-gradient(135deg,gold,orange);color:#000}.premium-badge{background:linear-gradient(135deg,var(--clr-green) 0%,var(--clr-green-hover) 100%);color:var(--clr-white)}.early-access-crown,.premium-crown{width:14px;height:14px}@media (max-width: 768px){.subscription-controls{gap:var(--size-sm)}.action-required{padding:var(--size-base)}}@media (max-width: 640px){.subscription-section{padding:var(--size-xl)}.subscription-card{padding:var(--size-lg)}.status-indicator{padding:var(--size-sm) var(--size-base);font-size:var(--size-sm)}.billing-period{font-size:var(--size-xs)}.subscription-controls{gap:var(--size-xs)}.reactivate-btn,.cancel-btn,.manage-payment-btn,.urgent-action-btn{padding:var(--size-sm) var(--size-lg);font-size:var(--size-xs)}.early-access-badge,.premium-badge{padding:2px var(--size-xs);font-size:10px;margin-left:var(--size-xs)}.early-access-crown,.premium-crown{width:12px;height:12px}}@media (max-width: 480px){.subscription-section,.subscription-card{padding:var(--size-base)}.status-indicator{flex-direction:column;text-align:center;gap:var(--size-xs)}.billing-info,.payment-info{padding:var(--size-xs)}.action-required{padding:var(--size-sm)}}.early-access-warning-banner{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-left:4px solid #ff4757;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #ff6b3533}.warning-content{display:flex;align-items:center;gap:1rem;color:#fff;max-width:1200px;margin:0 auto}.warning-icon{font-size:1.5rem;color:#fff3cd;flex-shrink:0}.warning-text{flex:1;font-size:.95rem;line-height:1.4}.warning-text strong{font-weight:600}.dismiss-warning-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.dismiss-warning-btn:hover{background:#ffffff4d}@media (max-width: 768px){.early-access-warning-banner{margin:1rem 1rem 1.5rem;padding:.875rem}.warning-content{gap:.75rem}.warning-text{font-size:.875rem}.warning-icon{font-size:1.25rem}}.theme-picker{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.theme-picker__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.theme-picker__icon{width:20px;height:20px;color:#00ff87}.theme-picker__title{font-size:18px;font-weight:600;color:#fff;margin:0}.theme-picker__description{font-size:14px;color:#ffffffb3;margin:0 0 20px;line-height:1.4}.theme-picker__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.theme-card{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.theme-card:hover{transform:translateY(-2px);background:#ffffff1a}.theme-card--selected{background:#00ff871a;border:1px solid rgba(0,255,135,.3)}.theme-card--selected:hover{background:#00ff8726}.theme-card--loading{cursor:not-allowed;opacity:.7}.theme-card--loading:hover{transform:none;background:#ffffff0d}.theme-card--loading.theme-card--selected:hover{background:#00ff871a}.theme-card__checkmark{position:absolute;top:12px;right:12px;width:20px;height:20px;background:#00ff87;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transform:scale(.8);transition:all .2s ease}.theme-card--selected .theme-card__checkmark{opacity:1;transform:scale(1)}.theme-card__checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:1}.theme-card__preview{width:100%;height:60px;border-radius:6px;margin-bottom:12px;position:relative;overflow:hidden}.theme-card__preview-dot{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%}.theme-card__preview-bar{position:absolute;bottom:8px;right:8px;width:20px;height:4px;border-radius:2px;opacity:.7}.theme-card__name{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.theme-card__description{font-size:12px;color:#fff9;margin:0;line-height:1.4}.theme-preview--purple{background:linear-gradient(135deg,#6b46c1,#4a0049 50%)}.theme-preview--purple .theme-card__preview-dot,.theme-preview--purple .theme-card__preview-bar{background:#00ff87}.theme-preview--midnight{background:linear-gradient(135deg,#1e293b,#0f172a 50%)}.theme-preview--midnight .theme-card__preview-dot,.theme-preview--midnight .theme-card__preview-bar{background:#06b6d4}.theme-preview--forest{background:linear-gradient(135deg,#065f46,#064e3b 50%)}.theme-preview--forest .theme-card__preview-dot,.theme-preview--forest .theme-card__preview-bar{background:#10b981}.theme-preview--sunset{background:linear-gradient(135deg,#ea580c,#9a3412 50%)}.theme-preview--sunset .theme-card__preview-dot,.theme-preview--sunset .theme-card__preview-bar{background:#f59e0b}.theme-preview--ocean{background:linear-gradient(135deg,#0369a1,#0c4a6e 50%)}.theme-preview--ocean .theme-card__preview-dot,.theme-preview--ocean .theme-card__preview-bar{background:#0891b2}.theme-preview--rose{background:linear-gradient(135deg,#be185d,#831843 50%)}.theme-preview--rose .theme-card__preview-dot,.theme-preview--rose .theme-card__preview-bar{background:#ec4899}@media (max-width: 768px){.theme-picker{padding:16px}.theme-picker__grid{grid-template-columns:1fr}.theme-card{padding:12px}.theme-picker__title{font-size:16px}.theme-picker__description{font-size:13px}}@media (max-width: 480px){.theme-picker{padding:12px}.theme-picker__header{gap:8px;margin-bottom:16px}.theme-picker__icon{width:18px;height:18px}.theme-card__preview{height:50px}.theme-card__name{font-size:14px}.theme-card__description{font-size:11px}}.profile-photo-upload{display:flex;flex-direction:column;gap:1rem;align-items:center}.photo-container{position:relative;display:inline-block}.current-photo{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #2a2a2a;cursor:pointer;transition:all .3s ease}.current-photo:hover{transform:scale(1.05);border-color:#007bff}.profile-photo{width:100%;height:100%;object-fit:cover;display:block}.photo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;cursor:pointer;gap:.25rem}.current-photo:hover .photo-overlay{opacity:1}.photo-overlay span{font-size:.75rem;font-weight:500;text-align:center}.upload-actions{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;padding:1rem;width:100%;max-width:300px}.file-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;text-align:center}.file-name{font-weight:500;color:#fff;word-break:break-all}.file-size{font-size:.875rem;color:#888}.action-buttons{display:flex;gap:.5rem;justify-content:center}.upload-btn{display:flex;align-items:center;gap:.5rem;background:#007bff;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center}.upload-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:#888;border:1px solid #444;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.cancel-btn:hover:not(:disabled){background:#2a2a2a;border-color:#666;color:#fff}.cancel-btn:disabled{opacity:.4;cursor:not-allowed}.upload-help{text-align:center;color:#888;font-size:.875rem}.upload-help p{margin-bottom:.5rem;font-weight:500}.upload-help ul{list-style:none;padding:0;margin:0}.upload-help li{margin-bottom:.25rem}.upload-help li:before{content:"•";color:#007bff;margin-right:.5rem}.upload-btn .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.profile-photo-upload{width:100%}.upload-actions{max-width:100%}.action-buttons{flex-direction:column}.upload-btn,.cancel-btn{width:100%;min-width:auto}}.global-paywall{max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#fff}.paywall-hero{margin-bottom:var(--size-4xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em}.paywall-hero-icon{width:80px;height:80px;color:var(--clr-gold);display:block}.paywall-hero h1{font-size:var(--size-5xl);font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.paywall-subtitle{font-size:var(--size-lg);color:#ccc;line-height:1.6}.paywall-footer{color:#ccc;font-size:.9rem}.paywall-footer p{margin-bottom:16px}.secure-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--size-lg);font-size:.85rem;color:#999}.secure-icon{width:16px;height:16px}.subscription-action-section{margin-bottom:32px;padding:24px;border-radius:16px;background:var(--card-bg);border:2px solid;box-shadow:0 4px 12px #0000001a}.reactivation-section{border-color:#10b981;background:linear-gradient(145deg,#10b9810d,#10b9811a)}.payment-fix-section{border-color:#ef4444;background:linear-gradient(145deg,#ef44440d,#ef44441a)}.action-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.action-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.action-icon{width:24px;height:24px}.reactivation-icon{color:#10b981}.payment-fix-icon{color:#ef4444}.action-info{margin-bottom:24px;line-height:1.6}.action-info p{margin:8px 0;color:var(--text-secondary)}.action-info strong{color:var(--text-primary);font-weight:600}.period-info{font-size:14px;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-top:12px}.failure-notice{color:#ef4444!important;font-weight:500;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin:12px 0}.action-buttons{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.action-buttons{flex-direction:row;gap:16px}}.action-btn{padding:14px 24px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;transition:all .2s ease;text-decoration:none;min-height:52px;flex:1}.primary-action-btn{color:#fff;box-shadow:0 2px 8px #00000026}.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.primary-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}.reactivate-btn{background:linear-gradient(135deg,#10b981,#059669)}.reactivate-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.fix-payment-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.fix-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.secondary-action-btn{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.secondary-action-btn:hover{background:var(--card-bg);border-color:var(--accent-color);transform:translateY(-1px)}.btn-icon{width:18px;height:18px}.loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paywall-divider{display:flex;align-items:center;margin:32px 0;color:var(--text-secondary)}.paywall-divider:before,.paywall-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.paywall-divider span{padding:0 20px;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:500;background:var(--bg-primary)}@media (max-width: 768px){.subscription-action-section{padding:20px;margin-bottom:24px}.action-header h2{font-size:18px}.action-btn{font-size:14px;padding:12px 20px;min-height:48px}.action-info{font-size:14px}.paywall-divider{margin:24px 0}}.subscription-status-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.subscription-status-loading .loading-spinner{width:24px;height:24px;margin-right:12px}@media (max-width: 768px){.paywall-hero h1{font-size:2rem}.paywall-subtitle{font-size:1.1rem}.global-paywall{padding:20px 16px}.user-welcome span,.dashboard-logout-btn span{display:none}}@media (max-width: 480px){.paywall-hero h1{font-size:1.75rem}}.particle-system{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#ffffff1a;animation:floatParticles infinite linear;pointer-events:none;will-change:transform,opacity}.particle.glow{background:var(--theme-accent, #00FF87);box-shadow:0 0 10px var(--theme-accent, #00FF87);filter:blur(.5px)}@keyframes floatParticles{0%{transform:translateY(100vh) translate(-50px) rotate(0);opacity:0}5%{opacity:1}25%{transform:translateY(75vh) translate(0) rotate(90deg)}50%{transform:translateY(50vh) translate(25px) rotate(180deg)}75%{transform:translateY(25vh) translate(50px) rotate(270deg);opacity:1}95%{opacity:1}to{transform:translateY(-10vh) translate(100px) rotate(360deg);opacity:0}}.particle:nth-child(3n){animation-duration:25s;animation-delay:-5s}.particle:nth-child(5n){animation-duration:18s;animation-delay:-10s}.particle:nth-child(7n){animation-duration:30s;animation-delay:-15s}.theme-dark .particle{background:#6b46c11a}.theme-dark .particle.glow{background:#00ff87;box-shadow:0 0 10px #00ff87}.theme-midnight .particle{background:#1e293b33}.theme-midnight .particle.glow{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.theme-forest .particle{background:#065f4633}.theme-forest .particle.glow{background:#10b981;box-shadow:0 0 10px #10b981}.theme-sunset .particle{background:#ea580c33}.theme-sunset .particle.glow{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.theme-ocean .particle{background:#0369a133}.theme-ocean .particle.glow{background:#0891b2;box-shadow:0 0 10px #0891b2}.theme-rose .particle{background:#be185d33}.theme-rose .particle.glow{background:#ec4899;box-shadow:0 0 10px #ec4899}.rank-1 .particle.glow{background:linear-gradient(45deg,gold,orange);box-shadow:0 0 20px gold,0 0 40px gold}.rank-2 .particle.glow{background:linear-gradient(45deg,silver,#a8a8a8);box-shadow:0 0 15px silver}.rank-3 .particle.glow{background:linear-gradient(45deg,#cd7f32,#b8860b);box-shadow:0 0 15px #cd7f32}.rank-top10 .particle.glow{background:linear-gradient(45deg,#9f7aea,#805ad5);box-shadow:0 0 12px #9f7aea}.rank-top100 .particle.glow{background:linear-gradient(45deg,#4299e1,#3182ce);box-shadow:0 0 10px #4299e1}@media (max-width: 768px){.particle:nth-child(n+26){display:none}}.not-found-container{background:var(--default-background);background-size:var(--default-background-size);animation:var(--default-background-animation);min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--clr-white);position:relative;overflow:hidden;padding:var(--size-base)}.not-found-bg-element{position:absolute;border-radius:50%;opacity:.1;animation:float 3s ease-in-out infinite;filter:blur(2px)}.not-found-bg-element-1{top:10%;left:10%;width:var(--size-4xl);height:var(--size-4xl);background:var(--clr-white);animation-delay:0s}.not-found-bg-element-2{top:20%;right:20%;width:var(--size-2xl);height:var(--size-2xl);background:var(--clr-green);animation-delay:1s}.not-found-bg-element-3{bottom:40%;left:25%;width:var(--size-base);height:var(--size-base);background:#9333ea;animation-delay:2s}.not-found-bg-element-4{bottom:20%;right:30%;width:var(--size-5xl);height:var(--size-5xl);background:var(--clr-white);animation-delay:.5s}.not-found-bg-element-5{top:50%;left:15%;width:var(--size-xl);height:var(--size-xl);background:var(--clr-green);animation-delay:1.5s}.not-found-main-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:10;padding:var(--size-4xl);width:100%}.not-found-error-code{font-size:var(--size-8xl);font-weight:900;color:var(--clr-green);margin-bottom:var(--size-base);text-shadow:0 0 30px rgba(0,255,135,.5);animation:glow 2s ease-in-out infinite alternate;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.not-found-game-stats{margin-bottom:var(--size-base)}.not-found-click-counter{font-size:var(--size-lg);color:var(--clr-green);font-weight:600;margin-bottom:var(--size-xs)}.not-found-error-title{font-size:var(--size-4xl);font-weight:700;margin-bottom:var(--size-base)}.not-found-error-subtitle{font-size:var(--size-xl);color:var(--clr-green);margin-bottom:var(--size-4xl);opacity:.9}.not-found-game-section{margin-bottom:var(--size-4xl);padding:var(--size-2xl);background:#ffffff1a;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,135,.1)}.not-found-game-title{font-size:var(--size-2xl);font-weight:700;margin-bottom:var(--size-base);color:var(--clr-green)}.not-found-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-xs);max-width:300px;margin:0 auto var(--size-base)}.not-found-card{width:60px;height:60px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--size-xs);display:flex;align-items:center;justify-content:center;font-size:var(--size-2xl);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.not-found-card-flipped{background:#00ff874d;border:2px solid var(--clr-green)}.not-found-card-matched{background:#00ff8780;border:2px solid var(--clr-green);opacity:.7}.not-found-game-info{font-size:var(--size-base);color:var(--clr-white);margin-bottom:var(--size-base)}.not-found-start-button{background:var(--clr-green);color:var(--clr-purple);border:none;padding:var(--size-xs) var(--size-2xl);border-radius:var(--size-2xl);font-weight:600;cursor:pointer;font-size:var(--size-base);transition:transform .2s ease}.not-found-start-button:hover{background:var(--clr-green-hover);transform:scale(1.05)}.not-found-reset-button{background:#9333ea;color:var(--clr-white)}.not-found-win-message{color:var(--clr-green);font-size:var(--size-xl);font-weight:700}.not-found-joke-container{margin-bottom:var(--size-4xl);height:64px;display:flex;align-items:center;justify-content:center}.not-found-joke{font-size:var(--size-lg);color:var(--clr-white);font-style:italic;padding:0 var(--size-base);animation:fadeIn .5s ease-in}.not-found-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--size-base);margin-bottom:var(--size-4xl);background:linear-gradient(135deg,#00ff871a,#00cc6d0d)}.not-found-link-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--size-xs);padding:var(--size-2xl);transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.not-found-link-card:hover{background:#fff3}.not-found-link-card-icon{font-size:var(--size-4xl);margin-bottom:var(--size-base)}.not-found-link-card-title{font-weight:600;color:var(--clr-white);margin-bottom:var(--size-xs);font-size:var(--size-lg)}.not-found-link-card-desc{color:var(--clr-green);font-size:var(--size-sm);line-height:1.4}.not-found-footer{margin-top:var(--size-4xl);text-align:center}.not-found-footer-text{color:var(--clr-white);font-size:var(--size-sm)}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes glow{0%{text-shadow:0 0 30px rgba(0,255,135,.5)}to{text-shadow:0 0 40px rgba(0,255,135,.8),0 0 50px rgba(0,255,135,.3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1536px){.not-found-main-content{max-width:550px;padding:var(--size-3xl)}}@media (max-width: 1280px){.not-found-main-content{max-width:500px;padding:var(--size-2xl)}.not-found-error-code{font-size:var(--size-7xl)}}@media (max-width: 1024px){.not-found-main-content{max-width:450px;padding:var(--size-xl)}.not-found-error-code{font-size:var(--size-6xl)}.not-found-error-title{font-size:var(--size-3xl)}.not-found-game-grid{max-width:280px}.not-found-card{width:55px;height:55px;font-size:var(--size-xl)}}@media (max-width: 768px){.not-found-container{padding:var(--size-xs)}.not-found-main-content{max-width:100%;padding:var(--size-base)}.not-found-error-code{font-size:var(--size-5xl)}.not-found-error-title{font-size:var(--size-2xl)}.not-found-error-subtitle{font-size:var(--size-lg);margin-bottom:var(--size-2xl)}.not-found-game-section{padding:var(--size-base)}.not-found-game-title{font-size:var(--size-xl)}.not-found-game-grid{max-width:240px;gap:var(--size-xxs)}.not-found-card{width:50px;height:50px;font-size:var(--size-lg)}.not-found-quick-links{grid-template-columns:1fr}}@media (max-width: 640px){.not-found-bg-element-1,.not-found-bg-element-4{width:var(--size-2xl);height:var(--size-2xl)}.not-found-error-code{font-size:var(--size-4xl)}.not-found-error-title{font-size:var(--size-xl)}.not-found-game-grid{max-width:200px}.not-found-card{width:40px;height:40px;font-size:var(--size-base)}}@media (max-width: 557px){.not-found-main-content{padding:var(--size-sm)}.not-found-joke-container{height:80px}.not-found-joke{font-size:var(--size-base)}}@media (max-width: 475px){.not-found-error-code{font-size:var(--size-3xl)}.not-found-error-title{font-size:var(--size-lg)}.not-found-error-subtitle{font-size:var(--size-base)}.not-found-game-grid{grid-template-columns:repeat(3,1fr);max-width:150px}.not-found-card{width:35px;height:35px;font-size:var(--size-sm)}}@media (max-width: 375px){.not-found-container,.not-found-main-content{padding:var(--size-xxs)}.not-found-error-code{font-size:var(--size-2xl)}.not-found-link-card{padding:var(--size-base)}}@media (max-width: 350px){.not-found-error-code{font-size:var(--size-xl)}.not-found-game-grid{max-width:120px}.not-found-card{width:30px;height:30px;font-size:var(--size-xs)}}@media (max-width: 325px){.not-found-error-title{font-size:var(--size-base)}.not-found-error-subtitle{font-size:var(--size-sm)}.not-found-game-title{font-size:var(--size-base)}}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--clr-purple: #38003C;--clr-green: #00FF87;--clr-green-hover: #00cc6d;--clr-white: #ffffff;--clr-gray-bg: #f3f4f6;--clr-dark-gray: #333;--clr-medium-gray: #555;--clr-dark-purple-hover: #2a002e;--clr-red: #dc3545;--clr-gold: #ffd700;--clr-backdrop-black: rgba(0, 0, 0, .5);--size-xxxxxs: .4rem;--size-xxxxs: .45rem;--size-xxxs: .55rem;--size-xxs: .65rem;--size-xs: .8rem;--size-sm: .875rem;--size-xbase: .925rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 25px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 60px rgba(0, 0, 0, .3);--shadow-green: 0 4px 20px rgba(0, 255, 135, .15);--shadow-purple: 0 8px 40px rgba(56, 0, 60, .08);--shadow-text-purple: 0 2px 10px rgba(56, 0, 60, .2);--shadow-text-green: 0 0 30px rgba(0, 255, 135, .3);--shadow-text-gold: 0 0 10px rgba(255, 215, 0, .3);--shadow-blue: 0 0px 25px rgba(66, 133, 244, .2);--drop-shadow-green-30: drop-shadow(0 0 4px rgba(16, 185, 129, .3));--border-color-gold: rgba(255, 215, 0, .3);--border-color-blue: rgba(66, 133, 244, .3);--border-color-dark-blue: rgba(66, 133, 244, .6);--border-grey: 1px solid rgba(255, 255, 255, .1);--border-green: 1px solid rgba(0, 255, 135, .1);--border-green-20: 1px solid rgba(0, 255, 135, .2);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--default-background: linear-gradient(135deg, #1a0033 0%, #330066 25%, #4a0049 50%, #1a0033 75%, #2d0033 100%);--default-background-size: 1500% 1500%;--default-background-animation: gradientShift 28s ease-in-out infinite;--background-grey: rgba(255, 255, 255, .05);--gradient-offwhite: linear-gradient(135deg, var(--clr-white) 0%, #f8f9ff 50%, var(--clr-white) 100%);--gradient-green: linear-gradient(90deg, var(--clr-green) 0%, var(--clr-green-hover) 100%);--gradient-purple: linear-gradient(135deg, var(--clr-purple) 0%, #4a0049 25%, #2d0033 50%, var(--clr-purple) 75%, #4f004a 100%);--gradient-purple-2: linear-gradient(135deg, var(--clr-purple) 0%, #2d0033 50%, var(--clr-purple) 100%);--gradient-gold: linear-gradient(135deg, #ffd700, #ff8c00);--gradient-btn-shine: var(--gradient-btn-shine)}*{line-height:calc(1em + .5rem);margin:0}html{height:100%;scroll-behavior:smooth}body{font-family:Inter,sans-serif,Arial;overflow-x:hidden;height:100%}img,picture,video,canvas{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:0;cursor:pointer;background:none}li{list-style-type:none}a{text-decoration:none}::-webkit-scrollbar{width:.7em}::-webkit-scrollbar-track{background-color:var(--clr-dark-gray)}::-webkit-scrollbar-thumb{background-color:var(--clr-green);border-radius:100vw;border:.2em solid var(--clr-dark-gray)}::-webkit-scrollbar-thumb:hover{background-color:var(--clr-green-hover)}@supports (scrollbar-color: green dark){*{scrollbar-color:var(--clr-green) var(--clr-dark-gray);scrollbar-width:thin}}.cta-button-green{background:var(--gradient-green);color:var(--clr-purple);padding:var(--size-base) var(--size-2xl);border:none;font-size:var(--size-lg);font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp 1s ease-out 1s both}.cta-button-green:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-btn-shine);transition:left .5s}.cta-button-green:hover:before{left:100%}.cta-button-green:hover{background:linear-gradient(135deg,var(--clr-green-hover) 0%,#00b35f 100%);transform:translateY(-2px);box-shadow:0 0 20px #00ff8766}.cta-button-violet{position:relative;display:inline-block;background:linear-gradient(135deg,var(--clr-purple) 0%,#4a0049 100%);color:var(--clr-white);padding:var(--size-base) var(--size-2xl);border:none;font-size:var(--size-lg);font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #38003c4d;z-index:2;overflow:hidden}.cta-button-violet:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,135,.2),transparent);transition:left .6s}.cta-button-violet:hover:before{left:100%}.cta-button-violet:hover{background:linear-gradient(135deg,var(--clr-dark-purple-hover) 0%,#2d0033 100%);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-purple)}.log-wrapper{display:flex;cursor:pointer;align-items:flex-end;gap:.4em;justify-content:center}.log-wrapper span{transition:opacity .4s ease-in-out;text-wrap:nowrap;font-size:var(--size-base);color:var(--clr-white)}.log-out-icon,.log-in-icon{width:25px;height:auto;color:var(--clr-green);transition:color .4s ease-in-out}.log-wrapper:hover span{opacity:50%}.log-wrapper:hover .log-in-icon{color:var(--clr-green-hover)}.log-wrapper:hover .log-out-icon{color:var(--clr-red)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes particleFloat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.8}}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:.9;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.1);opacity:.6}}@keyframes ctaParticleFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.05);opacity:.8}}@keyframes ctaGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes footerGlow{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 1280px){.cta-button-green,.cta-button-violet{font-size:var(--size-base);padding:var(--size-sm) var(--size-xl)}}@media (max-width: 1024px){.log-wrapper span{font-size:var(--size-sm)}.log-out-icon,.log-in-icon{width:22px}}@media (max-width: 768px){.cta-button-green,.cta-button-violet{font-size:var(--size-sm);padding:var(--size-xs) var(--size-lg)}}@media (max-width: 640px){.cta-button-green{font-size:var(--size-xs);padding:var(--size-xxs) var(--size-base)}}@media (max-width: 475px){.cta-button-green,.cta-button-violet{font-size:var(--size-xxs);padding:var(--size-xxxs) var(--size-sm)}}@media (max-width: 350px){.cta-button-green,.cta-button-violet{font-size:var(--size-xxxs);padding:var(--size-xxxxs) var(--size-xs)}}.hide-on-mobile{display:block}.hide-on-desktop{display:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--clr-white);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--clr-white);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-dark{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite}@media (max-width: 768px){.hide-on-mobile{display:none}.hide-on-desktop{align-self:center;display:block}}.profile-page{min-height:100vh;background:var(--theme-gradient);background-size:400% 400%;position:relative;overflow-x:hidden;padding:var(--size-2xl) var(--size-lg);transition:all .3s ease}.theme-original{--theme-primary: #6B46C1;--theme-secondary: #4a0049;--theme-accent: #00FF87;--theme-accent-rgb: 0, 255, 135;--theme-tertiary-rgb: 14, 165, 233;--theme-gradient: linear-gradient(135deg, #1a0033 0%, #330066 25%, #4a0049 50%, #1a0033 75%, #2d0033 100%)}.theme-purple{--theme-primary: #6B46C1;--theme-secondary: #4a0049;--theme-accent: #00FF87;--theme-accent-rgb: 0, 255, 135;--theme-tertiary-rgb: 14, 165, 233;--theme-gradient: linear-gradient(135deg, #6B46C1 0%, #4a0049 25%, #2d0033 50%, #6B46C1 75%, #4f004a 100%)}.theme-midnight{--theme-primary: #1e293b;--theme-secondary: #0f172a;--theme-accent: #06b6d4;--theme-accent-rgb: 6, 182, 212;--theme-tertiary-rgb: 14, 165, 233;--theme-gradient: linear-gradient(135deg, #1e293b 0%, #0f172a 50%)}.theme-ocean{--theme-primary: #0369a1;--theme-secondary: #0c4a6e;--theme-accent: #0891b2;--theme-accent-rgb: 8, 145, 178;--theme-tertiary-rgb: 14, 165, 233;--theme-gradient: linear-gradient(135deg, #0369a1 0%, #0c4a6e 50%)}.theme-simple{--theme-primary: #f8fafc;--theme-secondary: #e2e8f0;--theme-accent: #3b82f6;--theme-accent-rgb: 59, 130, 246;--theme-tertiary-rgb: 14, 165, 233;--theme-gradient: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);--clr-white: #1f2937;--text-primary: #1f2937;--text-secondary: #6b7280}.theme-simple .profile-page{color:var(--text-primary)}.theme-simple .profile-name,.theme-simple .stat-value,.theme-simple .stats-card h3,.theme-simple .social-link-title,.theme-simple .section-title{color:var(--text-primary)!important}.theme-simple .stat-label,.theme-simple .social-link-platform,.theme-simple .tooltip-points,.theme-simple .tooltip-rank{color:var(--text-secondary)!important}.profile-bg-element{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(var(--theme-accent-rgb, 0, 255, 135),.06) 0%,transparent 70%);animation:float 12s ease-in-out infinite;pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.profile-bg-element-1{width:350px;height:350px;top:15%;left:-8%;animation-delay:0s}.profile-bg-element-2{width:250px;height:250px;top:60%;right:-8%;animation-delay:4s}.profile-bg-element-3{width:180px;height:180px;bottom:10%;left:20%;animation-delay:8s}.not-found-bg-element{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(var(--theme-accent-rgb, 0, 255, 135),.08) 0%,transparent 70%);animation:float 15s ease-in-out infinite;pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.not-found-bg-element-1{width:400px;height:400px;top:10%;left:-10%;animation-delay:0s}.not-found-bg-element-2{width:300px;height:300px;top:50%;right:-10%;animation-delay:3s}.not-found-bg-element-3{width:200px;height:200px;bottom:20%;left:15%;animation-delay:6s}.not-found-bg-element-4{width:150px;height:150px;top:30%;right:20%;animation-delay:9s}.not-found-bg-element-5{width:250px;height:250px;bottom:5%;right:10%;animation-delay:12s}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--clr-white);text-align:center;position:relative;z-index:10}.loading-container{gap:var(--size-lg);font-size:var(--size-lg)}.error-content h1{font-size:6rem;font-weight:700;margin-bottom:var(--size-lg);color:var(--theme-accent, var(--clr-green));text-shadow:0 0 20px rgba(var(--theme-accent-rgb, 0, 255, 135),.4);animation:errorGlow 2s ease-in-out infinite}.error-content h2{font-size:var(--size-2xl);margin-bottom:var(--size-base);color:#ffffffe6}.error-content p{font-size:var(--size-base);color:#ffffffb3;margin-bottom:var(--size-2xl);max-width:400px;line-height:1.6}.profile-container{max-width:900px;margin:0 auto;position:relative;z-index:10;padding-top:var(--size-6xl)}.profile-content{display:flex;flex-direction:column;gap:var(--size-4xl)}.profile-header{background:#ffffff0f;-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);border-radius:var(--radius-2xl);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.12);padding:var(--size-4xl);box-shadow:0 20px 60px #0003,inset 0 1px #ffffff1a;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--size-2xl);position:relative;overflow:hidden;transition:all var(--transition-normal) ease}.profile-main-info{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--size-2xl);flex:1;position:relative;z-index:2}.profile-avatar-container{position:relative;display:flex;align-items:center;gap:var(--size-lg)}.profile-name-container{display:flex;flex-direction:column;gap:var(--size-sm)}.profile-avatar-large{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:3px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.8);box-shadow:0 0 0 4px rgba(var(--theme-accent-rgb, 0, 255, 135),.2),0 8px 32px rgba(var(--theme-accent-rgb, 0, 255, 135),.3);transition:all var(--transition-normal) ease;position:relative}.profile-avatar-large:before{content:"";position:absolute;inset:-6px;border-radius:var(--radius-full);background:linear-gradient(45deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.4),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.4),rgba(var(--theme-accent-rgb, 0, 255, 135),.4));background-size:200% 200%;animation:avatarBorderGlow 3s ease-in-out infinite;z-index:-1;opacity:0;transition:opacity var(--transition-normal) ease}.profile-avatar-large:hover:before{opacity:1}.profile-avatar-large:hover{transform:scale(1.05);box-shadow:0 0 0 6px rgba(var(--theme-accent-rgb, 0, 255, 135),.3),0 12px 48px rgba(var(--theme-accent-rgb, 0, 255, 135),.4)}.profile-details-main{width:100%;position:relative;z-index:2}.profile-name{font-size:var(--size-3xl);font-weight:700;line-height:1.2;color:var(--clr-white);background:linear-gradient(135deg,var(--clr-white) 0%,rgba(var(--theme-accent-rgb, 0, 255, 135),1) 50%,var(--clr-white) 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 4s ease-in-out infinite;margin-bottom:var(--size-sm)}.profile-url{font-size:var(--size-base);color:#ffffffb3;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;background:#ffffff0d;padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal) ease;display:inline-block}.profile-url:hover{background:#ffffff1a;border-color:rgba(var(--theme-accent-rgb, 0, 255, 135),.3);color:#ffffffe6}.profile-bio{font-size:var(--size-base);color:#fffc;line-height:1.6;margin:var(--size-base) 0;padding:var(--size-base);background:#ffffff0d;border-radius:var(--radius-md);border-left:3px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.6);max-width:400px}.header-social-links{display:flex;align-items:center;gap:var(--size-sm);flex-wrap:wrap;margin-top:var(--size-base)}.header-social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--platform-color);transition:all var(--transition-normal) ease;cursor:pointer;position:relative;overflow:hidden}.header-social-icon:before{content:"";position:absolute;inset:0;background:var(--platform-color);opacity:0;transition:opacity var(--transition-normal) ease}.header-social-icon:hover{background:var(--platform-color);border-color:var(--platform-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.header-social-icon svg{width:16px;height:16px;position:relative;z-index:1}.more-links{font-size:var(--size-xs);color:#fff9;background:#ffffff1a;padding:var(--size-xs) var(--size-sm);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2)}.badges-section{margin:var(--size-lg) 0;opacity:0;transform:translateY(20px);transition:all var(--transition-slow) cubic-bezier(.4,0,.2,1)}.badges-section.visible{opacity:1;transform:translateY(0)}.badges-container{display:flex;flex-wrap:wrap;gap:var(--size-base);justify-content:center}.badge{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:var(--size-xs);box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff1a;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translate(-20px) scale(.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow) ease}.badge:hover:before{left:100%}.badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0006,inset 0 1px #fff3}.badge-glow{animation:badgeGlow 2s ease-in-out infinite;box-shadow:0 0 20px #ffd70099,0 4px 15px #0000004d,inset 0 1px #fff3}.badge-legendary{border:2px solid rgba(255,215,0,.8);font-size:var(--size-sm);padding:var(--size-base) var(--size-lg);background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.badge-epic{border:2px solid rgba(159,122,234,.8);background:linear-gradient(135deg,#9f7aea33,#9f7aea1a)}.badge-rare{border:2px solid rgba(72,187,120,.8);background:linear-gradient(135deg,#48bb7833,#48bb781a)}.badge-common{border:2px solid rgba(237,137,54,.8);background:linear-gradient(135deg,#ed893633,#ed89361a)}.badge-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:var(--radius-full);transition:all var(--transition-normal) ease}.badge:hover .badge-icon{background:#ffffff4d;transform:scale(1.1)}.badge-content{display:flex;flex-direction:column;gap:2px}.badge-name{font-weight:700;font-size:var(--size-xs);white-space:nowrap}.badge-description{font-weight:400;font-size:var(--size-xxs);opacity:.9;white-space:nowrap;display:none}.badge:hover .badge-description{display:block}.animate-badge{animation:badgeSlideIn var(--transition-slow) ease-out forwards}.badge{position:relative}.badge[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:var(--size-base) var(--size-lg);border-radius:var(--radius-md);font-size:var(--size-sm);white-space:nowrap;z-index:1000;margin-top:var(--size-sm);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.3);box-shadow:0 4px 15px #0000004d;opacity:0;animation:tooltipFadeIn var(--transition-normal) ease-out forwards;pointer-events:none;max-width:300px;white-space:normal;text-align:center;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-stats-main{display:flex;gap:var(--size-lg);justify-content:center;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-base) var(--size-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-normal) ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.05) 0%,transparent 50%,rgba(var(--theme-tertiary-rgb, 14, 165, 233),.05) 100%);opacity:0;transition:opacity var(--transition-normal) ease}.stat-card:hover{background:rgba(var(--theme-accent-rgb, 0, 255, 135),.1);border-color:rgba(var(--theme-accent-rgb, 0, 255, 135),.3);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon-main{width:20px;height:20px;color:var(--theme-accent, var(--clr-green));flex-shrink:0;transition:all var(--transition-normal) ease}.stat-card:hover .stat-icon-main{transform:scale(1.1);color:rgba(var(--theme-accent-rgb, 0, 255, 135),1)}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:var(--size-xs);color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:var(--size-sm);font-weight:600;color:var(--clr-white)}.profile-actions{flex-shrink:0;align-self:flex-start;position:relative;z-index:2}.share-btn{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-base) var(--size-lg);background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.9),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.9));border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.3);border-radius:var(--radius-md);color:var(--clr-white);font-size:var(--size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal) ease;position:relative;overflow:hidden}.share-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity var(--transition-normal) ease}.share-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(var(--theme-accent-rgb, 0, 255, 135),.4)}.share-btn:hover:before{opacity:1}.share-icon{width:16px;height:16px;transition:all var(--transition-normal) ease}.share-btn:hover .share-icon{transform:scale(1.1)}.section-title{font-size:var(--size-xl);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-2xl);text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.8),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.8));border-radius:var(--radius-full)}.fpl-stats-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.1);padding:var(--size-3xl);box-shadow:0 10px 40px #0003;position:relative;overflow:hidden}.fpl-stats-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb, 0, 255, 135),.5),transparent)}.stats-loading{display:flex;flex-direction:column;align-items:center;gap:var(--size-lg);padding:var(--size-4xl);color:#ffffffb3}.stats-error{text-align:center;padding:var(--size-2xl);color:#fff9}.fpl-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--size-xl)}.stats-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--size-xl);transition:all var(--transition-normal) ease;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.8),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.8));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal) ease}.stats-card:hover{background:#ffffff1a;border-color:rgba(var(--theme-accent-rgb, 0, 255, 135),.3);transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.stats-card:hover:before{transform:scaleX(1)}.stats-card-header{display:flex;align-items:center;gap:var(--size-base);margin-bottom:var(--size-lg)}.stats-card-icon{width:24px;height:24px;color:var(--theme-accent, var(--clr-green));transition:all var(--transition-normal) ease}.stats-card:hover .stats-card-icon{transform:scale(1.1);color:rgba(var(--theme-accent-rgb, 0, 255, 135),1)}.stats-card h3{font-size:var(--size-lg);font-weight:600;color:var(--clr-white);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--size-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-lg);background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-normal) ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.08) 0%,transparent 50%,rgba(var(--theme-tertiary-rgb, 14, 165, 233),.08) 100%);opacity:0;transition:opacity var(--transition-normal) ease}.stat-item:hover{background:#ffffff14;transform:translateY(-2px) scale(1.02)}.stat-item:hover:before{opacity:1}.stat-item.highlight{background:rgba(var(--theme-accent-rgb, 0, 255, 135),.1);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.3);box-shadow:0 0 20px rgba(var(--theme-accent-rgb, 0, 255, 135),.2)}.stat-item.highlight:hover{background:rgba(var(--theme-accent-rgb, 0, 255, 135),.15);box-shadow:0 0 30px rgba(var(--theme-accent-rgb, 0, 255, 135),.3)}.stat-number{font-size:var(--size-xl);font-weight:700;color:var(--clr-white);margin-bottom:var(--size-xs);display:flex;align-items:center;gap:var(--size-xs);position:relative;z-index:1}.stat-text{font-size:var(--size-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.rank-trend{display:flex;align-items:center;gap:var(--size-xs)}.trend-icon{width:16px;height:16px;transition:all var(--transition-normal) ease}.trend-icon.positive{color:#10b981}.trend-icon.negative{color:#ef4444}.trend-icon.neutral{color:#ffffff80}.performance-card{border-left:4px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.8);background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.05),#ffffff0d)}.performance-card:hover{border-left-color:rgba(var(--theme-accent-rgb, 0, 255, 135),1)}.records-card{border-left:4px solid #F59E0B;background:linear-gradient(135deg,#f59e0b0d,#ffffff0d)}.records-card .stats-card-icon{color:#f59e0b}.records-card:hover{border-left-color:#fbbf24}.team-card{border-left:4px solid #3B82F6;background:linear-gradient(135deg,#3b82f60d,#ffffff0d)}.team-card .stats-card-icon{color:#3b82f6}.team-card:hover{border-left-color:#60a5fa}.chart-card{border-left:4px solid #8B5CF6;grid-column:span 2;background:linear-gradient(135deg,#8b5cf60d,#ffffff0d)}.chart-card .stats-card-icon{color:#8b5cf6}.chart-card:hover{border-left-color:#a78bfa}.chart-container{margin-top:var(--size-base);padding:var(--size-base);background:#ffffff05;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.chart-tooltip{background:#000000f2;border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.3);border-radius:var(--radius-md);padding:var(--size-base);box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-label{color:var(--theme-accent, var(--clr-green));font-weight:600;margin:0 0 var(--size-xs) 0}.tooltip-points,.tooltip-rank{color:var(--clr-white);margin:0;font-size:var(--size-sm)}.tooltip-value{color:var(--theme-accent, var(--clr-green));font-weight:600}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--size-4xl);text-align:center;color:#fff9}.no-data-icon{width:48px;height:48px;margin-bottom:var(--size-lg);color:#ffffff4d}.chart-no-data p{font-size:var(--size-base);font-weight:600;margin-bottom:var(--size-sm);color:#ffffffb3}.chart-no-data span{font-size:var(--size-sm);color:#ffffff80}.fpl-team-info{margin-top:var(--size-xl);padding-top:var(--size-lg);border-top:1px solid rgba(255,255,255,.1);width:100%}.team-info-cards{display:flex;gap:var(--size-base);justify-content:center;flex-wrap:wrap}.team-info-card{display:flex;align-items:center;gap:var(--size-sm);padding:var(--size-sm) var(--size-base);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-normal) ease;min-width:120px;position:relative;overflow:hidden}.team-info-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.05) 0%,transparent 50%,rgba(var(--theme-tertiary-rgb, 14, 165, 233),.05) 100%);opacity:0;transition:opacity var(--transition-normal) ease}.team-info-card:hover{background:rgba(var(--theme-accent-rgb, 0, 255, 135),.1);border-color:rgba(var(--theme-accent-rgb, 0, 255, 135),.3);transform:translateY(-2px)}.team-info-card:hover:before{opacity:1}.team-info-icon{width:16px;height:16px;color:var(--theme-accent, var(--clr-green));flex-shrink:0;transition:all var(--transition-normal) ease}.team-info-card:hover .team-info-icon{transform:scale(1.1);color:rgba(var(--theme-accent-rgb, 0, 255, 135),1)}.team-info-content{display:flex;flex-direction:column;flex:1}.team-info-label{font-size:var(--size-xs);color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.team-info-value{font-size:var(--size-sm);font-weight:600;color:var(--clr-white)}.view-team-btn{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-xs) var(--size-sm);background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.9),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.9));border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.3);border-radius:var(--radius-sm);color:var(--clr-white);font-size:var(--size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-normal) ease;text-decoration:none}.view-team-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px rgba(var(--theme-accent-rgb, 0, 255, 135),.4)}.create-your-profile-section{margin-top:var(--size-4xl);opacity:0;transform:translateY(30px);transition:all .6s ease-out}.create-your-profile-section.visible{opacity:1;transform:translateY(0)}.create-profile-banner{background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.08),rgba(var(--theme-accent-rgb, 0, 255, 135),.04),#8a2be214);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.2);box-shadow:0 20px 60px rgba(var(--theme-accent-rgb, 0, 255, 135),.1),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--size-4xl);position:relative;overflow:hidden}.create-profile-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb, 0, 255, 135),.1),transparent);animation:bannerShine 3s ease-in-out infinite}.banner-content{display:flex;justify-content:space-between;align-items:center;gap:var(--size-3xl);position:relative;z-index:2}.banner-text{flex:1}.banner-text h3{font-size:var(--size-2xl);font-weight:700;color:var(--clr-white);margin-bottom:var(--size-base);background:linear-gradient(135deg,var(--clr-white) 0%,rgba(var(--theme-accent-rgb, 0, 255, 135),1) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-text p{font-size:var(--size-base);color:#fffc;margin-bottom:var(--size-lg);line-height:1.6}.features-list{list-style:none;padding:0;margin:0}.features-list li{font-size:var(--size-sm);color:#ffffffe6;margin-bottom:var(--size-sm);padding-left:var(--size-lg);position:relative}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--theme-accent, var(--clr-green));font-weight:700;font-size:var(--size-base)}.banner-action{flex-shrink:0;text-align:center}.create-profile-banner-btn{display:flex;align-items:center;gap:var(--size-base);padding:var(--size-lg) var(--size-2xl);border:none;border-radius:var(--radius-lg);color:var(--clr-white);font-size:var(--size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-normal) ease;background:linear-gradient(135deg,rgba(var(--theme-accent-rgb, 0, 255, 135),.9),rgba(var(--theme-tertiary-rgb, 14, 165, 233),.9));box-shadow:0 0 25px rgba(var(--theme-accent-rgb, 0, 255, 135),.3);text-decoration:none;position:relative;overflow:hidden}.create-profile-banner-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity var(--transition-normal) ease}.create-profile-banner-btn:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(var(--theme-accent-rgb, 0, 255, 135),.5)}.create-profile-banner-btn:hover:before{opacity:1}.banner-btn-icon{width:20px;height:20px;transition:all var(--transition-normal) ease}.create-profile-banner-btn:hover .banner-btn-icon{transform:scale(1.1)}.banner-subtext{margin-top:var(--size-base);font-size:var(--size-sm);color:#fff9;font-style:italic}.social-links-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.1);padding:var(--size-3xl);box-shadow:0 10px 40px #0003;position:relative;overflow:hidden}.social-links-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--theme-accent-rgb, 0, 255, 135),.5),transparent)}.social-links-grid{display:grid;gap:var(--size-lg)}.social-link-card{display:flex;align-items:center;gap:var(--size-lg);padding:var(--size-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal) ease;position:relative;overflow:hidden;text-decoration:none}.social-link-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--platform-color);transition:width var(--transition-normal) ease}.social-link-card:hover{background:#ffffff1a;border-color:var(--platform-color);transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.social-link-card:hover:before{width:8px}.social-link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-lg);color:var(--platform-color);transition:all var(--transition-normal) ease;flex-shrink:0}.social-link-card:hover .social-link-icon{background:var(--platform-color);color:#fff;transform:scale(1.1)}.social-link-icon svg{width:24px;height:24px}.social-link-content{flex:1}.social-link-title{font-size:var(--size-base);font-weight:600;color:var(--clr-white);margin-bottom:var(--size-xs)}.social-link-platform{font-size:var(--size-sm);color:#fff9;text-transform:capitalize}.external-icon{width:20px;height:20px;color:#ffffff80;transition:all var(--transition-normal) ease;flex-shrink:0}.social-link-card:hover .external-icon{color:var(--clr-white);transform:translate(3px)}.empty-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-6xl) var(--size-2xl);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.empty-icon{width:64px;height:64px;color:#ffffff4d;margin-bottom:var(--size-lg)}.empty-profile h3{font-size:var(--size-lg);color:#ffffffb3;margin-bottom:var(--size-sm);font-weight:600}.empty-profile p{font-size:var(--size-base);color:#ffffff80;line-height:1.6}.profile-footer{text-align:center;padding:var(--size-2xl) 0;color:#ffffff80;font-size:var(--size-sm);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--size-4xl)}.profile-footer strong{color:var(--theme-accent, var(--clr-green));font-weight:600}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.8);border-radius:var(--radius-full);animation:spin 1s linear infinite}.champion-glow{animation:championGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ffd700e6,#ffc107e6);box-shadow:0 0 30px #ffd70080,inset 0 1px #ffffff4d}.silver-shimmer{animation:silverShimmer 2.5s ease-in-out infinite;background:linear-gradient(135deg,#c0c0c0e6,#a9a9a9e6);box-shadow:0 0 20px #c0c0c066,inset 0 1px #ffffff4d}.bronze-glow{animation:bronzeGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,#cd7f32e6,#b87333e6);box-shadow:0 0 20px #cd7f3266,inset 0 1px #ffffff4d}.elite-aura{animation:eliteAura 2.5s ease-in-out infinite;background:linear-gradient(135deg,#9f7aeae6,#8b5cf6e6);box-shadow:0 0 20px #9f7aea66,inset 0 1px #ffffff4d}.master-pulse{animation:masterPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#4299e1e6,#3182cee6);box-shadow:0 0 20px #4299e166,inset 0 1px #ffffff4d}.champion-avatar-glow{animation:championAvatarGlow 2s ease-in-out infinite}.silver-avatar-glow{animation:silverAvatarGlow 2s ease-in-out infinite}.bronze-avatar-glow{animation:bronzeAvatarGlow 2s ease-in-out infinite}.elite-avatar-glow{animation:eliteAvatarGlow 2s ease-in-out infinite}.master-avatar-glow{animation:masterAvatarGlow 2s ease-in-out infinite}.champion-text-glow{animation:championTextGlow 2s ease-in-out infinite}.silver-text-glow{animation:silverTextGlow 2s ease-in-out infinite}.bronze-text-glow{animation:bronzeTextGlow 2s ease-in-out infinite}.elite-text-glow{animation:eliteTextGlow 2s ease-in-out infinite}.master-text-glow{animation:masterTextGlow 2s ease-in-out infinite}.animate-slide-up{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-slide-up.visible{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transform:scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1)}.animate-fade-in.visible{opacity:1;transform:scale(1)}.animate-card{opacity:0;transform:translateY(20px) scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1)}.animate-card.visible{opacity:1;transform:translateY(0) scale(1)}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(1deg)}66%{transform:translateY(8px) rotate(-1deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-20px) rotate(3deg) scale(1.02)}66%{transform:translateY(10px) rotate(-3deg) scale(.98)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatarBorderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #ffd70099,0 4px 15px #0000004d,inset 0 1px #ffffff4d}50%{box-shadow:0 0 30px #ffd700cc,0 6px 20px #0006,inset 0 1px #fff6}}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(-20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bannerShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes errorGlow{0%,to{text-shadow:0 0 20px rgba(var(--theme-accent-rgb, 0, 255, 135),.4)}50%{text-shadow:0 0 30px rgba(var(--theme-accent-rgb, 0, 255, 135),.6)}}@keyframes championGlow{0%,to{background-position:0% 50%;box-shadow:inset 0 0 100px #ffd70033,0 0 100px #ffd7004d,inset 0 1px #ffffff4d}50%{background-position:100% 50%;box-shadow:inset 0 0 150px #ffd7004d,0 0 150px #ffd70080,inset 0 1px #fff6}}@keyframes silverShimmer{0%,to{background-position:0% 50%;box-shadow:inset 0 0 80px #c0c0c033,0 0 40px #c0c0c01a,inset 0 1px #ffffff4d}50%{background-position:100% 50%;box-shadow:inset 0 0 100px #c0c0c04d,0 0 60px #c0c0c026,inset 0 1px #fff6}}@keyframes bronzeGlow{0%,to{background-position:0% 50%;box-shadow:inset 0 0 80px #cd7f3233,0 0 40px #cd7f321a,inset 0 1px #ffffff4d}50%{background-position:100% 50%;box-shadow:inset 0 0 100px #cd7f324d,0 0 60px #cd7f3226,inset 0 1px #fff6}}@keyframes eliteAura{0%,to{background-position:0% 50%;box-shadow:inset 0 0 80px #9f7aea33,0 0 40px #9f7aea1a,inset 0 1px #ffffff4d}50%{background-position:100% 50%;box-shadow:inset 0 0 100px #9f7aea4d,0 0 60px #9f7aea26,inset 0 1px #fff6}}@keyframes masterPulse{0%,to{background-position:0% 50%;box-shadow:inset 0 0 80px #4299e133,0 0 40px #4299e11a,inset 0 1px #ffffff4d}50%{background-position:100% 50%;box-shadow:inset 0 0 100px #4299e14d,0 0 60px #4299e126,inset 0 1px #fff6}}@keyframes championAvatarGlow{0%,to{box-shadow:0 0 0 4px #ffd7004d,0 0 40px #ffd70080}50%{box-shadow:0 0 0 6px #ffd70066,0 0 60px #ffd700b3}}@keyframes silverAvatarGlow{0%,to{box-shadow:0 0 0 4px #c0c0c04d,0 0 35px #c0c0c066}50%{box-shadow:0 0 0 6px #c0c0c066,0 0 50px #c0c0c099}}@keyframes bronzeAvatarGlow{0%,to{box-shadow:0 0 0 4px #cd7f324d,0 0 35px #cd7f3266}50%{box-shadow:0 0 0 6px #cd7f3266,0 0 50px #cd7f3299}}@keyframes eliteAvatarGlow{0%,to{box-shadow:0 0 0 4px #9f7aea4d,0 0 35px #9f7aea66}50%{box-shadow:0 0 0 6px #9f7aea66,0 0 50px #9f7aea99}}@keyframes masterAvatarGlow{0%,to{box-shadow:0 0 0 4px #4299e14d,0 0 35px #4299e166}50%{box-shadow:0 0 0 6px #4299e166,0 0 50px #4299e199}}@keyframes championTextGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8)}50%{text-shadow:0 0 30px rgba(255,215,0,1)}}@keyframes silverTextGlow{0%,to{text-shadow:0 0 15px rgba(192,192,192,.8)}50%{text-shadow:0 0 25px rgba(192,192,192,1)}}@keyframes bronzeTextGlow{0%,to{text-shadow:0 0 15px rgba(205,127,50,.8)}50%{text-shadow:0 0 25px rgba(205,127,50,1)}}@keyframes eliteTextGlow{0%,to{text-shadow:0 0 15px rgba(159,122,234,.8)}50%{text-shadow:0 0 25px rgba(159,122,234,1)}}@keyframes masterTextGlow{0%,to{text-shadow:0 0 15px rgba(66,153,225,.8)}50%{text-shadow:0 0 25px rgba(66,153,225,1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible,*:focus-visible{outline:2px solid rgba(var(--theme-accent-rgb, 0, 255, 135),.8);outline-offset:2px;border-radius:var(--radius-sm)}@container (max-width: 1400px){.chart-card{grid-column:span 1}}@media (max-width: 1200px){.profile-page{padding:var(--size-3xl) var(--size-lg)}.profile-container{max-width:800px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.fpl-stats-grid{grid-template-columns:1fr}.chart-card{grid-column:span 1}}@media (max-width: 1024px){.banner-content{flex-direction:column;gap:var(--size-2xl);text-align:center}.profile-main-info{flex-direction:column;align-items:center;text-align:center;gap:var(--size-lg)}.profile-avatar-container{flex-direction:column;text-align:center;gap:var(--size-base)}.profile-name-container{align-items:center}.header-social-links{justify-content:center}}@media (max-width: 768px){.profile-page{padding:var(--size-2xl) var(--size-base)}.profile-container{padding-top:var(--size-4xl)}.profile-header{padding:var(--size-2xl);gap:var(--size-lg)}.profile-main-info{flex-direction:column;align-items:center;text-align:center;gap:var(--size-lg)}.profile-avatar-large{width:100px;height:100px}.profile-name{font-size:var(--size-2xl)}.badges-container{justify-content:center;gap:var(--size-sm)}.badge{padding:var(--size-xs) var(--size-sm);font-size:calc(var(--size-xs) * .9)}.badge-name{font-size:calc(var(--size-xs) * .9)}.badge-icon{width:20px;height:20px}.badge-description{display:none!important}.profile-stats-main{flex-direction:column;gap:var(--size-base);width:100%}.stat-card{justify-content:center}.team-info-cards{flex-direction:column;align-items:center;gap:var(--size-sm)}.team-info-card{width:100%;max-width:250px;justify-content:center}.fpl-stats-section,.social-links-section{padding:var(--size-2xl)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--size-base)}.section-title{font-size:var(--size-lg)}.social-link-card{padding:var(--size-base);gap:var(--size-base)}.social-link-icon{width:40px;height:40px}.social-link-icon svg{width:20px;height:20px}.create-profile-banner{padding:var(--size-2xl)}.banner-text h3{font-size:var(--size-xl)}.create-profile-banner-btn{padding:var(--size-base) var(--size-xl);font-size:var(--size-base)}.header-social-links{flex-wrap:wrap;justify-content:center;max-width:250px}.header-social-icon{width:28px;height:28px}.header-social-icon svg{width:14px;height:14px}.profile-bio{max-width:100%;font-size:var(--size-sm)}}@media (max-width: 640px){.profile-page{padding:var(--size-xl) var(--size-sm)}.profile-header{padding:var(--size-lg);border-radius:var(--radius-lg)}.profile-avatar-large{width:80px;height:80px}.profile-name{font-size:var(--size-xl)}.profile-url{font-size:var(--size-sm)}.badges-container{gap:var(--size-xs)}.badge{padding:var(--size-xxs) var(--size-xs);font-size:calc(var(--size-xs) * .8)}.badge-icon{width:16px;height:16px}.stats-grid{grid-template-columns:1fr}.stat-item{padding:var(--size-base)}.stat-number{font-size:var(--size-lg)}.share-btn{padding:var(--size-sm) var(--size-base);font-size:var(--size-sm)}.header-social-links{gap:var(--size-xs)}.header-social-icon{width:24px;height:24px}.header-social-icon svg{width:12px;height:12px}.more-links{font-size:calc(var(--size-xs) * .8);padding:2px var(--size-xs)}.profile-bio{font-size:var(--size-sm);padding:var(--size-sm)}}@media (max-width: 480px){.profile-page{padding:var(--size-base) var(--size-xs)}.profile-container{padding-top:var(--size-3xl)}.fpl-stats-section,.social-links-section,.create-profile-banner,.stats-card{padding:var(--size-lg)}.stats-card h3{font-size:var(--size-base)}.section-title{font-size:var(--size-base);margin-bottom:var(--size-lg)}.social-link-card{padding:var(--size-sm)}.social-link-title{font-size:var(--size-sm)}.social-link-platform{font-size:var(--size-xs)}.empty-profile{padding:var(--size-3xl) var(--size-lg)}.empty-icon{width:48px;height:48px}.empty-profile h3{font-size:var(--size-base)}.empty-profile p{font-size:var(--size-sm)}.banner-text h3{font-size:var(--size-lg)}.banner-text p{font-size:var(--size-sm)}.features-list li{font-size:var(--size-xs)}.create-profile-banner-btn{padding:var(--size-sm) var(--size-lg);font-size:var(--size-sm)}.chart-container{padding:var(--size-sm)}.profile-avatar-large{width:70px;height:70px}.profile-name{font-size:var(--size-lg)}.profile-url{font-size:var(--size-xs);padding:2px var(--size-xs)}.header-social-links{gap:2px;margin-top:var(--size-sm)}.header-social-icon{width:20px;height:20px}.header-social-icon svg{width:10px;height:10px}.profile-bio{font-size:var(--size-xs);padding:var(--size-xs)}.badge{padding:2px var(--size-xs);font-size:calc(var(--size-xs) * .7);gap:2px}.badge-icon{width:14px;height:14px}.error-content h1{font-size:4rem}.error-content h2{font-size:var(--size-xl)}}@media (max-width: 360px){.profile-page{padding:var(--size-sm) 2px}.profile-header{padding:var(--size-base)}.profile-avatar-large{width:60px;height:60px}.profile-name{font-size:var(--size-base)}.profile-url{font-size:calc(var(--size-xs) * .8)}.section-title{font-size:var(--size-sm)}.fpl-stats-section,.social-links-section,.create-profile-banner,.stats-card{padding:var(--size-base)}.badge{padding:1px var(--size-xs);font-size:calc(var(--size-xs) * .6)}.badge-icon{width:12px;height:12px}.header-social-icon{width:18px;height:18px}.header-social-icon svg{width:8px;height:8px}.share-btn{padding:var(--size-xs) var(--size-sm);font-size:var(--size-xs)}.create-profile-banner-btn{padding:var(--size-xs) var(--size-base);font-size:var(--size-xs)}.banner-btn-icon{width:14px;height:14px}}@media print{.profile-page{background:#fff!important;color:#000!important}.profile-bg-element,.not-found-bg-element,.share-btn,.create-profile-banner{display:none!important}.profile-header{border:1px solid #ccc!important;background:#fff!important}.badge{border:1px solid #ccc!important;background:#fff!important;color:#000!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.profile-bg-element,.not-found-bg-element,.badge-glow,.champion-glow,.silver-shimmer,.bronze-glow,.elite-aura,.master-pulse{animation:none!important}}