@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth;line-height:1.6;font-size:16px;-webkit-overflow-scrolling:touch;will-change:scroll-position}body{margin:0;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;transform:translateZ(0)}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: 12px;--radius-lg: 16px;--radius-xl: 20px}.heading-xl{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem}.heading-lg{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:1rem}.heading-md{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.3;margin-bottom:.75rem}.text-lg{font-size:1.125rem;line-height:1.7;font-weight:400}.text-base{font-size:1rem;line-height:1.6;font-weight:400}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform}.glass-card:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-xl);background:var(--glass-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:14px 28px;font-size:15px;min-height:48px;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary) 100%)}.btn-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.2);padding:13px 28px;font-size:15px;min-height:48px}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.input-field{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field::-moz-placeholder{color:#ffffff80}.input-field::placeholder{color:#ffffff80}.input-field:focus{outline:none;border-color:#6366f180;background:#ffffff14;box-shadow:0 0 0 3px #6366f11a}.question-option{width:100%;padding:16px;text-align:left;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff!important;font-size:16px;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}.question-option:hover{border-color:#fff6;background:#ffffff14;transform:scale(1.01)}.question-option.selected{border-color:#6366f199;background:#6366f126;transform:scale(1.02)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}.feature-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:32px;transition:all .3s ease;height:100%;position:relative;transform:translateZ(0);will-change:transform}.feature-card:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-xl);background:var(--glass-hover)}.stat-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all .3s ease;transform:translateZ(0);will-change:transform}.stat-card:hover{transform:translateY(-2px) translateZ(0);background:var(--glass-hover)}.grid{display:grid;gap:24px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:16px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-x-6>*+*{margin-left:24px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.px-12{padding-left:48px;padding-right:48px}.px-16{padding-left:64px;padding-right:64px}.p-6{padding:24px}.p-8{padding:32px}.p-12{padding:48px}.text-center{text-align:center}.text-left{text-align:left}.text-white{color:#fff}.text-white\/80{color:#fffc}.text-white\/70{color:#ffffffb3}.text-white\/60{color:#fff9}.text-white\/90{color:#ffffffe6}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.transform{transform:translate(0)}@media (max-width: 768px){.container{padding:0 16px}.section-padding{padding:60px 0}.feature-card{padding:24px}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.btn-primary,.btn-secondary{padding:16px 24px;font-size:14px;width:100%;max-width:300px}.flex-col-mobile{flex-direction:column}.space-x-4-mobile>*+*{margin-left:0;margin-top:16px}}@media (min-width: 768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex-row-desktop{flex-direction:row}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.modal-backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.progress-bar{background:#ffffff26;border-radius:999px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:999px;transition:width .5s ease}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.whitespace-nowrap{white-space:nowrap}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.border-red-400{border-color:#f87171}.text-red-400{color:#f87171}.bg-green-500\/20{background-color:#10b98133}.border-green-400\/30{border-color:#4ade804d}.text-green-400{color:#4ade80}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-20{width:80px}.h-20{height:80px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:var(--radius-lg)}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-black\/20{background-color:#0003}.bg-black\/60{background-color:#0009}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/50{border-color:#ffffff80}.border-indigo-400{border-color:#818cf8}.text-sm{font-size:14px;line-height:1.43}.text-xs{font-size:12px;line-height:1.33}.text-xl{font-size:20px;line-height:1.4}.text-2xl{font-size:24px;line-height:1.33}.text-3xl{font-size:30px;line-height:1.2}.text-4xl{font-size:36px;line-height:1.11}.text-5xl{font-size:48px;line-height:1}.text-indigo-300{color:#a5b4fc}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from: #818cf8;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(129, 140, 248, 0))}.to-purple-400{--tw-gradient-to: #c084fc}.from-indigo-500{--tw-gradient-from: #6366f1;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))}.to-purple-600{--tw-gradient-to: #9333ea}.from-purple-500{--tw-gradient-from: #a855f7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0))}.from-red-500{--tw-gradient-from: #ef4444;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 68, 68, 0))}.to-orange-500{--tw-gradient-to: #f97316}.-space-x-2>*+*{margin-left:-8px}.mix-blend-multiply{mix-blend-mode:multiply}.filter{filter:var(--tw-filter)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-4,.right-4{top:16px}.top-8{top:32px}.bottom-8{bottom:32px}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.overflow-y-auto{overflow-y:auto}.min-h-screen{min-height:100vh}html,body{height:auto;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;width:100%}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f0f23cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;transition:all .3s ease}.navbar-scrolled{background:#0f0f23f2;border-bottom:1px solid rgba(255,255,255,.15)}.main-content{padding-top:80px}