:root{--font-sans: "Space Grotesk", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-cyan: #18CEF2;--color-purple: #715CFF;--color-red: #CD012E;--color-yellow: #FACC0F;--grad-primary: linear-gradient(95deg, #18CEF2 0%, #715CFF 36.06%, #CD0E2E 66.83%, #EBCC0F 100%);--grad-hero-border: linear-gradient(135deg, #18CEF2 0%, #715CFF 35%, #CD0E2E 70%, #EBCC0F 100%);--grad-send: linear-gradient(135deg, #18CEF2 0%, #715CFF 36.06%, #CD0E2E 66.83%, #EBCC0F 100%);--grad-back-btn: linear-gradient(131.3deg, #18CEF2 3.08%, #715CFF 34.54%, #CD0E2E 61.39%, #EBCC0F 90.34%);--grad-secondary-btn: linear-gradient(180deg, rgba(196, 187, 255, .5) -14.05%, rgba(241, 238, 255, .7) 28.67%, rgba(255, 255, 255, .7) 99.84%);--Background: #F4F5FE;--bg-page: #F4F5FE;--bg-page-gradient: linear-gradient(0deg, #F4F5FE, #F4F5FE), linear-gradient(180deg, #F4F5FE 0%, #ECD8F2 55.77%, #F4F5FE 100%);--bg-card: #FFFFFF;--bg-bubble: #FFFFFF;--bg-input: rgba(255, 255, 255, .8);--border-subtle: rgba(113, 92, 255, .12);--border-card: rgba(113, 92, 255, .16);--border-focus: #715CFF;--border-error: #CD012E;--shadow-bubble: 0px 10px 30px -16px rgba(113, 92, 255, .2);--shadow-card: 0 10px 30px -18px rgba(71, 92, 255, .25), 0 4px 18px rgba(113, 92, 255, .08);--shadow-primary-btn: 0px 10px 30px -16px #715CFF66;--shadow-secondary-btn: 0px 10px 30px -16px rgba(113, 92, 255, .2);--shadow-back-btn: 0px 10px 30px -16px rgba(113, 92, 255, .4);--shadow-input: 0px 10px 30px -16px rgba(113, 92, 255, .4);--text-heading: #1C1635;--text-body: #221C38;--text-muted: #7E7796;--text-placeholder: #7E7796;--text-white: #FFFFFF;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 26px;--radius-pill: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh;width:100%;margin:0;padding:0;overflow:hidden;background:var(--bg-page-gradient);background-attachment:fixed;color:var(--text-body);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;flex-direction:column;height:100%;height:100dvh;width:100%;position:relative;overflow:hidden}.navbar-header{height:64px;min-height:64px;width:100%;background:#fff6;backdrop-filter:blur(8.8px);-webkit-backdrop-filter:blur(8.8px);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 4px 20px -8px #715cff14;padding:0 16px;display:flex;align-items:center;position:absolute;top:0;left:0;right:0;z-index:50;flex-shrink:0}.main-viewport{flex:1;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;position:relative;scroll-behavior:smooth;padding-top:66px}.main-viewport::-webkit-scrollbar{width:4px}.main-viewport::-webkit-scrollbar-thumb{background:#715cff33;border-radius:4px}.container{width:100%;max-width:390px;min-height:100%;margin:0 auto;padding:10px 10px 0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.chat-spacer-top{flex:1 1 auto;min-height:8px;width:100%;pointer-events:none}.footer-scroll-spacer{height:120px;min-height:120px;width:100%;flex-shrink:0;pointer-events:none}.bg-atmosphere{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;opacity:.6}.bg-orb-top{position:absolute;top:-80px;right:-40px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(113,92,255,.2) 0%,rgba(24,206,242,.15) 40%,transparent 70%);filter:blur(40px)}.bg-orb-bottom{position:absolute;bottom:-80px;left:-40px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(205,1,46,.15) 0%,rgba(250,204,15,.12) 40%,transparent 70%);filter:blur(40px)}.guigo-hero-card{position:relative;width:100%;max-width:298px;height:248.64px;margin:0 auto .85rem;border-radius:39.31px;padding:5.66px;background:var(--grad-hero-border);box-shadow:0 10px 30px #715cff29;flex-shrink:0}.guigo-hero-inner{background:#fff;border-radius:33.65px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.guigo-hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);display:block}.guigo-chat-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:.85rem;width:100%;max-width:370px;margin-left:auto;margin-right:auto}.guigo-avatar-circle{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;border-radius:50%;overflow:hidden;background:transparent}.guigo-avatar-circle img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:none}.guigo-bubble-wrapper{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.guigo-bubble{background:#fff;width:100%;flex:1 1 auto;min-width:0;max-width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.7);border-radius:2px 16px 16px;box-shadow:0 10px 30px -16px #715cff33;position:relative;transition:all .2s ease;font-family:var(--font-sans);overflow-wrap:break-word;word-wrap:break-word;word-break:normal;box-sizing:border-box;transform-origin:top left;will-change:transform,opacity}.guigo-bubble h3{font-size:1.02rem;font-weight:700;color:var(--text-heading);margin-bottom:.35rem;overflow-wrap:break-word;word-break:normal}.guigo-bubble p{font-size:.92rem;color:var(--text-body);line-height:1.48;overflow-wrap:break-word;word-break:normal}.guigo-bubble p strong{color:var(--text-heading);font-weight:700}.user-chat-row{display:flex;justify-content:flex-end;width:100%;max-width:370px;margin:0 auto .75rem}.user-bubble{background:#e5e0f8;color:#1c1939;padding:12px 18px;border-radius:18px 18px 4px;font-size:.94rem;font-weight:500;line-height:1.42;box-shadow:0 10px 30px -16px #715cff33;border:1px solid rgba(113,92,255,.15);max-width:85%;word-break:break-word;font-family:var(--font-sans)}.figma-form-card{width:100%;max-width:370px;margin:0 auto .75rem;border-radius:26px;border:1.04px solid rgba(255,255,255,.7);background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 16px 20px;box-shadow:0 10px 30px -16px #715cff33;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-sans)}.btn-pill-primary{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:370px;height:54px;min-height:54px;padding:14px 20px;background:var(--grad-primary);color:#fff;font-family:"Space Grotesk",var(--font-sans);font-weight:500;font-size:15px;line-height:22.5px;letter-spacing:0px;border-radius:999px;border:1px solid rgba(255,255,255,.4);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-primary-btn);gap:8px;margin:0 auto;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-pill-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -14px #715cff99}.btn-pill-primary:active{transform:translateY(0)}.btn-pill-secondary{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:370px;height:54px;min-height:54px;padding:14px 20px;background:var(--grad-secondary-btn);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-heading);font-family:"Space Grotesk",var(--font-sans);font-weight:500;font-size:15px;line-height:22.5px;letter-spacing:0px;border-radius:999px;border:1px solid rgba(255,255,255,.7);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-secondary-btn);gap:8px;margin:0 auto;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-pill-secondary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#c4bbffa6 -14.05%,#f1eeffd9 28.67%,#ffffffd9 99.84%);border-color:#ffffffe6;box-shadow:0 12px 32px -16px #715cff59}.btn-pill-secondary:active{transform:translateY(0)}.link-back-home{font-family:"Space Grotesk",var(--font-sans);font-weight:500;font-size:15px;line-height:22.5px;letter-spacing:0px;text-decoration:underline;text-underline-offset:3px;color:#6b5b95;text-align:center;display:inline-block;margin:10px auto 0;transition:opacity .2s ease,color .2s ease;cursor:pointer}.link-back-home:hover{color:#715cff;opacity:.85}.chat-input-bar{width:100%;min-height:97px;height:97px;flex-shrink:0;background:#fff6;backdrop-filter:blur(8.8px);-webkit-backdrop-filter:blur(8.8px);border-top:1px solid rgba(255,255,255,.4);box-shadow:0 -4px 20px -8px #715cff14;padding:20px 16px calc(30px + env(safe-area-inset-bottom,0px)) 16px;z-index:50;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.chat-input-inner{width:100%;max-width:370px}.chat-input-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:370px;height:46px;min-height:46px;padding:6px 6px 6px 20px;gap:8px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px -16px #715cff66;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-container:focus-within{border-color:var(--border-focus);background:#fffffff2;box-shadow:0 12px 32px -14px #715cff80}.chat-input-field{flex:1;border:none;outline:none;background:transparent;font-size:15px;font-family:"Space Grotesk",var(--font-sans);font-weight:400;color:var(--text-heading);min-width:0}.chat-input-field::placeholder{color:#b3a6d6;font-size:15px;font-family:"Space Grotesk",var(--font-sans);font-weight:400}.chat-send-btn{width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--grad-send);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px -16px #715cff33;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.06)}.chat-send-btn:disabled{opacity:.55;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:.85rem}.form-label{font-size:.88rem;font-weight:700;color:#1c1939;font-family:"Space Grotesk",var(--font-sans);display:flex;align-items:center}.form-label span.req{color:#eb5757;margin-left:4px;font-weight:700}.form-input{width:100%;height:48px;padding:12px 18px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:16px;font-size:.95rem;color:#1c1939;font-family:"Space Grotesk",var(--font-sans);outline:none;transition:all .2s ease;box-shadow:0 2px 6px #00000005}.form-input::placeholder{color:#8f8d9d;font-weight:400}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2.5px #715cff33}.form-input.has-error{border-color:#eb5757;background:#fff9f9}.form-error-msg{font-size:.74rem;color:#eb5757;margin-top:.15rem;font-weight:600}.form-checkbox-card{width:100%;background:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid rgba(255,255,255,.8);margin-bottom:.85rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000005}.form-checkbox-box{width:20px;height:20px;min-width:20px;border-radius:5px;background:#715cff;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s ease}.form-checkbox-box.unchecked{background:#fff;border:1.5px solid #C4B5FD}.form-guess-card{width:100%;background:#fff;border-radius:20px;height:96px;padding:0 24px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem;box-shadow:0 2px 8px #00000005}.form-guess-input{width:160px;font-size:44px;font-weight:800;text-align:center;border:none;outline:none;background:transparent;font-family:inherit;color:#1c1939}.form-guess-input::placeholder{color:#b3a6d6;font-weight:800;opacity:1}.form-guess-unit{position:absolute;right:24px;font-size:1.15rem;font-weight:700;color:#9b8afb}.btn-back-stage{width:100%;max-width:370px;height:50px;border-radius:9999px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.95);color:#1c1939;font-family:"Space Grotesk",var(--font-sans);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:10px;transition:all .2s ease}.btn-back-stage:hover{background:#fffffff2;transform:translateY(-1px)}.btn-pill-light{width:100%;max-width:370px;height:50px;border-radius:9999px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.95);color:#1c1939;font-family:"Space Grotesk",var(--font-sans);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:pointer;margin-top:10px;transition:all .2s ease;box-shadow:0 2px 6px #00000005}.btn-pill-light:hover{background:#fffffff2;transform:translateY(-1px)}.btn-action-pill{width:100%;max-width:370px;height:54px;border-radius:9999px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);color:#1c1939;font-family:"Space Grotesk",var(--font-sans);font-weight:600;font-size:14.5px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;text-decoration:none;box-shadow:0 4px 16px #715cff0f;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-action-pill:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 20px #715cff1f}.form-challenge-textarea{width:100%;height:84px;min-height:84px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:12px 16px;font-family:"Space Grotesk",var(--font-sans);font-size:.92rem;color:#1c1939;outline:none;resize:none;box-shadow:0 2px 6px #00000005;margin-bottom:.85rem;transition:all .2s ease}.form-challenge-textarea::placeholder{color:#8f8d9d;font-weight:400}.form-challenge-textarea:focus{border-color:#715cff;box-shadow:0 0 0 2.5px #715cff26}.caption-new-tab{font-size:.8rem;color:#715cff8c;text-align:center;margin:12px 0 6px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}70%{transform:scale(1.01) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-pop-in{animation:popIn .45s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top left;will-change:transform,opacity}@keyframes popHero{0%{opacity:0;transform:translateY(28px) scale(.86)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}80%{transform:translateY(1px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-pop-hero{animation:popHero .55s cubic-bezier(.175,.885,.32,1.275) both}@keyframes popButton{0%{opacity:0;transform:translateY(22px) scale(.92)}65%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-pop-button{animation:popButton .45s cubic-bezier(.175,.885,.32,1.275) both}.animate-slide-up{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}.typing-bubble{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;background:#fff;border:1px solid rgba(113,92,255,.12);border-radius:2px 16px 16px;box-shadow:var(--shadow-bubble);width:fit-content;min-height:38px}.typing-dot{width:7px;height:7px;border-radius:50%;display:inline-block;animation:typingBounce 1.2s infinite ease-in-out}.typing-dot:nth-child(1){background:var(--color-cyan);animation-delay:0s}.typing-dot:nth-child(2){background:var(--color-purple);animation-delay:.2s}.typing-dot:nth-child(3){background:var(--color-red);animation-delay:.4s}.delay-1{animation-delay:.15s;animation-fill-mode:both}.delay-2{animation-delay:.38s;animation-fill-mode:both}.delay-3{animation-delay:.62s;animation-fill-mode:both}.delay-4{animation-delay:.85s;animation-fill-mode:both}@keyframes splashLogoPulse{0%{transform:scale(1);filter:drop-shadow(0 10px 20px rgba(113,92,255,.25))}50%{transform:scale(1.08);filter:drop-shadow(0 18px 32px rgba(113,92,255,.45))}to{transform:scale(1);filter:drop-shadow(0 10px 20px rgba(113,92,255,.25))}}.animate-splash-logo-pulse{animation:splashLogoPulse 2.2s infinite ease-in-out;transform-origin:center center;will-change:transform,filter}.formatted-text-content a{color:#715cff;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease;word-break:break-word}.formatted-text-content a:hover{opacity:.8}