@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-body: #0D1418;--bg-app: #131F24;--bg-card: #1A282F;--input-card: #202F36;--bg-elevated: #203038;--primary-600: #6C9FFB;--primary-500: #8AB4FC;--primary-100: rgba(108, 159, 251, .15);--accent-purple: #6C9FFB;--accent-pink: #6C9FFB;--success: #3CCB7F;--warning: #FFD66B;--danger: #FF5F5F;--text-primary: #EBF1F5;--text-secondary: #EBF1F5;--text-muted: #94A3B8;--text-subtle: #475569;--text-on-primary: #FFFFFF;--border-subtle: #35434C;--border-highlight: #6C9FFB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-glow: 0 0 15px rgba(108, 159, 251, .25);--phone-border: #000000;--phone-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.mobile-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mobile-frame{width:100%;max-width:390px;height:844px;background-color:var(--bg-app);border-radius:40px;border:12px solid var(--phone-border);box-shadow:var(--phone-shadow);overflow-y:auto;overflow-x:hidden;position:relative;-ms-overflow-style:none;scrollbar-width:none;z-index:10}.mobile-frame::-webkit-scrollbar{display:none}.mobile-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:24px;background-color:var(--phone-border);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}.container{padding:var(--space-6);min-height:100%;display:flex;justify-content:center;flex-direction:column}.glass-panel{border:2px solid #35434C;border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary{background:var(--primary-600);color:var(--text-on-primary);border:none;padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);letter-spacing:.01em}.border-solid{border:2px solid}.background-btn-primary{background:var(--primary-600)}.btn-primary:hover:not(:disabled){background:var(--primary-500);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--text-muted)}.btn-secondary{background:transparent;border:2px solid var(--border-subtle);color:var(--text-muted);padding:.75rem 1.5rem;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-weight:600}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-muted);color:var(--text-primary)}.text-gradient{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}}.gap-4{gap:var(--space-4)}.gap-3{gap:var(--space-3)}.gap-2{gap:var(--space-2)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-24{margin-bottom:6rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-8{margin-top:var(--space-8)}.p-4{padding:var(--space-4)}.p-5{padding:1.25rem}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pb-20{padding-bottom:5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.gap-1\.5{gap:.375rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.25}.text-white{color:var(--text-primary)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.bg-primary{background-color:var(--primary-600)}.bg-glass-border{background-color:var(--border-subtle)}.bg-bg-elevated{background-color:var(--input-card)}.border,.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-glass-border{border-color:var(--border-subtle)}.border-primary{border-color:var(--primary-600)}.border-primary-500{border-color:var(--primary-500)}.rounded-full{border-radius:var(--radius-full)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-lg{border-radius:var(--radius-lg)}.w-full{width:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.min-h-\[480px\]{min-height:480px}.min-h-\[140px\]{min-height:140px}input,textarea{color:var(--text-primary)!important;border-style:solid;resize:none}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.glass-panel .text-white{color:var(--text-primary)}.btn-primary .text-white{color:var(--text-on-primary)}.bg-gradient-to-br .text-white{color:#fff}.bg-bg-primary{background-color:var(--bg-app)}.hover\:bg-white\/5:hover{background-color:#0000000d}.text-secondary{color:var(--text-secondary)}.app-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;transition:transform .1s ease-out;background-color:var(--bg-body)}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 10s infinite ease-in-out alternate}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#6c9ffb33;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:#8ab4fc26;animation-delay:-5s}.blob-3{top:40%;left:40%;width:40vw;height:40vw;background:#6c9ffb1a;animation-delay:-2s;opacity:.4}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.loading-dots{display:flex;gap:8px;justify-content:center;align-items:center;height:24px}.dot{width:10px;height:10px;background-color:var(--primary-600);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(10deg);opacity:1}to{transform:scale(2) rotate(-10deg);opacity:0}}.confetti-explosion{font-size:5rem;animation:pop .8s ease-out forwards}.next-challenge{margin-left:30%;margin-top:-1px}.column{flex-direction:column}