/**
 * @license
 * Copyright 2026 Cactusio
 *
 * This code is part of the Cactusio web platform.
 * All rights remain reserved.
 * Unauthorized use, extraction, or redistribution is not permitted.
 *
 * more info at [https://policies.cactusio.com/en/](https://policies.cactusio.com/en/)
 */
:root{--m3-primary:#68BE7C;--m3-primary-container:rgba(104, 190, 124, 0.12);--m3-on-primary:#ffffff;--m3-on-primary-container:#002910;--m3-secondary:#687CBE;--m3-secondary-container:rgba(104, 124, 190, 0.12);--m3-on-secondary:#ffffff;--m3-surface:#0F1419;--m3-surface-variant:#1a1f26;--m3-surface-container-low:#161b22;--m3-surface-container:#1c2128;--m3-surface-container-high:#272d36;--m3-on-surface:#e6edf3;--m3-on-surface-variant:#b1bac4;--m3-outline:#2d333b;--m3-outline-variant:#424a53;--m3-background:#0B1117;--m3-error:#ff6b6b;--m3-warning:#ffa726;--m3-success:#4caf50;--m3-radius-xs:8px;--m3-radius-sm:12px;--m3-radius-md:16px;--m3-radius-lg:24px;--m3-radius-xl:32px;--m3-radius-2xl:40px;--m3-radius-full:9999px;--m3-radius-expressive:28px;--m3-elevation-1:0 1px 3px rgba(0, 0, 0, 0.12),0 1px 2px rgba(0, 0, 0, 0.24);--m3-elevation-2:0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);--m3-elevation-3:0 10px 20px rgba(0, 0, 0, 0.19),0 6px 6px rgba(0, 0, 0, 0.23);--m3-elevation-4:0 14px 28px rgba(0, 0, 0, 0.25),0 10px 10px rgba(0, 0, 0, 0.22);--m3-elevation-5:0 19px 38px rgba(0, 0, 0, 0.30),0 15px 12px rgba(0, 0, 0, 0.22);--m3-motion-easing-standard:cubic-bezier(0.2, 0, 0, 1);--m3-motion-easing-emphasized:cubic-bezier(0.05, 0.7, 0.1, 1);--m3-motion-easing-decelerated:cubic-bezier(0, 0, 0, 1);--m3-motion-duration-short:200ms;--m3-motion-duration-medium:300ms;--m3-motion-duration-long:400ms;--m3-space-xs:4px;--m3-space-sm:8px;--m3-space-md:16px;--m3-space-lg:24px;--m3-space-xl:32px;--m3-space-2xl:48px;--m3-space-3xl:64px;--m3-font-size-body-sm:0.875rem;--m3-font-size-body-md:1rem;--m3-font-size-body-lg:1.125rem;--m3-font-size-label-md:0.875rem;--m3-font-size-label-lg:1rem;--m3-font-size-title-md:1.125rem;--m3-font-size-title-lg:1.375rem;--m3-font-size-headline-sm:1.5rem;--m3-font-size-headline-md:1.75rem;--m3-font-size-headline-lg:2rem;--m3-font-size-display-sm:2.25rem}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,Roboto,sans-serif;background:var(--m3-background);color:var(--m3-on-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:20s ease-in-out infinite orbFloat}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--m3-primary),var(--m3-secondary));top:5%;left:10%;animation-delay:0s}.orb-2{width:700px;height:700px;background:linear-gradient(225deg,var(--m3-secondary),var(--m3-primary));top:40%;right:5%;animation-delay:4s}.orb-3{width:400px;height:400px;background:linear-gradient(45deg,var(--m3-primary),rgba(255,255,255,.1));bottom:10%;left:35%;animation-delay:8s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1) rotate(0)}25%{transform:translate(20px,-30px) scale(1.1) rotate(90deg)}50%{transform:translate(-15px,-50px) scale(.9) rotate(180deg)}75%{transform:translate(-25px,-20px) scale(1.05) rotate(270deg)}}.language-switch{position:fixed;top:var(--m3-space-lg);right:var(--m3-space-lg);z-index:1000;display:flex;gap:var(--m3-space-sm)}.lang-btn{background:var(--m3-surface-container);backdrop-filter:blur(20px);border:none;border-radius:var(--m3-radius-full);color:var(--m3-on-surface-variant);padding:var(--m3-space-md) var(--m3-space-lg);cursor:pointer;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);font-size:var(--m3-font-size-label-md);font-weight:500;box-shadow:var(--m3-elevation-1)}.lang-btn:hover{background:var(--m3-surface-container-high);color:var(--m3-on-surface);box-shadow:var(--m3-elevation-2);transform:translateY(-2px)}.lang-btn.active{background:var(--m3-primary-container);color:var(--m3-primary);box-shadow:var(--m3-elevation-3)}.back-button{position:fixed;top:var(--m3-space-lg);left:var(--m3-space-lg);z-index:1000}.back-btn{display:flex;align-items:center;gap:var(--m3-space-sm);background:var(--m3-surface-container);backdrop-filter:blur(20px);border-radius:var(--m3-radius-full);color:var(--m3-on-surface-variant);padding:var(--m3-space-md) var(--m3-space-lg);text-decoration:none;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);font-size:var(--m3-font-size-label-md);font-weight:500;box-shadow:var(--m3-elevation-1)}.back-btn:hover{background:var(--m3-surface-container-high);color:var(--m3-on-surface);box-shadow:var(--m3-elevation-2);transform:translateX(-4px)}.registration-page,.tester-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:var(--m3-space-lg);padding-top:calc(var(--m3-space-lg) + 80px)}.registration-card,.tester-card{background:var(--m3-surface-container);backdrop-filter:blur(40px);border-radius:var(--m3-radius-2xl);box-shadow:var(--m3-elevation-4);padding:var(--m3-space-3xl) var(--m3-space-2xl);max-width:600px;width:100%;text-align:center;transform:scale(.95);opacity:0;animation:cardFadeIn .8s var(--m3-motion-easing-emphasized) forwards;animation-delay:.2s;border:1px solid var(--m3-outline-variant)}@keyframes cardFadeIn{to{transform:scale(1);opacity:1}}.app-icon{width:80px;height:80px;border-radius:var(--m3-radius-expressive);margin:0 auto var(--m3-space-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--m3-elevation-2)}.app-title{font-size:var(--m3-font-size-display-sm);font-weight:700;margin-bottom:var(--m3-space-lg);background:linear-gradient(135deg,var(--m3-primary),var(--m3-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge{display:inline-flex;align-items:center;gap:var(--m3-space-sm);background:rgba(255,167,38,.12);color:var(--m3-warning);padding:var(--m3-space-sm) var(--m3-space-lg);border-radius:var(--m3-radius-full);font-weight:500;margin-bottom:var(--m3-space-xl);border:1px solid rgba(255,167,38,.3);font-size:var(--m3-font-size-label-md)}.content-section{text-align:left;animation:contentFadeIn .6s var(--m3-motion-easing-standard) forwards}@keyframes contentFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-section{text-align:center;margin-bottom:var(--m3-space-xl)}.welcome-section h2{color:var(--m3-primary);margin-bottom:var(--m3-space-md);font-size:var(--m3-font-size-headline-md);font-weight:600}.welcome-section p{color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-lg);max-width:400px;margin:0 auto}.primary-actions{display:flex;flex-direction:column;gap:var(--m3-space-md);margin-bottom:var(--m3-space-xl)}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:var(--m3-space-lg);padding:var(--m3-space-lg) var(--m3-space-xl);border-radius:var(--m3-radius-expressive);text-decoration:none;font-weight:600;font-size:var(--m3-font-size-body-lg);transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized);position:relative;overflow:hidden;border:none;box-shadow:var(--m3-elevation-2)}.primary-btn{background:linear-gradient(135deg,var(--m3-primary),#5ba868);color:var(--m3-on-primary)}.primary-btn:hover{box-shadow:var(--m3-elevation-4);transform:translateY(-4px) scale(1.02)}.primary-btn:active{transform:translateY(-2px) scale(1.01)}.secondary-btn{background:var(--m3-surface-container-high);color:var(--m3-on-surface);border:1px solid var(--m3-outline-variant)}.secondary-btn:hover{background:var(--m3-secondary-container);color:var(--m3-secondary);border-color:var(--m3-secondary);box-shadow:var(--m3-elevation-3);transform:translateY(-2px) scale(1.01)}.btn-icon{width:48px;height:48px;border-radius:var(--m3-radius-md);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);flex-shrink:0}.btn-icon i{font-size:1.5rem}.btn-content{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.btn-title{font-size:var(--m3-font-size-title-md);font-weight:600;line-height:1.2}.btn-subtitle{font-size:var(--m3-font-size-body-sm);opacity:.8;line-height:1.2}.expandable-sections{margin-bottom:var(--m3-space-xl)}.expandable-section{background:var(--m3-surface-variant);border-radius:var(--m3-radius-lg);margin-bottom:var(--m3-space-md);overflow:hidden;box-shadow:var(--m3-elevation-1);border:1px solid var(--m3-outline)}.section-header{width:100%;background:0 0;border:none;color:var(--m3-on-surface);padding:var(--m3-space-lg);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:var(--m3-font-size-title-md);font-weight:500;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard)}.section-header:hover{background:var(--m3-surface-container-low)}.header-content{display:flex;align-items:center;gap:var(--m3-space-md)}.header-content i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--m3-primary)}.expand-icon{transition:transform var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);color:var(--m3-on-surface-variant)}.expandable-section.expanded .expand-icon{transform:rotate(180deg)}.section-content{max-height:0;overflow:hidden;transition:max-height var(--m3-motion-duration-long) var(--m3-motion-easing-emphasized)}.expandable-section.expanded .section-content{max-height:500px}.section-content>div{padding:0 var(--m3-space-lg) var(--m3-space-lg)}.feedback-steps{display:flex;flex-direction:column;gap:var(--m3-space-lg)}.step{display:flex;align-items:flex-start;gap:var(--m3-space-md)}.step-number{background:var(--m3-primary);color:var(--m3-on-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--m3-font-size-label-md);flex-shrink:0;box-shadow:var(--m3-elevation-2)}.step-text strong{color:var(--m3-on-surface);display:block;margin-bottom:var(--m3-space-xs);font-size:var(--m3-font-size-body-md)}.step-text p{color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-sm);line-height:1.5}.issue-list{display:flex;flex-direction:column;gap:var(--m3-space-lg)}.issue-item{display:flex;align-items:flex-start;gap:var(--m3-space-md);padding:var(--m3-space-md);background:var(--m3-surface-container-low);border-radius:var(--m3-radius-md);border:1px solid var(--m3-outline)}.issue-item i{color:var(--m3-warning);font-size:1.25rem;margin-top:2px;flex-shrink:0}.issue-item strong{color:var(--m3-on-surface);display:block;margin-bottom:var(--m3-space-xs);font-size:var(--m3-font-size-body-md)}.issue-item p{color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-sm);line-height:1.5}.refer-section{background:var(--m3-primary-container);border-radius:var(--m3-radius-lg);padding:var(--m3-space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--m3-space-lg);margin-bottom:var(--m3-space-xl);border:1px solid rgba(104,190,124,.3)}.refer-content h3{color:var(--m3-primary);margin-bottom:var(--m3-space-xs);font-size:var(--m3-font-size-title-md);font-weight:600}.refer-content p{color:var(--m3-on-primary-container);font-size:var(--m3-font-size-body-sm);margin:0}.refer-btn{display:flex;align-items:center;gap:var(--m3-space-sm);background:var(--m3-primary);color:var(--m3-on-primary);padding:var(--m3-space-md) var(--m3-space-lg);border-radius:var(--m3-radius-full);text-decoration:none;font-weight:600;font-size:var(--m3-font-size-label-md);transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);box-shadow:var(--m3-elevation-2);flex-shrink:0}.refer-btn:hover{box-shadow:var(--m3-elevation-3);transform:translateY(-2px)}.thank-you{text-align:center;padding:var(--m3-space-lg);background:linear-gradient(135deg,var(--m3-primary-container),var(--m3-secondary-container));border-radius:var(--m3-radius-lg);border:1px solid var(--m3-outline-variant)}.thank-you p{font-size:var(--m3-font-size-body-lg);font-weight:500;color:var(--m3-primary);margin:0}@media (max-width:768px){.back-button,.language-switch{top:var(--m3-space-md)}.language-switch{right:var(--m3-space-md)}.back-button{left:var(--m3-space-md)}.registration-page,.tester-page{padding:var(--m3-space-md);padding-top:calc(var(--m3-space-md) + 80px)}.registration-card,.tester-card{padding:var(--m3-space-2xl) var(--m3-space-lg);max-width:100%}.app-title{font-size:var(--m3-font-size-headline-lg)}.refer-section{flex-direction:column;text-align:center}.btn-icon{width:40px;height:40px}.btn-icon i{font-size:1.25rem}.availability-stats{flex-direction:column;gap:var(--m3-space-md)}.stat-divider{width:60px;height:1px;background:var(--m3-outline)}}@media (max-width:480px){.registration-page,.tester-page{padding:var(--m3-space-sm);padding-top:calc(var(--m3-space-sm) + 80px)}.registration-card,.tester-card{padding:var(--m3-space-xl) var(--m3-space-md)}.app-icon{width:60px;height:60px}.app-title{font-size:var(--m3-font-size-headline-md)}.primary-btn,.secondary-btn{padding:var(--m3-space-md) var(--m3-space-lg)}.availability-stats{gap:var(--m3-space-sm)}.registration-form .form-group{margin-bottom:var(--m3-space-md)}}.status-overview{margin-bottom:var(--m3-space-2xl);background:var(--m3-surface-variant);border-radius:var(--m3-radius-2xl);padding:var(--m3-space-xl);border:1px solid var(--m3-outline-variant);box-shadow:var(--m3-elevation-2)}.phase-indicator{text-align:center;margin-bottom:var(--m3-space-xl)}.phase-badge{display:inline-flex;align-items:center;gap:var(--m3-space-sm);padding:var(--m3-space-md) var(--m3-space-xl);border-radius:var(--m3-radius-full);font-weight:600;font-size:var(--m3-font-size-title-md);margin-bottom:var(--m3-space-md);box-shadow:var(--m3-elevation-2);transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard)}.phase-badge:hover{transform:translateY(-2px);box-shadow:var(--m3-elevation-3)}.phase-badge.beta{background:linear-gradient(135deg,rgba(255,167,38,.15),rgba(255,152,0,.2));color:var(--m3-warning);border:1px solid rgba(255,167,38,.4)}.phase-description{color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-md);margin:0;font-weight:400}.availability-stats{display:flex;justify-content:center;align-items:center;gap:var(--m3-space-2xl);margin-bottom:var(--m3-space-xl)}.stat-item{text-align:center;padding:var(--m3-space-md);border-radius:var(--m3-radius-lg);background:var(--m3-surface-container-low);min-width:120px;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--m3-elevation-2)}.stat-number{font-size:var(--m3-font-size-display-sm);font-weight:700;color:var(--m3-primary);line-height:1;margin-bottom:var(--m3-space-xs);background:linear-gradient(135deg,var(--m3-primary),var(--m3-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:2px;height:60px;background:linear-gradient(180deg,transparent,var(--m3-outline),transparent);border-radius:var(--m3-radius-full)}.progress-bar{position:relative;width:100%;height:12px;background:var(--m3-surface-container-low);border-radius:var(--m3-radius-full);overflow:hidden;margin-bottom:var(--m3-space-md);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--m3-primary),var(--m3-secondary),var(--m3-primary));background-size:200% 100%;border-radius:var(--m3-radius-full);transition:width var(--m3-motion-duration-long) var(--m3-motion-easing-emphasized);animation:3s ease-in-out infinite progressShimmer;box-shadow:0 0 12px rgba(104,190,124,.4)}@keyframes progressShimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}.progress-text{display:block;text-align:center;color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-sm);font-weight:500;margin-top:var(--m3-space-xs)}.registration-form{text-align:left;background:var(--m3-surface-variant);border-radius:var(--m3-radius-2xl);padding:var(--m3-space-2xl);border:1px solid var(--m3-outline-variant);box-shadow:var(--m3-elevation-1)}.registration-form h3{color:var(--m3-primary);margin-bottom:var(--m3-space-xl);font-size:var(--m3-font-size-headline-sm);font-weight:600;text-align:center}.form-group{margin-bottom:var(--m3-space-xl);position:relative}.form-group label{display:block;color:var(--m3-on-surface);font-weight:500;margin-bottom:var(--m3-space-sm);font-size:var(--m3-font-size-body-md);transition:color var(--m3-motion-duration-medium) var(--m3-motion-easing-standard)}.form-group input,.form-group textarea{width:100%;background:var(--m3-surface-container);border:2px solid var(--m3-outline);border-radius:var(--m3-radius-md);padding:var(--m3-space-lg);color:var(--m3-on-surface);font-size:var(--m3-font-size-body-md);font-family:inherit;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);box-shadow:var(--m3-elevation-1)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--m3-primary);box-shadow:0 0 0 4px rgba(104,190,124,.12),var(--m3-elevation-2);transform:translateY(-2px)}.form-group input:hover,.form-group textarea:hover{border-color:var(--m3-on-surface-variant);box-shadow:var(--m3-elevation-2)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-hint{display:block;color:var(--m3-on-surface-variant);font-size:var(--m3-font-size-body-sm);margin-top:var(--m3-space-sm);font-style:italic}.checkbox-group{display:flex;align-items:flex-start;gap:var(--m3-space-md);margin-bottom:var(--m3-space-lg)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--m3-space-md);cursor:pointer;font-size:var(--m3-font-size-body-sm);line-height:1.6;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-standard);padding:var(--m3-space-sm);border-radius:var(--m3-radius-sm)}.checkbox-label:hover{background:var(--m3-surface-container-low)}.checkbox-label input[type=checkbox]{margin:0;position:relative;opacity:0;width:24px;height:24px}.checkmark{position:absolute;width:24px;height:24px;background:var(--m3-surface-container);border:2px solid var(--m3-outline);border-radius:var(--m3-radius-xs);transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized);flex-shrink:0;box-shadow:var(--m3-elevation-1)}.checkmark::after{content:'';position:absolute;top:2px;left:7px;width:6px;height:12px;border:solid var(--m3-on-primary);border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--m3-primary);border-color:var(--m3-primary);transform:scale(1.1);box-shadow:0 0 12px rgba(104,190,124,.4)}.checkbox-label input[type=checkbox]:checked+.checkmark::after{opacity:1}.checkbox-label:hover .checkmark{border-color:var(--m3-primary);transform:scale(1.05)}.submit-btn{width:100%;background:linear-gradient(135deg,var(--m3-primary),#5ba868);color:var(--m3-on-primary);border:none;padding:var(--m3-space-xl);border-radius:var(--m3-radius-expressive);font-weight:600;font-size:var(--m3-font-size-title-md);cursor:pointer;transition:all var(--m3-motion-duration-medium) var(--m3-motion-easing-emphasized);display:flex;align-items:center;justify-content:center;gap:var(--m3-space-md);margin-top:var(--m3-space-2xl);box-shadow:var(--m3-elevation-3);position:relative;overflow:hidden}.submit-btn:hover{box-shadow:var(--m3-elevation-5);transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#5ba868,var(--m3-primary))}.submit-btn:active{transform:translateY(-2px) scale(1.01)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--m3-elevation-1)}.error-message{color:var(--m3-error);font-size:var(--m3-font-size-body-sm);margin-top:var(--m3-space-sm);display:flex;align-items:center;gap:var(--m3-space-xs);font-weight:500}.error-message::before{content:'⚠';font-size:var(--m3-font-size-body-md)}.registration-message{margin-bottom:var(--m3-space-lg);padding:var(--m3-space-lg);border-radius:var(--m3-radius-lg);text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--m3-space-sm);animation:messageSlideIn .5s var(--m3-motion-easing-emphasized)}.registration-message.success{background:rgba(76,175,80,.12);color:var(--m3-success);border:1px solid rgba(76,175,80,.3)}.registration-message.error{background:rgba(255,107,107,.12);color:var(--m3-error);border:1px solid rgba(255,107,107,.3)}@keyframes messageSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group.focused label{color:var(--m3-primary);transform:translateY(-2px)}.registration-card{animation:registrationCardFadeIn 1s var(--m3-motion-easing-emphasized) forwards}@keyframes registrationCardFadeIn{from{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}