:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--tecno-blue:#1718a6;--tecno-cyan:#00a8e8;--tecno-orange:#ff6b35;--tecno-purple:#8b5cf6;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-overlay:#0f172acc;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--gradient-primary:linear-gradient(135deg,#1718a6,#00a8e8);--gradient-secondary:linear-gradient(135deg,#ff6b35,#8b5cf6);--gradient-soft:linear-gradient(135deg,#f0f9ff,#e0f2fe);--gradient-warm:linear-gradient(135deg,#fef3c7,#fed7aa);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 20px #1718a64d;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--leading-normal);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:#bae6fd;background:var(--primary-200);color:#0c4a6e;color:var(--primary-900)}.animated-bg{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;position:relative}.animated-bg:before{animation:elegantFloat 30s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#1718a626 0,#0000 60%),radial-gradient(circle at 75% 75%,#00a8e81f 0,#0000 60%),radial-gradient(circle at 50% 50%,#ff6b3514 0,#0000 70%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 60%),radial-gradient(circle at 20% 80%,#ffffff0d 0,#0000 80%)}.animated-bg:after,.animated-bg:before{content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.animated-bg:after{animation:elegantFloat 35s ease-in-out infinite reverse;background:radial-gradient(circle at 60% 40%,#8b5cf614 0,#0000 70%),radial-gradient(circle at 40% 60%,#ff6b350f 0,#0000 70%),radial-gradient(circle at 90% 15%,#00a8e81a 0,#0000 60%),radial-gradient(circle at 15% 85%,#1718a614 0,#0000 70%),radial-gradient(circle at 70% 30%,#ffffff08 0,#0000 90%)}@keyframes elegantFloat{0%,to{opacity:.8;transform:translate(0) rotate(0deg) scale(1)}20%{opacity:.9;transform:translate(-30px,-15px) rotate(72deg) scale(1.05)}40%{opacity:.7;transform:translate(20px,-25px) rotate(144deg) scale(.95)}60%{opacity:.85;transform:translate(-15px,20px) rotate(216deg) scale(1.1)}80%{opacity:.75;transform:translate(25px,10px) rotate(288deg) scale(.9)}}.floating-particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.particle{animation:elegantParticleFloat 25s linear infinite;border-radius:50%;box-shadow:0 0 10px #ffffff4d;position:absolute}.particle:first-child{animation-delay:0s;animation-duration:25s;background:radial-gradient(circle,#fffc 0,#1718a64d 100%);height:6px;left:10%;width:6px}.particle:nth-child(2){animation-delay:3s;animation-duration:22s;background:radial-gradient(circle,#00a8e899 0,#fff3 100%);height:8px;left:20%;width:8px}.particle:nth-child(3){animation-delay:6s;animation-duration:28s;background:radial-gradient(circle,#ff6b35b3 0,#ffffff4d 100%);height:4px;left:30%;width:4px}.particle:nth-child(4){animation-delay:9s;animation-duration:20s;background:radial-gradient(circle,#8b5cf680 0,#fff6 100%);height:7px;left:40%;width:7px}.particle:nth-child(5){animation-delay:12s;animation-duration:26s;background:radial-gradient(circle,#ffffffe6 0,#1718a633 100%);height:5px;left:50%;width:5px}.particle:nth-child(6){animation-delay:15s;animation-duration:24s;background:radial-gradient(circle,#00a8e866 0,#ff6b354d 100%);height:9px;left:60%;width:9px}.particle:nth-child(7){animation-delay:18s;animation-duration:30s;background:radial-gradient(circle,#8b5cf6cc 0,#ffffff1a 100%);height:3px;left:70%;width:3px}.particle:nth-child(8){animation-delay:21s;animation-duration:23s;background:radial-gradient(circle,#ff6b3599 0,#00a8e833 100%);height:6px;left:80%;width:6px}.particle:nth-child(9){animation-delay:24s;animation-duration:27s;background:radial-gradient(circle,#ffffffb3 0,#8b5cf64d 100%);height:5px;left:90%;width:5px}@keyframes elegantParticleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg) scale(.5)}5%{opacity:.8;transform:translateY(95vh) translateX(10px) rotate(18deg) scale(.7)}15%{opacity:1;transform:translateY(85vh) translateX(-5px) rotate(54deg) scale(1)}50%{opacity:.9;transform:translateY(50vh) translateX(15px) rotate(180deg) scale(1.1)}85%{opacity:.8;transform:translateY(15vh) translateX(-10px) rotate(306deg) scale(.9)}95%{opacity:.6;transform:translateY(5vh) translateX(5px) rotate(342deg) scale(.8)}to{opacity:0;transform:translateY(-10vh) translateX(0) rotate(1turn) scale(.5)}}.animated-bg .shimmer{animation:shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:2}.animated-bg .wave{animation:wave 12s ease-in-out infinite;background:linear-gradient(45deg,#ffffff0d,#0000 50%,#ffffff0d);bottom:0;height:100px;left:0;position:absolute;width:100%;z-index:1}@keyframes wave{0%,to{transform:translateX(-100%) skewX(0deg)}50%{transform:translateX(100%) skewX(5deg)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.homepage{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.homepage:before{background:var(--gradient-primary);opacity:.95;z-index:0}.homepage:after,.homepage:before{content:"";inset:0;position:absolute}.homepage:after{background:radial-gradient(circle at 20% 80%,#8b5cf64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b354d 0,#0000 50%);z-index:1}.homepage-content{align-items:center;display:flex;justify-content:center;max-width:900px;position:relative;width:100%;z-index:20}.merged-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:800px;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;width:100%}.merged-section:before{background:var(--gradient-primary);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.main-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--tecno-blue);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed)}.hero-content,.logo-content,.subtitle{margin-bottom:var(--space-8)}.logo-content{align-items:center;background:var(--gradient-soft);border:1px solid var(--border-light);border-radius:var(--radius-2xl);display:flex;gap:var(--space-8);justify-content:center;padding:var(--space-6)}.welcome-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-height:180px;max-width:100%;object-fit:contain;width:auto}.tagline{color:var(--tecno-blue);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin:0;text-align:center}.cta-content{margin-bottom:var(--space-8)}.cta-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.cta-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.start-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-3);justify-content:center;margin:0 auto;max-width:400px;min-height:64px;overflow:hidden;padding:var(--space-5) var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-normal);width:100%}.start-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.start-button:hover:before{left:100%}.start-button:hover{box-shadow:0 20px 40px #1718a666;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.start-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.start-button-icon{font-size:var(--font-size-2xl);transition:transform var(--transition-normal)}.start-button:hover .start-button-icon{transform:translateX(4px)}.features-content{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--space-6)}.feature-item{background:var(--gradient-soft);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-normal)}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.feature-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.feature-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}@media (max-width:768px){.homepage{padding:var(--space-3)}.merged-section{padding:var(--space-8)}.main-title{font-size:var(--font-size-4xl)}.subtitle{font-size:var(--font-size-lg)}.logo-content{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.welcome-logo{max-height:140px}.tagline{font-size:var(--font-size-2xl)}.start-button{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6)}.features-content{gap:var(--space-3);grid-template-columns:1fr}}@media (max-width:480px){.merged-section{padding:var(--space-6)}.main-title{font-size:var(--font-size-3xl)}.subtitle{font-size:var(--font-size-base)}.logo-content{padding:var(--space-3)}.welcome-logo{max-height:120px}.tagline{font-size:var(--font-size-xl)}.start-button{font-size:var(--font-size-base);padding:var(--space-4) var(--space-5)}}@media (max-height:600px) and (orientation:landscape){.homepage{align-items:flex-start;padding:var(--space-2)}.merged-section{padding:var(--space-6)}.main-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.subtitle{margin-bottom:var(--space-6)}.logo-content{flex-direction:row;margin:var(--space-4) 0;padding:var(--space-4)}.welcome-logo{max-height:100px}.tagline{font-size:var(--font-size-xl)}}.merged-section{animation:fadeInUp .8s ease-out}.form-group{margin-bottom:var(--space-8);position:relative}.form-label{color:var(--tecno-blue);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);margin-bottom:var(--space-4);text-align:left}.helper-text{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.radio-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:64px;padding:var(--space-5) var(--space-6);position:relative;text-align:left;transition:all var(--transition-normal)}.radio-button:hover{background:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.radio-button.selected{background:var(--primary-50);border-color:var(--primary-500);box-shadow:var(--shadow-lg);color:var(--tecno-blue);font-weight:var(--font-weight-semibold)}.radio-button.selected:after{color:var(--primary-600);content:"✓";font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-left:auto}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-button{align-items:center;border:2px solid var(--border-medium);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:64px;padding:var(--space-5) var(--space-6) var(--space-5) 4rem;position:relative;text-align:left}.checkbox-button,.checkbox-button:before{background:var(--bg-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.checkbox-button:before{border:3px solid var(--border-strong);border-radius:var(--radius-md);content:"";height:24px;left:var(--space-5);position:absolute;top:50%;transform:translateY(-50%);width:24px}.checkbox-button:after{color:var(--text-inverse);content:"✓";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:calc(var(--space-5) + 2px);position:absolute;top:50%;transform:translateY(-50%) scale(0);transition:transform var(--transition-normal)}.checkbox-button:hover{background:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.checkbox-button.selected{background:var(--primary-50);border-color:var(--primary-500)}.checkbox-button.selected:before{background:var(--primary-500);border-color:var(--primary-500);box-shadow:var(--shadow-md)}.checkbox-button.selected:after{transform:translateY(-50%) scale(1)}.dropdown-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:64px;padding:var(--space-5) var(--space-6);padding-right:3rem;transition:all var(--transition-normal);width:100%}.dropdown-select:hover{background-color:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md)}.dropdown-select:focus{background-color:var(--bg-primary);border-color:var(--primary-500);box-shadow:0 0 0 3px #1718a61a;outline:none}.dropdown-select option{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3)}.dropdown-select option:checked{background-color:var(--primary-500);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.text-input{background-color:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:64px;padding:var(--space-5) var(--space-6);transition:all var(--transition-normal);width:100%}.text-input:hover{background-color:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md)}.text-input:focus{background-color:var(--bg-primary);border-color:var(--primary-500);box-shadow:0 0 0 3px #1718a61a;outline:none}.text-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.textarea-input{background-color:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed);min-height:120px;padding:var(--space-5) var(--space-6);resize:vertical;transition:all var(--transition-normal);width:100%}.textarea-input:hover{background-color:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md)}.textarea-input:focus{background-color:var(--bg-primary);border-color:var(--primary-500);box-shadow:0 0 0 3px #1718a61a;outline:none}.textarea-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.ranking-group{flex-direction:column}.ranking-group,.ranking-item{display:flex;gap:var(--space-4)}.ranking-item{align-items:center;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);justify-content:space-between;padding:var(--space-5) var(--space-6);transition:all var(--transition-normal)}.ranking-item:hover{background:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ranking-option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed)}.ranking-select{background:var(--primary-500);border:2px solid var(--primary-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);min-width:80px;padding:var(--space-3) var(--space-4);text-align:center;transition:all var(--transition-normal)}.ranking-select:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md)}.ranking-select:focus{box-shadow:0 0 0 3px #1718a633;outline:none}.multi-dropdown-container{background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto;padding:var(--space-4)}.multi-dropdown-option{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);min-height:56px;padding:var(--space-4);transition:all var(--transition-normal)}.multi-dropdown-option:hover{background:var(--primary-50)}.multi-dropdown-option:has(input:checked){background:var(--primary-100);border:1px solid var(--primary-300)}.multi-dropdown-checkbox{accent-color:var(--primary-500);cursor:pointer;flex-shrink:0;height:20px;width:20px}.multi-dropdown-label{color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed)}.other-field{border-color:var(--primary-500)!important;margin-top:var(--space-4)}@media (max-width:768px){.form-group{margin-bottom:var(--space-6)}.form-label{font-size:var(--font-size-base)}.checkbox-button,.radio-button{font-size:var(--font-size-sm);min-height:56px;padding:var(--space-4) var(--space-5)}.checkbox-button{padding-left:3.5rem}.checkbox-button:before{height:20px;left:var(--space-4);width:20px}.checkbox-button:after{left:calc(var(--space-4) + 2px)}.dropdown-select,.text-input,.textarea-input{font-size:var(--font-size-sm);min-height:56px;padding:var(--space-4) var(--space-5)}.textarea-input{min-height:100px}.ranking-item{padding:var(--space-4) var(--space-5)}.ranking-option-text{font-size:var(--font-size-sm)}.ranking-select{min-width:70px;padding:var(--space-2) var(--space-3)}.multi-dropdown-container{max-height:350px;padding:var(--space-3)}.multi-dropdown-option{padding:var(--space-3)}.multi-dropdown-label{font-size:var(--font-size-sm)}}@media (max-width:480px){.form-label{font-size:var(--font-size-sm)}.checkbox-button,.dropdown-select,.radio-button,.text-input{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.checkbox-button{padding-left:3rem}.checkbox-button:before{height:18px;left:var(--space-3);width:18px}.checkbox-button:after{left:calc(var(--space-3) + 1px)}.ranking-item{flex-wrap:wrap;gap:var(--space-3)}.ranking-option-text{flex:1 1 100%;font-size:var(--font-size-xs)}.ranking-select{flex:1 1}}.multi-dropdown-container::-webkit-scrollbar{width:6px}.multi-dropdown-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.multi-dropdown-container::-webkit-scrollbar-thumb{background:var(--primary-400);border-radius:var(--radius-full)}.multi-dropdown-container::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.form-group{animation:fadeInUp .4s ease-out}.color-picker-container{grid-gap:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:var(--space-6)}.color-option{align-items:center;border:3px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;justify-content:center;min-height:100px;overflow:hidden;padding:var(--space-5) var(--space-3);position:relative;text-align:center;transition:all var(--transition-normal)}.color-option:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.color-option:hover:before{opacity:1}.color-option:hover{border-color:#fff9;box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.color-option.selected{border-color:var(--text-inverse);border-width:4px;box-shadow:var(--shadow-2xl);transform:translateY(-6px) scale(1.05)}.color-option.selected:after{align-items:center;background:var(--text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--text-primary);content:"✓";display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:32px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);width:32px;z-index:10}.color-label{color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.3px;line-height:var(--leading-tight);position:relative;text-align:center;text-shadow:2px 2px 4px #000c,0 0 8px #0009;text-transform:uppercase;z-index:5}.color-option[style*="#ADABAA"] .color-label,.color-option[style*="#C799CE"] .color-label,.color-option[style*="#CBB4E0"] .color-label,.color-option[style*="#D7D4CA"] .color-label,.color-option[style*="#E5E5E5"] .color-label,.color-option[style*="#F5F5F5"] .color-label{color:var(--text-primary);text-shadow:2px 2px 4px #ffffffe6,0 0 8px #ffffffb3}.color-option:after{background:#ffffff4d;border-radius:var(--radius-full);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);width:0}.color-option:active:after{height:100px;width:100px}@media (max-width:768px){.color-picker-container{gap:var(--space-3);grid-template-columns:repeat(2,1fr);padding:var(--space-4)}.color-option{min-height:90px;padding:var(--space-4) var(--space-2)}.color-label{font-size:var(--font-size-xs)}.color-option.selected:after{font-size:var(--font-size-base);height:28px;right:var(--space-1);top:var(--space-1);width:28px}}@media (max-width:480px){.color-picker-container{gap:var(--space-2);grid-template-columns:repeat(2,1fr);padding:var(--space-3)}.color-option{min-height:80px;padding:var(--space-3) var(--space-2)}.color-label{font-size:10px}.color-option.selected:after{font-size:var(--font-size-sm);height:24px;width:24px}}@media (max-height:600px) and (orientation:landscape){.color-picker-container{grid-template-columns:repeat(3,1fr);max-height:50vh;overflow-y:auto}.color-option{min-height:70px}.color-label{font-size:10px}}@keyframes colorSelect{0%{transform:translateY(-6px) scale(1.05)}50%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(-6px) scale(1.05)}}.color-option.selected{animation:colorSelect .6s ease-out}.color-picker-container::-webkit-scrollbar{width:6px}.color-picker-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.color-picker-container::-webkit-scrollbar-thumb{background:var(--primary-400);border-radius:var(--radius-full)}.color-picker-container::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.star-rating-group{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.star-rating-group:last-child{border-bottom:none;margin-bottom:0}.star-rating-label{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed);text-align:left;width:100%}.required-asterisk{color:var(--error);font-weight:var(--font-weight-bold);margin-left:2px}.star-rating-container{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:center;width:100%}.star-rating-item{align-items:center;display:flex;flex-direction:column;gap:.375rem}.star-number{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;line-height:1;min-height:1.25rem;text-align:center}.star-button{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s ease}.star-button:hover{color:var(--primary-500);transform:scale(1.1)}.star-button.selected{color:var(--primary-600)}.star-icon{height:28px;transition:all .2s ease;width:28px}.star-button:focus{border-radius:4px;outline:2px solid var(--primary-500);outline-offset:2px}.contact-info-form,.feature-rating-section{width:100%}.feature-rating-intro{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:1.5rem;width:100%}.contact-number-form{width:100%}.contact-info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8)}.contact-info-header h3{color:var(--tecno-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-3)}.contact-info-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-2)}@media (max-width:768px){.star-rating-container{gap:var(--space-3);justify-content:flex-start}.star-icon{height:24px;width:24px}.star-number{font-size:.75rem}.star-rating-label{font-size:.9375rem}}.survey-page{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;position:relative}.survey-page:before{background:var(--gradient-primary);content:"";inset:0;opacity:.95;position:absolute;z-index:0}.survey-page:after{background:radial-gradient(circle at 20% 80%,#8b5cf633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b3533 0,#0000 50%);content:"";inset:0;position:absolute;z-index:1}.progress-container{background:var(--bg-primary);border-bottom:3px solid var(--tecno-blue);box-shadow:var(--shadow-lg);padding:var(--space-4) 0;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.progress-bar-wrapper{margin:0 auto;max-width:800px;padding:0 var(--space-6)}.progress-info{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--space-3)}.progress-bar-track{background:var(--gray-200);border-radius:var(--radius-full);box-shadow:inset 0 2px 4px #0000001a;height:10px;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:0 0 10px #1718a680;height:100%;position:relative;transition:width var(--transition-slow)}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.survey-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:var(--space-8) var(--space-4);position:relative;z-index:20}.form-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:800px;overflow:visible;padding:var(--space-12);position:relative;width:100%}.form-container:before{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;height:6px;left:0;right:0;top:0}.form-container:after,.form-container:before{background:var(--gradient-primary);content:"";position:absolute}.form-container:after{border-radius:var(--radius-3xl);bottom:-2px;left:-2px;opacity:.1;right:-2px;top:-2px;z-index:-1}.section-title{color:var(--tecno-blue);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-8);padding-bottom:var(--space-6);position:relative;text-align:center}.section-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.inline-navigation{grid-gap:var(--space-4);border-top:2px solid var(--border-light);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-8);padding-top:var(--space-6)}.nav-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;min-height:56px;overflow:hidden;padding:var(--space-5) var(--space-6);position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.nav-button:hover:before{left:100%}.nav-button:hover{box-shadow:0 20px 40px #1718a666;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.nav-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.nav-button.submitting{animation:pulse 1.5s ease-in-out infinite}.nav-button.secondary{background:var(--gray-500);color:var(--text-inverse)}.nav-button.secondary:hover{background:var(--gray-600);box-shadow:0 20px 40px #47556966}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ambassador-question-container{margin-bottom:var(--space-8)}.ambassador-question{margin-bottom:var(--space-6)}.question-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.ambassador-buttons-container{display:flex;flex-direction:column;gap:var(--space-3)}.skip-button-inline,.yes-button{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;min-height:56px;padding:var(--space-5) var(--space-6);transition:all var(--transition-normal);width:100%}.yes-button{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:var(--text-inverse)}.yes-button:hover{box-shadow:0 20px 40px #1718a666;transform:translateY(-2px)}.skip-button-inline{background:var(--gray-500);color:var(--text-inverse)}.skip-button-inline:hover{background:var(--gray-600);transform:translateY(-2px)}@media (max-width:768px){.survey-content{padding:var(--space-6) var(--space-3)}.form-container{border-radius:var(--radius-2xl);padding:var(--space-8)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.inline-navigation{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4)}.nav-button{font-size:var(--font-size-base);padding:var(--space-4) var(--space-5)}.progress-bar-wrapper{padding:0 var(--space-4)}.progress-info{font-size:var(--font-size-xs)}.skip-button-inline,.yes-button{font-size:var(--font-size-base);padding:var(--space-4) var(--space-5)}}@media (max-width:480px){.survey-content{padding:var(--space-4) var(--space-2)}.form-container{padding:var(--space-6)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-5)}.nav-button{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.inline-navigation{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-3)}.question-text{font-size:var(--font-size-base)}.skip-button-inline,.yes-button{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}}@media (max-height:600px) and (orientation:landscape){.survey-content{align-items:flex-start;padding:var(--space-4)}.form-container{max-width:95%;padding:var(--space-6)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.inline-navigation{margin-top:var(--space-4);padding-top:var(--space-3)}.progress-container{padding:var(--space-2) 0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-container{animation:slideInUp .6s ease-out}.progress-container{animation:slideInUp .4s ease-out}.thank-you-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.thank-you-page:before{background:radial-gradient(circle at 20% 80%,#8b5cf64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b354d 0,#0000 50%);content:"";inset:0;position:absolute;z-index:1}.thank-you-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:700px;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;width:100%;z-index:20}.thank-you-container:before{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;height:6px;left:0;right:0;top:0}.thank-you-container:after,.thank-you-container:before{background:var(--gradient-primary);content:"";position:absolute}.thank-you-container:after{border-radius:var(--radius-3xl);bottom:-2px;left:-2px;opacity:.1;right:-2px;top:-2px;z-index:-1}.success-icon{align-items:center;animation:successPulse 2s ease-in-out infinite;box-shadow:var(--shadow-glow);color:var(--text-inverse);display:flex;font-size:60px;font-weight:var(--font-weight-bold);height:120px;justify-content:center;margin:0 auto var(--space-8);position:relative;width:120px}.success-icon,.success-icon:before{background:var(--gradient-primary);border-radius:var(--radius-full)}.success-icon:before{animation:successRing 2s ease-in-out infinite;content:"";inset:-4px;opacity:.3;position:absolute}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes successRing{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.thank-you-container h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--tecno-blue);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.thank-you-message{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.next-steps{background:var(--gradient-soft);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);padding:var(--space-8);text-align:left}.next-steps h3{color:var(--tecno-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6);text-align:center}.next-steps ul{grid-gap:var(--space-4);display:grid;gap:var(--space-4);list-style:none;margin:0;padding:0}.next-steps li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-relaxed);padding-left:var(--space-10);position:relative}.next-steps li:before{background:var(--success-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--success);content:"✓";display:flex;height:32px;left:0;position:absolute;width:32px}.new-survey-button,.next-steps li:before{align-items:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);justify-content:center}.new-survey-button{background:var(--gradient-secondary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);color:var(--text-inverse);cursor:pointer;display:inline-flex;gap:var(--space-3);margin:0 auto;max-width:400px;min-height:64px;overflow:hidden;padding:var(--space-5) var(--space-8);position:relative;text-decoration:none;transition:all var(--transition-normal);width:100%}.new-survey-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.new-survey-button:hover:before{left:100%}.new-survey-button:hover{box-shadow:0 25px 50px #ff6b3566;transform:translateY(-3px)}.new-survey-button:active{transform:translateY(-1px)}.new-survey-button-icon{font-size:var(--font-size-2xl);transition:transform var(--transition-normal)}.new-survey-button:hover .new-survey-button-icon{transform:translateX(4px)}@media (max-width:768px){.thank-you-page{padding:var(--space-3)}.thank-you-container{padding:var(--space-8)}.success-icon{font-size:50px;height:100px;margin-bottom:var(--space-6);width:100px}.thank-you-container h1{font-size:var(--font-size-4xl)}.thank-you-message{font-size:var(--font-size-lg)}.next-steps{padding:var(--space-6)}.next-steps h3{font-size:var(--font-size-xl)}.next-steps li{font-size:var(--font-size-base);padding-left:var(--space-8)}.next-steps li:before{font-size:var(--font-size-lg);height:28px;width:28px}.new-survey-button{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6)}}@media (max-width:480px){.thank-you-container{padding:var(--space-6)}.success-icon{font-size:40px;height:80px;width:80px}.thank-you-container h1{font-size:var(--font-size-3xl)}.thank-you-message{font-size:var(--font-size-base)}.next-steps{padding:var(--space-4)}.next-steps h3{font-size:var(--font-size-lg)}.next-steps li{font-size:var(--font-size-sm);padding-left:var(--space-7)}.next-steps li:before{font-size:var(--font-size-base);height:24px;width:24px}.new-survey-button{font-size:var(--font-size-base);padding:var(--space-4) var(--space-5)}}@media (max-height:600px) and (orientation:landscape){.thank-you-container{max-width:90vw;padding:var(--space-6)}.success-icon{font-size:40px;height:80px;margin-bottom:var(--space-4);width:80px}.thank-you-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.next-steps,.thank-you-message{margin-bottom:var(--space-6)}.next-steps{padding:var(--space-4)}.next-steps ul{gap:var(--space-3)}.next-steps li{font-size:var(--font-size-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.thank-you-container{animation:fadeInUp .8s ease-out}.success-icon{animation:fadeInUp 1s ease-out .3s both}.next-steps{animation:fadeIn 1s ease-out .6s both}.new-survey-button{animation:fadeInUp .8s ease-out .9s both}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9496099d.css.map*/