*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-6{padding-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.w-full{width:100%}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-3{width:.75rem}.w-2{width:.5rem}.w-10{width:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-3{height:.75rem}.h-2{height:.5rem}.h-10{height:2.5rem}.h-full{height:100%}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.border{border:1px solid #e5e7eb}.border-2{border:2px solid #e5e7eb}.border-blue-500{border-color:#3b82f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-white{background-color:#fff}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-100{background-color:#f3f4f6}.text-white{color:#fff}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-blue-600{color:#2563eb}.bg-gradient-blue,.bg-gradient-indigo{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-beautiful{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-main{background:linear-gradient(135deg,#4f46e5,#06b6d4)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.transition-all{transition:all .3s ease}.transition-colors{transition:color .2s ease,background-color .2s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:border-gray-300:hover{border-color:#d1d5db}.hover\:text-gray-900:hover{color:#111827}.hover\:scale-105:hover{transform:scale(1.05)}.focus\:ring-2:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #3b82f6}.focus\:border-transparent:focus{border-color:transparent}.outline-none{outline:2px solid transparent;outline-offset:2px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.btn-primary:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.quiz-navigation{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:400px;display:flex;justify-content:space-between;gap:1rem;z-index:1000}.quiz-navigation .btn{flex:1;padding:1rem 1.5rem;font-size:1rem}.btn-secondary{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#f3f4f6;border-color:#d1d5db}.card{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(255,255,255,.2)}.input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.progress-bar{background-color:#e5e7eb;height:.5rem;border-radius:.25rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s ease;border-radius:.25rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.intro-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.intro-content{max-width:28rem;width:100%;position:relative;z-index:10;padding-bottom:100px}.intro-header{text-align:center;margin-bottom:3rem}.intro-logo{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em;display:flex;justify-content:center;align-items:center}.logo-image{height:3rem;width:auto;max-width:200px}.intro-tagline{color:#64748b;font-size:1.125rem;font-weight:500}.intro-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid rgba(255,255,255,.2);overflow:hidden}.intro-card-content{padding:2rem}.chart-section{text-align:center;margin-bottom:2rem}.chart-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.chart-percentage{font-size:4rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1}.chart-container{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 0}.chart-bar{width:2rem;background:linear-gradient(to top,#60a5fa,#93c5fd);border-radius:.5rem;transition:all .3s ease}.chart-bar-highlight{background:linear-gradient(to top,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f64d}.performance-indicators{display:flex;justify-content:center;gap:2rem;font-size:.875rem}.indicator{display:flex;align-items:center;gap:.5rem}.indicator-dot{width:.75rem;height:.75rem;border-radius:50%}.indicator-red{background-color:#ef4444}.indicator-gray{background-color:#94a3b8}.indicator-green{background-color:#22c55e}.intro-title{font-size:2rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:1.5rem;line-height:1.2}.intro-description{color:#475569;text-align:center;margin-bottom:2rem;line-height:1.6;font-size:1rem}.features-list{margin-bottom:2rem}.feature-item{display:flex;align-items:center;padding:.75rem 0;color:#475569;font-weight:500}.feature-icon{width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%;margin-right:1rem}.intro-cta-button{position:fixed;bottom:20px;left:20px;right:20px;width:auto;max-width:400px;margin:0 auto;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1.25rem 2rem;border-radius:1rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #3b82f64d;z-index:1000}.intro-cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.intro-footer{text-align:center;margin-top:2rem;color:#64748b}.sign-in-link{color:#3b82f6;font-weight:600;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .2s ease}.sign-in-link:hover{color:#2563eb;text-decoration:underline}.quiz-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.quiz-card{max-width:48rem;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid rgba(255,255,255,.2);overflow:hidden;padding-bottom:100px}.quiz-option{width:100%;padding:1.5rem;text-align:left;border:2px solid #e5e7eb;border-radius:.75rem;transition:all .3s ease;background:#fff;cursor:pointer;position:relative}.quiz-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.quiz-option.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#e0f2fe);box-shadow:0 10px 15px -3px #3b82f633}.quiz-header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem;box-shadow:0 10px 15px -3px #3b82f64d}.checkbox{position:absolute;top:1rem;right:1rem;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.checked{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.signup-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:1rem}.signup-content{max-width:28rem;width:100%;padding-bottom:100px}.timer-banner{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a}.timer-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.timer-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.timer-subtitle{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.timer-display{font-size:1.5rem;font-family:Courier New,monospace;font-weight:700;background:#fff3;border-radius:.5rem;padding:.5rem 1rem;display:inline-block;color:#fff}.timer-savings{font-size:.75rem;opacity:.8;margin-top:.5rem}.signup-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:2rem}.signup-header{text-align:center;margin-bottom:1.5rem}.signup-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.signup-subtitle{color:#4b5563;line-height:1.5}.trial-claim-text{display:block;color:#f97316;font-weight:500;margin-top:.25rem}.signup-form{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.signup-cta-button{position:fixed;bottom:20px;left:20px;right:20px;width:auto;max-width:400px;margin:0 auto;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #3b82f64d;z-index:1000}.signup-cta-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 15px 25px -5px #3b82f666}.signup-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.back-button{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;color:#4b5563;background:none;border:none;cursor:pointer;transition:all .2s ease}.back-button:hover{color:#1f2937;background-color:#f3f4f6}.signin-link-container{font-size:.75rem;color:#6b7280}.signin-link{color:#3b82f6;cursor:pointer;transition:color .2s ease}.signin-link:hover{color:#2563eb;text-decoration:underline}.terms-text{font-size:.75rem;color:#6b7280;text-align:center;margin-top:1rem;line-height:1.4}.results-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:1rem}.results-content{max-width:42rem;width:100%;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:2rem;padding-bottom:100px}.results-header{text-align:center;margin-bottom:2rem}.results-icon-inline{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#dcfce7;border-radius:50%;margin-right:.75rem;color:#16a34a;vertical-align:middle}.results-icon-inline svg{color:#16a34a!important;fill:#16a34a!important}.results-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:#dcfce7;border-radius:50%;margin-bottom:1rem;color:#16a34a}.results-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.results-subtitle{color:#4b5563;line-height:1.5}.results-benefits{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:.75rem;padding:1.5rem;color:#fff;margin-bottom:2rem}.benefits-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.benefits-description{color:#dbeafe;margin-bottom:1rem;line-height:1.5}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.875rem}.benefits-heading{font-weight:600;margin-bottom:.25rem}.benefits-list{color:#dbeafe;margin-top:.25rem;line-height:1.4}.benefits-list li{margin-bottom:.25rem}.priority-banner{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.priority-title{font-weight:600;color:#166534;margin-bottom:.5rem}.priority-description{color:#15803d;font-size:.875rem;line-height:1.4}.results-cta-button{position:fixed;bottom:20px;left:20px;right:20px;width:auto;max-width:400px;margin:0 auto;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:1rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #3b82f64d;z-index:1000}.results-cta-button:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-2px);box-shadow:0 15px 25px -5px #3b82f666}.results-disclaimer{font-size:.75rem;color:#6b7280;text-align:center;line-height:1.4}.thankyou-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:1rem}.thankyou-content{max-width:36rem;width:100%;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:3rem 2rem}.thankyou-header{text-align:center;margin-bottom:3rem}.thankyou-icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 25px #10b9814d}.thankyou-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.thankyou-subtitle{color:#4b5563;font-size:1.125rem;line-height:1.6;max-width:28rem;margin:0 auto}.thankyou-details{margin-bottom:3rem}.detail-item{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:1px solid #e2e8f0}.detail-icon{font-size:2rem;margin-right:1rem;flex-shrink:0}.detail-content h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.detail-content p{color:#4b5563;line-height:1.5}.thankyou-actions{text-align:center}.thankyou-restart-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;box-shadow:0 4px 12px #6b72804d}.thankyou-restart-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.thankyou-contact{color:#6b7280;font-size:.875rem}.thankyou-contact strong{color:#3b82f6;font-weight:600}@media (max-width: 768px){.intro-container{padding:.5rem .25rem .25rem;align-items:flex-start;min-height:100vh}.intro-header{margin-bottom:.75rem}.intro-logo{font-size:1.5rem;margin-bottom:.25rem}.intro-tagline{font-size:.875rem}.intro-card-content{padding:1rem}.chart-section{margin-bottom:1rem}.chart-label{font-size:.75rem;margin-bottom:.25rem}.chart-percentage{font-size:2rem;margin-bottom:.75rem}.chart-container{margin-bottom:.75rem;padding:.25rem 0;gap:.25rem}.chart-bar{width:1rem}.performance-indicators{gap:.75rem;font-size:.625rem}.intro-title{font-size:1.25rem;margin-bottom:.75rem;line-height:1.3}.intro-description{margin-bottom:1rem;font-size:.8rem;line-height:1.4}.features-list{margin-bottom:1rem}.feature-item{padding:.25rem 0;font-size:.8rem}.feature-icon{width:.375rem;height:.375rem;margin-right:.75rem}.intro-cta-button{padding:.75rem 1rem;font-size:.9rem;border-radius:.75rem}}@media (max-width: 768px){.quiz-container{padding:.25rem;align-items:flex-start}.quiz-card{border-radius:.75rem;margin:.25rem}.quiz-card .p-10{padding:1rem!important}.quiz-card .mb-8{margin-bottom:1rem!important}.quiz-card .space-y-4{gap:.5rem!important}.quiz-card .text-3xl{font-size:1.25rem!important;line-height:1.3!important}.quiz-card .text-sm{font-size:.75rem!important}.quiz-option{padding:.75rem;border-radius:.5rem;margin-bottom:.25rem}.quiz-option .font-semibold{font-size:.875rem!important}.quiz-option .text-sm{font-size:.75rem!important}.quiz-header-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;margin-bottom:.75rem}.checkbox{width:1rem;height:1rem;top:.5rem;right:.5rem}.progress-bar{height:.375rem}.btn{padding:.5rem .75rem!important;font-size:.875rem!important}.btn .w-5{width:1rem!important;height:1rem!important}.btn .mr-2{margin-right:.5rem!important}.btn .ml-2{margin-left:.5rem!important}.signup-container{padding:.5rem;align-items:flex-start}.signup-content{margin:.5rem}.timer-banner{padding:.75rem;margin-bottom:1rem;border-radius:.5rem}.timer-label{font-size:.75rem}.timer-title{font-size:1.25rem}.timer-subtitle{font-size:.875rem}.timer-display{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-label{font-size:.875rem;margin-bottom:.5rem}.form-input{padding:.75rem;font-size:.875rem}.form-button{padding:.75rem 1rem;font-size:.9rem}.thankyou-container{padding:.5rem;align-items:flex-start}.thankyou-content{padding:1rem;margin:.5rem}.thankyou-title{font-size:1.5rem;margin-bottom:.75rem}.thankyou-subtitle{font-size:.875rem;margin-bottom:1rem}.detail-item{padding:.75rem;margin-bottom:1rem}.detail-icon{font-size:1.5rem;margin-right:.75rem}.detail-content h3{font-size:1rem;margin-bottom:.25rem}.detail-content p{font-size:.875rem}.benefits-grid{grid-template-columns:1fr;gap:.5rem}.form-row{grid-template-columns:1fr}h1{font-size:1.5rem!important;line-height:1.3!important}h2{font-size:1.25rem!important;line-height:1.3!important}h3{font-size:1.125rem!important;line-height:1.3!important}p{font-size:.875rem!important;line-height:1.4!important}button{font-size:.875rem!important;padding:.75rem 1rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}}