@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";@font-face{font-family:Inter;src:url(/assets/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter_18pt-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Comic Sans MS;src:url(/assets/fonts/ComicSansMS-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comic Sans MS;src:url(/assets/fonts/ComicSansMS-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Comic Sans MS;src:url(/assets/fonts/ComicSansMS-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Comic Sans MS;src:url(/assets/fonts/ComicSansMS-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-variant-ligatures:none;font-feature-settings:"kern" 1}*,*:before,*:after{font-synthesis:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}@font-face{font-family:ComicSansMS;src:url(/assets/fonts/ComicSansMS-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ComicSansMS;src:url(/assets/fonts/ComicSansMS-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ComicSansMS;src:url(/assets/fonts/ComicSansMS-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:ComicSansMS;src:url(/assets/fonts/ComicSansMS-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--font-primary: "Inter", sans-serif;--font-handwritten: "ComicSansMS", "Comic Neue", "Comic Sans MS", cursive}body{font-family:var(--font-primary)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden;margin:0;padding:0;font-family:var(--font-primary);line-height:1.6;color:#2c2c2c;background:#f8f6f3;position:relative}#app{width:100%;max-width:100vw;overflow-x:hidden}:root{--paper-cream: #f7f3e9;--paper-white: #fefcf7;--paper-yellow: #fff8dc;--paper-beige: #f5f1e8;--warm-brown: #8b6f47;--deep-brown: #5d4e37;--ink-blue: #2c3e50;--pencil-gray: #6b7280;--eraser-pink: #ffeaa7;--highlighter-yellow: #fdcb6e;--sticky-yellow: #fff8dc;--sticky-green: #a8e6cf;--sticky-green-dark: #7dd3a0;--sticky-blue: #81ecec;--sticky-light-blue: #b8e6f0;--sticky-orange: #fab1a0;--shadow-paper: rgba(139, 111, 71, .15);--shadow-deep: rgba(93, 78, 55, .25);--amber-50: oklch(.987 .022 95.277);--amber-100: oklch(.962 .059 95.617);--amber-200: oklch(.924 .12 95.746);--amber-300: oklch(.879 .169 91.605);--amber-400: oklch(.828 .189 84.429);--amber-500: oklch(.769 .188 70.08);--amber-600: oklch(.666 .179 58.318);--amber-700: oklch(.564 .169 48.252);--amber-800: oklch(.462 .159 38.186);--amber-900: oklch(.36 .149 28.12);--orange-50: oklch(.98 .016 73.684);--red-50: oklch(.971 .013 17.38);--amber-50-hex: #fffbeb;--amber-100-hex: #fef3c7;--amber-200-hex: #fde68a;--amber-300-hex: #fcd34d;--amber-400-hex: #fbbf24;--amber-500-hex: #f59e0b;--amber-600-hex: #d97706;--amber-700-hex: #b45309;--amber-800-hex: #92400e;--amber-900-hex: #78350f;--orange-50-hex: #fff7ed;--red-50-hex: #fef2f2;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--font-primary: "Inter", "Segoe UI", system-ui, sans-serif;--font-handwritten: "Kalam", "Comic Sans MS", cursive;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--paper-texture: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a574' fill-opacity='0.03'%3E%3Ccircle cx='7' cy='7' r='1'/%3E%3Ccircle cx='53' cy='13' r='1'/%3E%3Ccircle cx='19' cy='23' r='1'/%3E%3Ccircle cx='41' cy='31' r='1'/%3E%3Ccircle cx='13' cy='43' r='1'/%3E%3Ccircle cx='47' cy='47' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--warm-grid-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23d4a574' fill-opacity='0.15'%3E%3Cpath d='M15 30c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15-15-6.716-15 15zM5 5h50v50H5z'/%3E%3C/g%3E%3C/svg%3E");--template-cellular-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23d4a574' fill-opacity='0.05'%3E%3Cpath d='M15 30c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15-15-6.716-15 15zM5 5h50v50H5z'/%3E%3C/g%3E%3C/svg%3E");--transition-smooth: .6s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .8s cubic-bezier(.68, -.55, .265, 1.55);--transition-paper: .4s ease-out}body{font-family:var(--font-primary);color:var(--ink-blue);overflow-x:hidden;position:relative;min-height:100vh;transition:all var(--transition-smooth)}body.no-background{background:none!important;background-color:transparent!important;background-image:none!important}:root{--stage-bg-image: var(--paper-texture);--stage-bg-color: var(--paper-white)}body{background-color:var(--stage-bg-color);background-image:var(--stage-bg-image);background-size:60px 60px;background-attachment:fixed}body[data-bg=paper]{--stage-bg-image: var(--paper-texture) !important;--stage-bg-color: var(--paper-white) !important;background-color:var(--paper-white)!important;background-image:var(--paper-texture)!important}body.is-questionnaire{background:linear-gradient(135deg,var(--amber-50-hex) 0%,var(--orange-50-hex) 50%,var(--red-50-hex) 100%)!important;background:linear-gradient(135deg,var(--amber-50) 0%,var(--orange-50) 50%,var(--red-50) 100%)!important;background-image:var(--template-cellular-texture)!important;background-size:60px 60px!important;background-attachment:fixed!important}.bg-notebook{background:linear-gradient(rgba(25,35,55,.05) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(25,35,55,.05) 1px,transparent 1px) 0 0 / 24px 24px,#b29f86}.bg-notebook-grid{background:linear-gradient(rgba(25,35,55,.06) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(25,35,55,.06) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(rgba(25,35,55,.025) 1px,transparent 1px) 0 0 / 120px 120px,linear-gradient(90deg,rgba(25,35,55,.025) 1px,transparent 1px) 0 0 / 120px 120px,#b29f86}body[data-bg=warm-grid]{--stage-bg-image: var(--warm-grid-texture) !important;--stage-bg-color: linear-gradient(135deg, var(--amber-50-hex) 0%, var(--orange-50-hex) 50%, var(--red-50-hex) 100%) !important;background:linear-gradient(135deg,var(--amber-50-hex) 0%,var(--orange-50-hex) 50%,var(--red-50-hex) 100%)!important;background:linear-gradient(135deg,var(--amber-50) 0%,var(--orange-50) 50%,var(--red-50) 100%)!important;background-image:var(--warm-grid-texture)!important;background-size:60px 60px!important;background-attachment:fixed!important}body[data-bg=template-cellular]{--stage-bg-image: var(--template-cellular-texture) !important;--stage-bg-color: linear-gradient(135deg, var(--amber-50-hex) 0%, var(--orange-50-hex) 50%, var(--red-50-hex) 100%) !important;background:linear-gradient(135deg,var(--amber-50-hex) 0%,var(--orange-50-hex) 50%,var(--red-50-hex) 100%)!important;background:linear-gradient(135deg,var(--amber-50) 0%,var(--orange-50) 50%,var(--red-50) 100%)!important;background-image:var(--template-cellular-texture)!important;background-size:60px 60px!important;background-attachment:fixed!important}.bg-template-cellular{position:relative;min-height:100vh;overflow:hidden;background-image:linear-gradient(135deg,var(--amber-50-hex) 0%,var(--orange-50-hex) 50%,var(--red-50-hex) 100%);background-image:linear-gradient(135deg,var(--amber-50) 0%,var(--orange-50) 50%,var(--red-50) 100%)}.bg-template-cellular:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23d4a574' fill-opacity='0.05'%3E%3Cpath d='M15 30c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15-15-6.716-15 15zM5 5h50v50H5z'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px!important;background-repeat:repeat;filter:contrast(1.2) brightness(.9);pointer-events:none;z-index:0}.bg-template-cellular,body[data-bg=template-cellular]{--tw-bg-opacity: 1;background-color:transparent!important}.bg-template-cellular *{color:inherit}body.bg-template-cellular>#app{position:relative;z-index:1}body.bg-template-cellular.stage-start:before,body.bg-template-cellular.stage-intro:before,body.bg-template-cellular.stage-questionnaire:before{content:none!important}body.bg-template-cellular .hero{background:transparent!important}.bg-template-cellular .intro-card,.bg-template-cellular .profile-card{background:#fefbebe6!important;background:oklch(from var(--amber-50) l c h / .9)!important;border:3px solid var(--amber-300)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #b4530940!important;transform:rotate(-1deg)!important}body.stage-start:before,body.stage-questionnaire:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(139,111,71,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(93,78,55,.02) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(139,111,71,.01) 50%,transparent 51%);pointer-events:none;z-index:-1}body.stage-intro .intro-card,body.stage-intro .profile-card{background:#fefbebe6!important;background:oklch(from var(--amber-50) l c h / .9)!important;border:3px solid var(--amber-300)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #b4530940!important;transform:rotate(-1deg)!important}body.stage-intro .cta-button{background:linear-gradient(145deg,var(--amber-500),var(--amber-600))!important;box-shadow:0 4px 15px #b453094d,-2px -2px 8px #f59e0b1a!important}body.stage-intro .cta-button:hover{background:linear-gradient(145deg,var(--amber-600),var(--amber-700))!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #b4530966,-3px -3px 12px #f59e0b26!important}.container{width:100%;max-width:min(1200px,100vw);margin:0 auto;padding:0 16px;box-sizing:border-box;position:relative}.hidden{display:none!important}.hero{width:100%;max-width:100vw;overflow-x:hidden;min-height:100vh;display:flex;align-items:center;position:relative;padding:var(--space-8) 0;background:transparent}.hero:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:3px;background:repeating-linear-gradient(to bottom,var(--warm-brown) 0px,var(--warm-brown) 20px,transparent 20px,transparent 40px);z-index:1}body.bg-template-cellular .hero:before,body.bg-template-cellular .hero:after{display:none!important}.hero:after{content:"";position:absolute;left:52px;top:0;bottom:0;width:20px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,var(--paper-cream) 15px,var(--paper-cream) 25px);z-index:2;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,radial-gradient(circle,var(--paper-cream) 60%,var(--shadow-paper) 70%) 20px)}.hero-content{width:100%;margin-left:0;position:relative;z-index:3;animation:fadeInUp 1s ease-out;display:flex;flex-direction:column;align-items:center;text-align:center}body:not(.bg-template-cellular) .hero-content{margin-left:100px}@media (max-width: 768px){body:not(.bg-template-cellular) .hero-content{margin-left:20px}}@media (max-width: 480px){body:not(.bg-template-cellular) .hero-content{margin-left:0}}.logo{margin-bottom:var(--space-16);position:relative;display:inline-block}.logo h1{font-family:var(--font-handwritten);font-size:4rem;font-weight:700;color:var(--deep-brown);margin-bottom:var(--space-2);transform:rotate(-1deg);text-shadow:2px 2px 0px rgba(139,111,71,.1);position:relative}.logo h1:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:280px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20'%3E%3Cpath d='M5,15 Q50,5 100,12 T200,8 T290,15' stroke='%23fdcb6e' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;opacity:.8}.tagline{font-family:var(--font-handwritten);font-size:1.4rem;color:var(--warm-brown);font-weight:400;transform:rotate(.5deg);margin-left:20px}.value-proposition{margin-bottom:var(--space-20);background:var(--paper-white);padding:var(--space-8);border-radius:8px;box-shadow:0 4px 8px var(--shadow-paper),inset 0 1px #ffffff80;transform:rotate(-.5deg);border:1px solid rgba(139,111,71,.1);position:relative}.value-proposition:before{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;background:linear-gradient(-45deg,transparent 46%,var(--shadow-paper) 50%,var(--paper-beige) 54%);border-radius:0 8px 0 0}.value-proposition h2{font-family:var(--font-handwritten);font-size:2.2rem;font-weight:700;color:var(--ink-blue);margin-bottom:var(--space-6);line-height:1.3;transform:rotate(.3deg)}.description{font-size:1.1rem;color:var(--pencil-gray);line-height:1.6;font-weight:400}.process-steps{display:flex;gap:var(--space-6);margin-bottom:var(--space-20);flex-wrap:wrap;justify-content:center;align-items:center}.step{position:relative;inline-size:clamp(260px,32vw,340px);height:auto!important;min-height:0;padding:16px 18px 18px;border-radius:12px;box-shadow:0 6px #00000014;text-align:center;transition:all var(--transition-paper);cursor:pointer;animation:fadeInUp 1s ease-out both;display:flex;flex-direction:column;justify-content:space-between}.step:nth-child(1){background:var(--sticky-yellow);transform:rotate(-3deg);animation-delay:.2s;box-shadow:0 4px 12px #8b6f474d}.step:nth-child(2){background:var(--sticky-light-blue);transform:rotate(1deg);animation-delay:.4s}.step:nth-child(3){background:var(--sticky-green);transform:rotate(-1deg);animation-delay:.6s}.step:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:56px;height:16px;border-radius:3px;background:#ffffffb3;box-shadow:0 2px 2px #00000014;pointer-events:none}.step:after{content:"";position:absolute;bottom:-5px;right:-5px;width:100%;height:100%;background:inherit;border-radius:inherit;z-index:-1;opacity:.3;transform:rotate(2deg)}.step:hover{transform:rotate(0) scale(1.05);z-index:10;box-shadow:0 8px 25px var(--shadow-deep)}.step-icon{font-size:2.5rem;margin-bottom:var(--space-4);display:block}.step,.step p,.step h3,.step .step-text{font-family:ComicSansMS,Comic Neue,Comic Sans MS,system-ui,sans-serif;line-height:1.25}.step-text h3{font-size:1.3rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-2);transform:rotate(-.5deg)}.step-text p{color:var(--pencil-gray);font-size:.95rem;margin:0}.cta-button{display:inline-flex;align-items:center;gap:8px;margin:24px auto 0;padding:var(--space-5) var(--space-8);font-family:var(--font-handwritten);font-size:1.4rem;font-weight:600;color:var(--ink-blue);background:var(--highlighter-yellow);border:2px solid var(--warm-brown);border-radius:8px;cursor:pointer;transition:all var(--transition-paper);text-decoration:none;transform:rotate(-1deg);box-shadow:0 4px 8px var(--shadow-paper),inset 0 1px #ffffff4d;position:relative;animation:fadeInUp 1s ease-out .8s both}.cta-button:hover{transform:rotate(0) translateY(-3px);box-shadow:0 8px 20px var(--shadow-deep);background:#ffeaa7}.cta-button:active{transform:rotate(0) translateY(-1px)}#questionnaire{width:100%;max-width:100vw;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(135deg,var(--amber-50-hex) 0%,var(--orange-50-hex) 50%,var(--red-50-hex) 100%);background-image:linear-gradient(135deg,var(--amber-50) 0%,var(--orange-50) 50%,var(--red-50) 100%);z-index:1000;overflow:hidden}.questionnaire:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23d4a574' fill-opacity='0.05'%3E%3Cpath d='M15 30c0-8.284 6.716-15 15-15s15 6.716 15 15-6.716 15-15 15-15-6.716-15 15zM5 5h50v50H5z'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px!important;background-repeat:repeat;filter:contrast(1.2) brightness(.9);pointer-events:none;z-index:1}.questionnaire-scroll-container{max-width:100vw;overflow-x:hidden;position:relative;width:100%;height:100vh;overflow:hidden;background:transparent;z-index:10;box-shadow:-2px 0 10px var(--shadow-paper),2px 0 10px var(--shadow-paper);z-index:2}.questionnaire-scroll-container:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:3px;background:repeating-linear-gradient(to bottom,var(--warm-brown) 0px,var(--warm-brown) 20px,transparent 20px,transparent 40px);z-index:1}.questionnaire-scroll-container:after{content:"";position:absolute;left:52px;top:0;bottom:0;width:20px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,var(--paper-white) 15px,var(--paper-white) 25px);z-index:2;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 15px,radial-gradient(circle,var(--paper-white) 60%,var(--shadow-paper) 70%) 20px)}.question-slide{width:100%;max-width:100vw;overflow-x:hidden;position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--space-8) var(--space-6) var(--space-8) 100px;display:flex;flex-direction:column;justify-content:center;background:transparent;transform:translateY(0);opacity:1;will-change:transform,opacity;z-index:3}.question-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent 39px,rgba(139,111,71,.1) 40px,transparent 41px);background-size:100% 40px;pointer-events:none;z-index:-1}.question-slide:after{content:"";position:absolute;top:0;bottom:0;left:90px;width:2px;background:#e74c3c;opacity:.3;z-index:-1}.question-slide.current{z-index:2}.question-slide.next{z-index:1;transform:translateY(100%);opacity:0}.intro-content{text-align:center;max-width:500px;margin:0 auto;position:relative;z-index:4}.intro-message{margin-bottom:var(--space-8);background:var(--paper-white);padding:var(--space-6);border-radius:12px;box-shadow:0 8px 25px var(--shadow-deep),inset 0 1px #ffffff80;border:2px solid var(--warm-brown);transform:rotate(-.5deg);position:relative}.intro-message:before{content:"";position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(-45deg,transparent 46%,var(--shadow-paper) 50%,var(--paper-beige) 54%);border-radius:0 12px 0 0}.intro-message .question-text{font-size:1.8rem;line-height:1.3;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:2px dashed rgba(139,111,71,.3);border-radius:12px;background:#fefbeb1a;display:inline-block;transform:rotate(-.5deg)}@media (max-width: 768px){.intro-message .question-text{font-size:1.4rem;padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){.intro-message .question-text{font-size:1.2rem;padding:var(--space-2)}}.intro-message .name-input-section{margin-top:var(--space-6);text-align:center}.name-question-title{font-family:var(--font-handwritten);font-size:1.4rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-3);transform:rotate(-1deg)}.intro-message .text-answer{margin-top:var(--space-2)}.intro-message.color-pink:before{background:linear-gradient(-45deg,transparent 46%,rgba(255,182,193,.3) 50%,rgba(255,192,203,.4) 54%)}.intro-message.color-blue:before{background:linear-gradient(-45deg,transparent 46%,rgba(173,216,230,.3) 50%,rgba(135,206,250,.4) 54%)}.intro-message.color-green:before{background:linear-gradient(-45deg,transparent 46%,rgba(144,238,144,.3) 50%,rgba(152,251,152,.4) 54%)}.intro-message.color-yellow:before{background:linear-gradient(-45deg,transparent 46%,rgba(255,255,224,.3) 50%,rgba(255,250,205,.4) 54%)}.intro-message.color-purple:before{background:linear-gradient(-45deg,transparent 46%,rgba(221,160,221,.3) 50%,rgba(238,130,238,.4) 54%)}.intro-steps{margin:var(--space-6) 0;text-align:left}.intro-steps p{font-family:var(--font-handwritten);font-size:1.1rem;color:var(--ink-blue);margin-bottom:var(--space-3);line-height:1.4}.intro-hint{background:var(--eraser-pink);border-radius:6px;padding:var(--space-4);border:1px dashed var(--warm-brown);transform:rotate(.3deg);margin:var(--space-4) 0;text-align:left}.intro-hint p{font-size:.95rem;color:var(--ink-blue);margin-bottom:var(--space-2);line-height:1.4}.intro-hint p:last-child{margin-bottom:0}.intro-input{width:100%;padding:var(--space-4);border:2px solid rgba(139,111,71,.3);border-radius:8px;background:var(--paper-white);font-family:var(--font-handwritten);font-size:1.2rem;color:var(--ink-blue);text-align:center;transition:all var(--transition-paper);box-shadow:0 2px 4px var(--shadow-paper),inset 0 1px #ffffff80;transform:rotate(-.2deg)}.intro-input:focus{outline:none;border-color:var(--warm-brown);background:var(--paper-yellow);transform:rotate(0);box-shadow:0 4px 12px var(--shadow-deep),inset 0 1px #ffffff80}.intro-input::placeholder{color:var(--pencil-gray);font-style:italic}.error-message{color:#e74c3c;font-size:.9rem;margin-top:var(--space-2);font-family:var(--font-handwritten);text-align:center;background:var(--eraser-pink);padding:var(--space-2) var(--space-3);border-radius:6px;border:1px dashed #e74c3c;transform:rotate(.5deg)}.questionnaire-scroll-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent 39px,rgba(139,111,71,.1) 40px,transparent 41px),linear-gradient(to right,var(--warm-brown) 89px,transparent 90px,transparent 91px);background-size:100% 40px,100% 100%;pointer-events:none;z-index:0}.questionnaire-scroll-container:after{content:"";position:absolute;top:0;bottom:0;left:90px;width:2px;background:#e74c3c;opacity:.3;z-index:0}.questionnaire-scroll{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:300vh;background:var(--paper-white);box-shadow:-2px 0 10px var(--shadow-paper),2px 0 10px var(--shadow-paper);transition:transform var(--transition-smooth)}.questionnaire-scroll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent 39px,rgba(139,111,71,.1) 40px,transparent 41px),linear-gradient(to right,var(--warm-brown) 79px,transparent 80px,transparent 81px);background-size:100% 40px,100% 100%;pointer-events:none}.questionnaire-scroll:after{content:"";position:absolute;top:0;bottom:0;left:80px;width:2px;background:#e74c3c;opacity:.3}.questionnaire-content{position:relative;padding:var(--space-8) var(--space-8) var(--space-8) 120px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;transition:transform var(--transition-smooth);overflow-y:auto}.question-section{position:absolute;top:0;left:0;right:0;height:100vh;padding:var(--space-8) var(--space-8) var(--space-8) 120px;display:flex;flex-direction:column;justify-content:center;opacity:1;transform:translateY(0);transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.question-section.next{transform:translateY(100vh)}.question-section.prev{transform:translateY(-100vh)}.question-section.active{transform:translateY(0)}.question-container{position:relative;padding:var(--space-8) var(--space-8) var(--space-8) 120px;height:100vh;display:flex;flex-direction:column;justify-content:center}.question-card{background:var(--paper-white);border-radius:16px;padding:var(--space-8);margin:var(--space-4);box-shadow:0 8px 32px var(--shadow-deep),inset 0 1px #ffffff80;border:2px solid var(--warm-brown);position:relative;max-width:600px;width:100%;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:1}.question-card.slide-out-up{transform:translateY(-100vh);opacity:0}.question-card.slide-out-down,.question-card.slide-in-up{transform:translateY(100vh);opacity:0}.question-card.slide-in-down{transform:translateY(-100vh);opacity:0}.question-card.active{transform:translateY(0);opacity:1}.question-card:before{content:"";position:absolute;top:-12px;right:40px;width:24px;height:48px;background:linear-gradient(45deg,silver,#e0e0e0,silver);border-radius:12px 12px 4px 4px;box-shadow:0 2px 6px #0003;z-index:10}.question-card-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);position:relative}.question-content{width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:1}.questionnaire-header{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1001;display:flex;align-items:center;gap:var(--space-3);background:var(--sticky-orange);padding:var(--space-2) var(--space-3);border-radius:6px;transform:rotate(2deg)}.progress-bar{width:100px;height:6px;background:#8b6f4733;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--warm-brown);transition:width var(--transition-smooth);border-radius:3px}.question-counter{font-family:var(--font-handwritten);font-size:.9rem;color:var(--ink-blue);font-weight:600}.question-instruction{font-family:var(--font-handwritten);font-style:italic;color:var(--warm-brown);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--eraser-pink);border-radius:6px;transform:rotate(-.5deg);border:1px dashed var(--warm-brown)}.question-text{font-family:var(--font-handwritten);font-size:2rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-8);line-height:1.3;transform:rotate(-.3deg)}.answer-container{margin-bottom:var(--space-8)}.text-answer textarea{width:100%;min-height:120px;padding:var(--space-4);border:none;background:transparent;font-family:var(--font-handwritten);font-size:1.2rem;color:var(--ink-blue);resize:vertical;line-height:2;border-bottom:2px solid rgba(139,111,71,.3)}.text-answer textarea:focus{outline:none;border-bottom-color:var(--warm-brown)}.text-answer textarea::placeholder{color:var(--pencil-gray);font-style:italic}.choice-options{display:flex;flex-direction:column;gap:var(--space-4)}.choice-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--paper-white);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all var(--transition-paper);position:relative;box-shadow:0 2px 4px var(--shadow-paper);transform:rotate(-.2deg)}.choice-option:nth-child(2n){transform:rotate(.2deg);background:var(--paper-yellow)}.choice-option:hover{transform:rotate(0) translate(8px);box-shadow:0 4px 12px var(--shadow-deep);border-color:var(--warm-brown)}.choice-option input[type=radio],.choice-option input[type=checkbox]{transform:scale(1.3);accent-color:var(--warm-brown)}.option-text{flex:1;font-family:var(--font-handwritten);font-size:1.1rem;color:var(--ink-blue);font-weight:500}.other-input{margin-top:var(--space-3);margin-left:var(--space-6)}.other-input input{width:100%;padding:var(--space-3);border:none;border-bottom:2px dashed var(--warm-brown);background:transparent;font-family:var(--font-handwritten);font-size:1rem;color:var(--ink-blue)}.other-input input:focus{outline:none;border-bottom-style:solid}.question-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);margin-bottom:var(--space-6);padding:var(--space-4) 0}.next-button,.prev-button{padding:var(--space-4) var(--space-8);font-family:var(--font-handwritten);font-size:1.2rem;font-weight:600;border:2px solid var(--warm-brown);border-radius:8px;cursor:pointer;transition:all var(--transition-paper);position:relative;min-width:120px;text-align:center;box-shadow:0 2px 8px #8b6f4733}.next-button{background:var(--highlighter-yellow);color:var(--ink-blue);transform:rotate(-1deg)}.prev-button{background:var(--paper-white);color:var(--warm-brown);transform:rotate(1deg)}.next-button:hover:not(:disabled){transform:rotate(0) translateY(-2px);box-shadow:0 4px 12px var(--shadow-paper)}.prev-button:hover{transform:rotate(0) translateY(-2px);box-shadow:0 4px 12px var(--shadow-paper)}.next-button:disabled{background:var(--pencil-gray);color:#ffffffb3;cursor:not-allowed;transform:rotate(-1deg)}.profile{min-height:100vh;display:flex;align-items:center;padding:var(--space-8) 0;background:var(--paper-beige);position:relative}.profile-header{text-align:center;margin-bottom:var(--space-12)}.profile-header h2{font-family:var(--font-handwritten);font-size:2.5rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-4);transform:rotate(-.5deg)}.profile-header p{font-size:1.2rem;color:var(--warm-brown)}.profile-form{max-width:400px;margin:0 auto;background:var(--paper-white);padding:var(--space-8);border-radius:8px;box-shadow:0 8px 25px var(--shadow-deep);transform:rotate(-.3deg);border:1px solid rgba(139,111,71,.1)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-family:var(--font-handwritten);font-size:1.1rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-2);transform:rotate(-.2deg)}.form-group input{width:100%;padding:var(--space-4);border:none;border-bottom:2px solid rgba(139,111,71,.3);background:transparent;font-family:var(--font-handwritten);font-size:1.1rem;color:var(--ink-blue);transition:all var(--transition-paper)}.form-group input:focus{outline:none;border-bottom-color:var(--warm-brown);background:#fff8dc4d}.telegram-login{min-height:100vh;display:flex;align-items:center;padding:var(--space-8) 0;background:var(--paper-cream)}.login-content{text-align:center;max-width:500px;margin:0 auto;background:var(--paper-white);padding:var(--space-10);border-radius:12px;box-shadow:0 12px 30px var(--shadow-deep);transform:rotate(-.5deg);border:2px solid var(--warm-brown)}.success-icon{font-size:4rem;margin-bottom:var(--space-6)}.login-content h2{font-family:var(--font-handwritten);font-size:2.2rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-4);transform:rotate(.3deg)}.login-content>p{font-size:1.1rem;color:var(--pencil-gray);margin-bottom:var(--space-8);line-height:1.6}.telegram-widget-container{display:flex;justify-content:center;margin-bottom:var(--space-8)}.login-explanation{text-align:left;background:var(--sticky-green);padding:var(--space-6);border-radius:8px;transform:rotate(.5deg);margin-top:var(--space-6)}.login-explanation p{font-family:var(--font-handwritten);font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-3);font-size:1.1rem}.login-explanation ul{list-style:none;padding:0}.login-explanation li{padding:var(--space-2) 0;color:var(--pencil-gray);position:relative;padding-left:var(--space-6);font-size:.95rem}.login-explanation li:before{content:"✓";position:absolute;left:0;color:var(--warm-brown);font-weight:700}.success{min-height:100vh;display:flex;align-items:center;padding:var(--space-8) 0;background:var(--sticky-green);position:relative}.success-content{text-align:center;max-width:600px;margin:0 auto;background:var(--paper-white);padding:var(--space-10);border-radius:12px;box-shadow:0 15px 35px var(--shadow-deep);transform:rotate(-.3deg);border:3px solid var(--warm-brown)}.success .success-icon{font-size:5rem;margin-bottom:var(--space-8)}.success h2{font-family:var(--font-handwritten);font-size:3rem;font-weight:700;color:var(--ink-blue);margin-bottom:var(--space-6);transform:rotate(.5deg);position:relative}.success h2:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:300px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20'%3E%3Cpath d='M5,15 Q50,5 100,12 T200,8 T290,15' stroke='%23fdcb6e' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;opacity:.8}.success-message{font-size:1.3rem;color:var(--pencil-gray);margin-bottom:var(--space-10);line-height:1.5}.next-steps{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:12px;margin-bottom:var(--space-10)}.next-steps h3{font-family:var(--font-handwritten);font-size:1.8rem;font-weight:600;color:var(--ink-blue);margin-bottom:var(--space-6);text-align:center;transform:rotate(-.3deg)}.next-steps .step{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--paper-yellow);border-radius:6px;transform:rotate(.2deg);border:1px dashed var(--warm-brown)}.next-steps .step:nth-child(2n){transform:rotate(-.2deg);background:var(--sticky-blue)}.next-steps .step:nth-child(3){background:var(--sticky-green)}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--warm-brown);color:var(--paper-white);border-radius:50%;font-family:var(--font-handwritten);font-weight:700;font-size:1.2rem;flex-shrink:0;margin:0 auto var(--space-3) auto}.next-steps .step p{font-size:1rem;line-height:1.5;color:var(--ink-blue);margin:0}.success .cta-button{background:#08c;color:#fff;font-size:1.5rem;padding:var(--space-5) var(--space-10);border:3px solid #006699;transform:rotate(1deg);white-space:nowrap}.success .cta-button:hover{background:#069;border-color:#004d73;transform:rotate(0) translateY(-3px);box-shadow:0 6px 20px #08c6}.intro-overlay{width:100%;max-width:100vw;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:2000}.intro-content-wrapper{width:100%;max-width:100vw;overflow-x:hidden;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10}.intro-overlay .min-h-screen{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}body:has(.intro-overlay){background:none!important;background-color:transparent!important;background-image:none!important}body:has(.intro-overlay) #app{background:none!important;background-color:transparent!important;background-image:none!important}.intro-overlay~#questionnaire,body:has(.intro-overlay) #questionnaire{background:none!important;background-color:transparent!important;background-image:none!important}body:has(.intro-overlay) .questionnaire-scroll-container{background:none!important;background-color:transparent!important;background-image:none!important}.intro-message{text-align:center;margin-bottom:var(--space-8)}.intro-message .question-text{font-family:var(--font-handwritten);font-size:2.2rem;font-weight:600;color:var(--ink-blue);line-height:1.3;margin:0}.intro-card{width:100%;max-width:min(500px,calc(100vw - 32px));box-sizing:border-box;background:var(--paper-white);border-radius:12px;padding:var(--space-8);max-width:500px;margin:var(--space-4);text-align:center;box-shadow:0 20px 40px var(--shadow-deep);transform:rotate(-.5deg);position:relative}.intro-card.greeting-card{background:transparent;box-shadow:none}.intro-card p{font-family:var(--font-handwritten);font-size:1.2rem;line-height:1.5;color:var(--ink-blue);margin-bottom:var(--space-6)}.intro-card p:first-child{font-size:1.4rem;font-weight:700;color:var(--warm-brown);text-shadow:1px 1px 2px rgba(139,111,71,.2);margin-bottom:var(--space-8)}.intro-hint{background:var(--eraser-pink);border-radius:6px;padding:var(--space-4);border:1px dashed var(--warm-brown);transform:rotate(.3deg);margin:var(--space-4) 0}.questionnaire-notification{position:fixed;top:var(--space-4);left:var(--space-4);max-width:320px;z-index:2000;opacity:0;transform:translate(-100%) rotate(-1deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.questionnaire-notification.show{opacity:1;transform:translate(0) rotate(-1deg)}.questionnaire-notification.hide{opacity:0;transform:translate(-100%) rotate(-1deg)}.notification-content{background:var(--paper-white);border:2px solid var(--warm-brown);border-radius:8px;padding:var(--space-4);box-shadow:0 4px 12px var(--shadow-paper);position:relative}.notification-text{font-family:var(--font-handwritten);font-size:.95rem;line-height:1.4;color:var(--ink-blue);margin-right:var(--space-6)}.notification-close{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--eraser-pink);border:1px solid var(--warm-brown);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;color:var(--ink-blue);transition:all .2s ease}.notification-close:hover{background:var(--highlighter-yellow);transform:scale(1.1)}@media (max-width: 768px){.questionnaire-notification{top:60px;left:95px;right:var(--space-2);max-width:none;transform:translateY(-100%) rotate(-1deg)}.questionnaire-notification.show{transform:translateY(0) rotate(-1deg)}.questionnaire-notification.hide{transform:translateY(-100%) rotate(-1deg)}.notification-content{padding:var(--space-2);border-radius:6px}.notification-text{font-size:.9rem;margin-right:var(--space-4);line-height:1.3}.notification-close{width:24px;height:24px;font-size:12px}}@media (max-width: 480px){.questionnaire-notification{top:50px;left:92px;right:var(--space-1)}.notification-content{padding:var(--space-1)}.notification-text{font-size:.85rem;line-height:1.2}}.tooltip-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(1deg);background:var(--paper-white);border-radius:8px;padding:var(--space-6);max-width:350px;box-shadow:0 12px 25px var(--shadow-deep);border:2px solid var(--warm-brown);z-index:2001}.tooltip-popover .close{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--eraser-pink);border:1px solid var(--warm-brown);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;color:var(--ink-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-50%) rotate(-2deg) scale(.9)}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}.hero{width:100%;max-width:100vw;overflow-x:hidden;padding:40px 0}.container{width:100%;max-width:100vw;padding:0 12px;margin:0}.hero-content{width:100%;max-width:100%}.bg-template-cellular:before,.questionnaire:before{background-size:40px 40px!important}.hero-content{margin-left:20px}.hero:before{left:15px;width:2px}.hero:after{left:8px;width:15px}.question-slide{padding:var(--space-6) var(--space-4) var(--space-6) 60px}.questionnaire-scroll-container:before{left:30px;width:2px;background-size:100% 32px,100% 100%;background:repeating-linear-gradient(to bottom,var(--warm-brown) 0px,var(--warm-brown) 16px,transparent 16px,transparent 32px)}.questionnaire-scroll-container:after{left:24px;width:12px}.question-slide:after{left:50px}.intro-content{max-width:100%;padding:0 var(--space-2)}.intro-steps p{font-size:1rem}.intro-hint{padding:var(--space-3);margin:var(--space-3) 0}.intro-hint p{font-size:.9rem}.intro-input{font-size:1.1rem;padding:var(--space-3)}.logo h1{font-size:48px}.tagline{font-size:1.2rem}.value-proposition{padding:var(--space-6);margin-bottom:var(--space-12)}.value-proposition h2{font-size:22px;line-height:1.3;margin-bottom:16px;padding:0 8px}.value-proposition .description{font-size:16px;line-height:1.5;padding:0 8px;margin-bottom:24px}.process-steps{width:100%;max-width:100%;flex-direction:column;align-items:center;gap:20px;padding:0 8px}.step{width:100%;max-width:100%;inline-size:clamp(260px,80vw,320px);min-height:auto;height:auto!important;flex-direction:row;text-align:left;padding:16px;background:#fff9;border-radius:12px;box-shadow:0 2px 8px #0000001a}.step-icon{font-size:2rem;margin-bottom:var(--space-3)}.step-text h3{font-size:1.2rem}.step-text p{font-size:.9rem}.cta-button{font-size:20px;padding:18px 36px;margin:24px 8px 0;width:calc(100% - 16px);max-width:320px;min-height:56px;border-radius:16px;box-shadow:0 4px 16px #00000026;transition:all .2s ease}.cta-button:active{transform:scale(.98);box-shadow:0 2px 8px #0003}#questionnaire{width:100%;max-width:100vw;overflow-x:hidden}.questionnaire-header{width:100%;max-width:100vw;padding:16px 12px;left:0;right:auto}.questionnaire-scroll-container{width:100%;max-width:100vw;overflow-x:hidden;padding:0}.question-slide{width:100%;max-width:100vw;overflow-x:hidden;padding:0 12px}.questionnaire-content,.question-section,.question-container{padding:var(--space-6) var(--space-4)}.question-content{width:100%;max-width:100%;padding:20px 16px;margin:80px 0 20px;box-sizing:border-box}.question-text{font-size:1.5rem;margin-bottom:var(--space-6)}.question-instruction{font-size:.95rem;padding:var(--space-3);margin-bottom:var(--space-5)}.choice-option{width:100%;max-width:100%;padding:18px 16px;font-size:18px;min-height:56px;box-sizing:border-box;gap:var(--space-3)}.option-text{font-size:1rem}.text-answer textarea{width:100%;max-width:100%;font-size:18px;padding:18px;min-height:120px;box-sizing:border-box;resize:vertical}.choice-option input[type=radio],.choice-option input[type=checkbox]{transform:scale(1.5)}.other-input input{width:100%;max-width:100%;font-size:18px;padding:16px;box-sizing:border-box}.question-navigation{width:100%;max-width:100%;gap:12px;padding:0;margin-top:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-3) 0}.next-button,.prev-button{font-size:18px;padding:18px 28px;min-height:56px;border-radius:12px;min-width:120px}.next-button:active,.prev-button:active{transform:scale(.98)}.questionnaire-content{padding:var(--space-6) var(--space-4) var(--space-8) var(--space-4)}.questionnaire-header{top:var(--space-3);right:var(--space-3);padding:var(--space-2) var(--space-3)}.progress-bar{width:80px}.question-counter{font-size:.8rem}.profile-form{padding:var(--space-6);margin:0 var(--space-3)}.profile-header h2{font-size:2rem}.profile-header p{font-size:1.1rem}.login-content{padding:var(--space-8);margin:0 var(--space-3)}.login-content h2{font-size:1.8rem}.success-content{padding:var(--space-8);margin:0 var(--space-3)}.success h2{font-size:2.2rem}.success-message{font-size:1.1rem}.intro-overlay{width:100%;max-width:100vw;overflow-x:hidden}.intro-content-wrapper{width:100%;max-width:100vw;overflow-x:hidden;padding:0 12px}.intro-card{width:100%;max-width:100%;padding:20px 16px;margin:0;box-sizing:border-box}.intro-message h2{font-size:1.8rem}.intro-card p{font-size:1.1rem}.intro-card p:first-child{font-size:1.3rem}.intro-input{width:100%;max-width:100%;font-size:18px;padding:18px;box-sizing:border-box}}@media (max-width: 480px){.bg-template-cellular:before,.questionnaire:before{background-size:30px 30px!important}.question-slide{padding:var(--space-5) var(--space-3) var(--space-5) 40px}.questionnaire-scroll-container:before{left:20px;width:1px;background:repeating-linear-gradient(to bottom,var(--warm-brown) 0px,var(--warm-brown) 12px,transparent 12px,transparent 24px)}.questionnaire-scroll-container:after{left:16px;width:8px}.question-slide:after{left:30px}.intro-content{padding:0 var(--space-1)}.intro-steps p{font-size:.95rem}.intro-hint{padding:var(--space-2) var(--space-3)}.intro-hint p{font-size:.85rem}.intro-input{font-size:1rem;padding:var(--space-2)}.question-card{margin:var(--space-1);padding:var(--space-4);border-radius:8px}.question-card:before{top:-6px;right:15px;width:16px;height:32px;border-radius:8px 8px 2px 2px}.question-card-container{padding:var(--space-1)}.hero-content{margin-left:10px}.hero:before,.hero:after{left:5px;width:1px}.logo h1{font-size:2.5rem;margin-bottom:var(--space-2)}.tagline{font-size:1rem;margin-left:10px}.value-proposition{padding:var(--space-5);margin-bottom:var(--space-10)}.value-proposition h2{font-size:1.6rem;line-height:1.2}.description{font-size:.95rem}.questionnaire-content,.question-section,.question-container{padding:var(--space-5) var(--space-3) var(--space-8) var(--space-3)}.question-navigation{margin-bottom:var(--space-6)}.question-text{font-size:1.4rem;margin-bottom:var(--space-5)}.question-instruction{font-size:.9rem;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.step{inline-size:clamp(240px,90vw,280px);min-height:auto;height:auto!important;padding:14px 16px 16px}.step-icon{font-size:1.8rem;margin-bottom:var(--space-2)}.step-text h3{font-size:1.1rem}.step-text p{font-size:.85rem}.choice-option{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.option-text{font-size:.95rem}.text-answer textarea{font-size:1rem;min-height:80px;padding:var(--space-2)}.next-button,.prev-button{padding:var(--space-3) var(--space-6);font-size:1.1rem;min-width:100px}.question-navigation{margin-top:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-3) 0}.questionnaire-content{padding:var(--space-6) var(--space-4) var(--space-8) var(--space-4)}.questionnaire-header{top:var(--space-2);right:var(--space-2);gap:var(--space-2);padding:var(--space-1) var(--space-2)}.progress-bar{width:60px;height:4px}.question-counter{font-size:.75rem}.cta-button{font-size:1.1rem;padding:var(--space-3) var(--space-5)}.profile-form{padding:var(--space-5)}.form-group input{padding:var(--space-3);font-size:1rem}.login-content{padding:var(--space-6)}.login-content h2{font-size:1.6rem}.login-content>p{font-size:1rem}.success-content{padding:var(--space-6)}.success h2{font-size:2rem}.success-message{font-size:1rem}.next-steps .step{padding:var(--space-3);margin-bottom:var(--space-4)}.step-number{width:30px;height:30px;font-size:1rem;margin:0 auto var(--space-2) auto}.next-steps .step p{font-size:.9rem}.intro-card{margin:var(--space-2);padding:var(--space-5)}.intro-card p{font-size:1rem}.intro-card p:first-child{font-size:1.2rem}}#stage-indicator,.dev-hud,.test-hint,[data-test],.qa-only,.debug,#testAuthButton{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.question-slide,.questionnaire-scroll-container{transition:none!important}}#animated-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;will-change:transform}.question{background-color:#e3f2fd;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: rotateX(0);--tw-rotate-y: rotateY(0);--tw-rotate-z: rotateZ(0);--tw-skew-x: skewX(0);--tw-skew-y: skewY(0);--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(.971 .013 17.38);--color-orange-50: oklch(.98 .016 73.684);--color-amber-50: oklch(.987 .022 95.277);--color-amber-100: oklch(.962 .059 95.617);--color-amber-200: oklch(.924 .12 95.746);--color-amber-300: oklch(.879 .169 91.605);--color-amber-400: oklch(.828 .189 84.429);--color-amber-500: oklch(.769 .188 70.08);--color-amber-600: oklch(.666 .179 58.318);--color-amber-700: oklch(.555 .163 48.998);--color-amber-800: oklch(.473 .137 46.201);--color-amber-900: oklch(.414 .112 45.904);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-500: oklch(.715 .143 215.221);--color-blue-600: oklch(.546 .245 262.881);--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--blur-sm: 8px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer utilities{.\@container\/card-header{container:card-header / inline-size}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-20{top:calc(var(--spacing) * 20)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-8{right:calc(var(--spacing) * 8)}.bottom-32{bottom:calc(var(--spacing) * 32)}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shrink-0{flex-shrink:0}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-1{rotate:-1deg}.-rotate-12{rotate:-12deg}.rotate-1{rotate:1deg}.rotate-2{rotate:2deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-green-200{border-color:var(--color-green-200)}.border-input{border-color:var(--input)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-100\/60{background-color:color-mix(in srgb,oklch(.962 .059 95.617) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-amber-100\/60{background-color:color-mix(in oklab,var(--color-amber-100) 60%,transparent)}}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-800{background-color:var(--color-amber-800)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-green-100\/60{background-color:color-mix(in srgb,oklch(.962 .044 156.743) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-green-100\/60{background-color:color-mix(in oklab,var(--color-green-100) 60%,transparent)}}.bg-input-background{background-color:var(--input-background)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color: color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color: color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color: color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from: var(--color-amber-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from: var(--color-cyan-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-orange-50{--tw-gradient-via: var(--color-orange-50);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.to-cyan-500{--tw-gradient-to: var(--color-cyan-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to: var(--color-red-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-primary{fill:var(--primary)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-none{--tw-leading: 1;line-height:1}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200{--tw-duration: .2s;transition-duration:.2s}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-amber-500::placeholder{color:var(--color-amber-500)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover: hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (hover: hover){.hover\:bg-accent:hover{background-color:var(--accent)}}@media (hover: hover){.hover\:bg-amber-100\/50:hover{background-color:color-mix(in srgb,oklch(.962 .059 95.617) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-amber-100\/50:hover{background-color:color-mix(in oklab,var(--color-amber-100) 50%,transparent)}}}@media (hover: hover){.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}@media (hover: hover){.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}@media (hover: hover){.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}@media (hover: hover){.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}}@media (hover: hover){.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}@media (hover: hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-amber-400:focus{border-color:var(--color-amber-400)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: var(--ring)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: calc(2 * var(--spacing) * -1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: calc(2 * var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: calc(2 * var(--spacing) * -1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: calc(2 * var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration, .15s) var(--tw-ease, ease)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}@media (width >= 48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media (hover: hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}}@media (hover: hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\:last-child\]\:pb-6:last-child{padding-bottom:calc(var(--spacing) * 6)}.font-handwriting{font-variation-settings:"wght" 400;font-family:Kalam,Caveat,Dancing Script,cursive}.bg-cream-100{background-color:#fef7ed}.bg-cream-200{background-color:#fed7aa}}:root{--font-size: 16px;--background: #fff;--foreground: oklch(.145 0 0);--card: #fff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #fff;--border: #0000001a;--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false; initial-value: rotateX(0);}@property --tw-rotate-y{syntax: "*"; inherits: false; initial-value: rotateY(0);}@property --tw-rotate-z{syntax: "*"; inherits: false; initial-value: rotateZ(0);}@property --tw-skew-x{syntax: "*"; inherits: false; initial-value: skewX(0);}@property --tw-skew-y{syntax: "*"; inherits: false; initial-value: skewY(0);}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false}@property --tw-gradient-via-stops{syntax: "*"; inherits: false}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{syntax: "*"; inherits: false}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}@property --tw-backdrop-blur{syntax: "*"; inherits: false}@property --tw-backdrop-brightness{syntax: "*"; inherits: false}@property --tw-backdrop-contrast{syntax: "*"; inherits: false}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false}@property --tw-backdrop-invert{syntax: "*"; inherits: false}@property --tw-backdrop-opacity{syntax: "*"; inherits: false}@property --tw-backdrop-saturate{syntax: "*"; inherits: false}@property --tw-backdrop-sepia{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size)}@layer utilities{.font-handwriting{font-family:Kalam,Caveat,Dancing Script,cursive;font-variation-settings:"wght" 400}}@layer utilities{.bg-cream-100{background-color:#fef7ed}.bg-cream-200{background-color:#fed7aa}}