@font-face{font-family:Lexend;src:url(../font/Lexend-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ultra;src:url(../font/Ultra-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Lexend;src:url(../font/Lexend-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ultra;src:url(../font/Ultra-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-white:#fff;--color-purple-100:#ece2f4;--color-purple-500:#5e4074;--color-purple-800:#321e40;--color-yellow-100:#fff0ca;--color-pink-200:#f5cbd9;--color-brown-800:#634944;--color-brown-900:#442c28;--color-destructive:#ffe6e8;--color-destructive-foreground:#ba0411;--color-success:#e3edc7;--color-success-foreground:#353d1c;--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-56:56px;--spacing-64:64px;--spacing-80:80px;--spacing-120:120px;--spacing-160:160px;--text-10:10px;--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-30:30px;--radius-none:0px;--radius-4:4px;--radius-16:16px;--radius-full:99999px;--max-width:768px;--font-family:"Lexend", system-ui, -apple-system, sans-serif;--font-family-ultra:"Ultra", serif;--font-weight-bold:700;--font-weight-regular:400}.input-group{gap:var(--spacing-8);flex-direction:column;display:flex}.input-label{font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-bold);color:var(--color-purple-800)}.input-wrapper{gap:var(--spacing-8);border-bottom:2px solid var(--color-purple-800);padding-bottom:var(--spacing-8);display:flex}.input-icon{border-radius:var(--radius-full);background-color:var(--color-brown-900);width:32px;height:32px;color:var(--color-yellow-100);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-icon img,.input-icon svg{width:16px;height:16px}.input-field{font-family:var(--font-family);font-size:var(--text-14);color:var(--color-purple-800);padding:var(--spacing-4) 0;background:0 0;border:none;outline:none;flex:1}.input-field::placeholder{color:var(--color-brown-800);opacity:.6}.input-toggle{cursor:pointer;padding:var(--spacing-4);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.input-toggle:hover{opacity:1}.input-toggle img,.input-toggle svg{width:16px;height:16px}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);width:100%;min-width:200px;padding:var(--spacing-16) var(--spacing-24);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-regular);cursor:pointer;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background-color:var(--color-purple-500);color:var(--color-yellow-100);border:2px solid var(--color-purple-500)}.btn-primary:active,.btn-primary:hover{background-color:var(--color-purple-800);border-color:var(--color-purple-800)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--color-purple-800);border:2px solid var(--color-purple-500);background-color:#0000}.btn-secondary:hover{background-color:var(--color-purple-500);color:var(--color-yellow-100);border-color:var(--color-purple-500)}.btn-secondary:active{transform:scale(.98)}.btn-text{justify-content:center;align-items:center;gap:var(--spacing-4);color:var(--color-purple-800);font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-regular);padding:var(--spacing-8) 0;cursor:pointer;background:0 0;border:none;text-decoration:underline;display:inline-flex}.btn-text:hover{opacity:.7;text-decoration:none}.btn-text .arrow{vertical-align:middle;width:16px;height:16px;transition:transform .2s;display:inline-block}.btn-text:hover .arrow{transform:translate(4px)}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.back-link{padding:var(--spacing-16) var(--spacing-24);font-size:var(--text-14)}.signup-logo{margin-bottom:var(--spacing-48);justify-content:center;display:flex}.signup-title{font-family:var(--font-family-ultra);font-size:var(--text-30);font-weight:var(--font-weight-bold);color:var(--color-purple-500);margin-bottom:var(--spacing-40)}.signup-form{gap:var(--spacing-24);flex-direction:column;width:100%;display:flex}.signup-login-link{padding-bottom:var(--spacing-48);font-size:var(--text-14);margin-top:auto}.back-link .arrow{transform:rotate(180deg)}.back-link:hover .arrow{transform:rotate(180deg)translate(4px)}.forgot-password{font-family:var(--font-family);font-size:var(--text-14);color:var(--color-purple-800);margin-top:var(--spacing-24)}.forgot-password a{color:var(--color-purple-800);text-decoration:underline}.forgot-password a:hover{opacity:.7;text-decoration:none}.otp-title{font-family:var(--font-family-ultra);font-size:var(--text-30);font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-16)}.otp-description,.otp-title{color:var(--color-purple-500);text-align:center}.otp-description{font-family:var(--font-family);font-size:var(--text-16);line-height:1.5}.otp-form{gap:var(--spacing-24);width:100%;padding-top:var(--spacing-24);flex-direction:column;display:flex}.otp-label{text-align:center;width:100%;color:var(--color-purple-500)}.otp-input-group{justify-content:center;gap:var(--spacing-4);display:flex}.otp-input{border:1.5px solid var(--color-purple-500);border-radius:var(--radius-16);width:48px;height:48px;font-family:var(--font-family);font-size:var(--text-24);font-weight:var(--font-weight-bold);color:var(--color-purple-800);text-align:center;background:0 0;outline:none;transition:border-color .2s,background-color .2s}.otp-input:focus{border-color:var(--color-purple-800);background-color:var(--color-purple-100)}.otp-btn-group{align-items:center;gap:var(--spacing-16);flex-direction:column;display:flex}.otp-resend-btn{width:auto;min-width:auto;padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-full);color:var(--color-brown-800);border:1.5px solid var(--color-brown-800);font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-regular);gap:var(--spacing-6);background-color:#0000}.otp-resend-btn:hover{background-color:var(--color-brown-800);color:var(--color-yellow-100)}.otp-resend-btn svg{flex-shrink:0}.otp-support{font-family:var(--font-family);font-size:var(--text-16);text-align:center;padding-top:var(--spacing-16)}.otp-support,.otp-support a{color:var(--color-purple-500)}.otp-support a{font-weight:var(--font-weight-bold);text-decoration:underline}.otp-support a:hover{opacity:.7;text-decoration:none}.otp-alert{align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-16);background-color:var(--color-success);color:var(--color-success-foreground);font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-regular);text-align:center;justify-content:center;animation:.3s fadeIn;display:flex}.hidden{display:none}.screen.onboarding-screen{background-color:var(--color-white)}.bg-yellow-circle{border-radius:var(--radius-full);background-color:var(--color-yellow-100);z-index:0;width:600px;height:500px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.onboarding-logo{padding-top:var(--spacing-40);margin-bottom:var(--spacing-24);z-index:1;justify-content:center}.onboarding-content,.onboarding-logo{flex-direction:column;align-items:center;display:flex;position:relative}.onboarding-content{padding:0 var(--spacing-24);z-index:2}.onboarding-title{font-family:var(--font-family-ultra);font-size:var(--text-30);font-weight:var(--font-weight-bold);color:var(--color-purple-500);margin-bottom:var(--spacing-24);text-align:center}.onboarding-slider{width:100%;position:relative;overflow:hidden}.onboarding-swiper{width:100%}.onboarding-slide{height:auto}.onboarding-card{padding-inline:var(--spacing-16);flex-direction:column;gap:0;display:flex}.onboarding-card-img{border-radius:var(--radius-16);flex-shrink:0;width:100%;height:120px;overflow:hidden}.onboarding-card-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.onboarding-card-body{background-color:var(--color-purple-100);border-radius:var(--radius-16);padding:var(--spacing-20);gap:var(--spacing-10);margin-top:var(--spacing-12);flex-direction:column;height:230px;display:flex;overflow-y:auto}.onboarding-card-title{font-size:var(--text-20);font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-8)}.onboarding-card-desc,.onboarding-card-title{font-family:var(--font-family);color:var(--color-purple-500)}.onboarding-card-desc{font-size:var(--text-16);font-weight:var(--font-weight-regular);line-height:1.5}.onboarding-card-desc strong{font-weight:var(--font-weight-bold)}.onboarding-steps{align-items:center;gap:var(--spacing-12);margin-top:var(--spacing-24);justify-content:center;display:flex}.onboarding-step-counter{font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-bold);color:var(--color-brown-800)}.onboarding-dots{gap:var(--spacing-12);align-items:center;display:flex}.onboarding-dot{border-radius:var(--radius-full);background-color:var(--color-pink-200);width:16px;height:16px;transition:background-color .3s}.onboarding-dot.active{background-color:var(--color-purple-800)}.onboarding-actions{width:100%;padding:0 var(--spacing-24);margin-top:var(--spacing-24);gap:var(--spacing-16)}.btn-back,.onboarding-actions{align-items:center;display:flex}.btn-back{border-radius:var(--radius-full);border:1px solid var(--color-brown-800);cursor:pointer;background:0 0;justify-content:center;width:48px;min-width:48px;height:48px;text-decoration:none;transition:background-color .2s}.btn-back img{display:block}.btn-back.hidden{display:none}.btn-back:hover{background-color:var(--color-purple-100)}.onboarding-skip{text-align:center;margin-top:var(--spacing-48);font-size:var(--text-16);white-space:nowrap;display:block}.onboarding-skip .arrow .square-lock{vertical-align:middle;width:16px;height:16px;transition:transform .2s;display:inline-block}.onboarding-skip:hover .arrow .square-lock{transform:translate(4px)}.onboarding-end-screen{flex-direction:column;display:flex}.onboarding-end-screen .onboarding-content{flex:1}.onboarding-footer-link{padding:var(--spacing-24);text-align:center;text-decoration:underline}.onboarding-footer-link:hover{opacity:.7;text-decoration:none}.privacy-description{font-size:var(--text-16);color:var(--color-purple-800);text-align:center;margin-bottom:var(--spacing-24);line-height:1.5}.privacy-options{gap:var(--spacing-16);width:100%;margin-bottom:var(--spacing-24);flex-direction:column;display:flex}.privacy-option{align-items:flex-start;gap:var(--spacing-12);padding:var(--spacing-20);background-color:var(--color-white);border:1px solid var(--color-purple-100);border-radius:var(--radius-16);cursor:pointer;transition:border-color .2s,background-color .2s;display:flex}.privacy-option:hover{border-color:var(--color-purple-500)}.privacy-option:has(input:checked){border-color:var(--color-purple-500);background-color:var(--color-purple-100)}.radio-circle{border-radius:var(--radius-full);border:2px solid var(--color-purple-500);background-color:var(--color-white);justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:2px;transition:border-color .2s;display:flex}.privacy-option:has(input:checked) .radio-circle{border-color:var(--color-purple-800)}.privacy-option:has(input:checked) .radio-circle:after{content:"";border-radius:var(--radius-full);background-color:var(--color-purple-800);width:12px;height:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.privacy-option-text{gap:var(--spacing-8);flex-direction:column;display:flex}.privacy-option-title{font-size:var(--text-16);font-weight:var(--font-weight-bold);color:var(--color-purple-500)}.privacy-option-desc{margin:0;line-height:1.5}.privacy-footer,.privacy-option-desc{font-size:var(--text-14);color:var(--color-purple-500)}.privacy-footer{text-align:center;margin-bottom:var(--spacing-24);padding-top:var(--spacing-16)}.onboarding-step-label{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}.step-subtitle{font-size:var(--text-14);color:var(--color-purple-800);font-weight:var(--font-weight-bold)}.question-step{width:100%;display:none}.question-step.active{display:block}.question-options{gap:var(--spacing-12);flex-direction:column;width:100%;display:flex}.question-option{align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);background-color:var(--color-white);border:1px solid var(--color-purple-100);border-radius:var(--radius-16);cursor:pointer;transition:border-color .2s,background-color .2s;display:flex}.question-option:hover{border-color:var(--color-purple-500)}.question-option:has(input:checked){border-color:var(--color-purple-500);background-color:var(--color-purple-100)}.question-option .radio-circle{border-radius:var(--radius-full);border:2px solid var(--color-purple-500);background-color:var(--color-white);justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;transition:border-color .2s;display:flex}.question-option:has(input:checked) .radio-circle{border-color:var(--color-purple-800)}.question-option:has(input:checked) .radio-circle:after{content:"";border-radius:var(--radius-full);background-color:var(--color-purple-800);width:12px;height:12px}.question-option-text{font-size:var(--text-16);color:var(--color-purple-800);gap:var(--spacing-4);flex-direction:column;display:flex}.question-option-text strong{font-weight:var(--font-weight-bold);color:var(--color-purple-500)}.question-option-text span:not(.radio-circle){font-size:var(--text-14);color:var(--color-purple-800);line-height:1.4}.question-option .checkbox-square{border-radius:var(--radius-4);border:2px solid var(--color-purple-500);background-color:var(--color-white);justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;transition:border-color .2s,background-color .2s;display:flex}.question-option:has(input:checked) .checkbox-square{border-color:var(--color-purple-800);background-color:var(--color-purple-800)}.question-option:has(input:checked) .checkbox-square:after{content:"";border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white);width:8px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.screen.home-screen{background-color:var(--color-purple-100);flex-direction:column;display:flex}.home-header{padding:var(--spacing-16) var(--spacing-24);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.home-settings-btn{border-radius:var(--radius-full);background-color:var(--color-white);cursor:pointer;width:48px;height:48px;color:var(--color-purple-500);border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.home-premium-btn,.home-settings-btn:hover{background-color:var(--color-purple-500);color:var(--color-white)}.home-premium-btn{align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-bold);text-decoration:none;transition:background-color .2s;display:inline-flex}.home-premium-btn:hover{background-color:var(--color-purple-800)}.home-content{padding:var(--spacing-24);padding-bottom:calc(80px + var(--spacing-24));flex:1;overflow-y:auto}.home-section{margin-bottom:var(--spacing-32)}.home-section-title{font-size:var(--text-20);font-weight:var(--font-weight-bold);color:var(--color-purple-500);margin-bottom:var(--spacing-16)}.home-card{justify-content:center;align-items:center;gap:var(--spacing-12);padding:var(--spacing-32) var(--spacing-24);border:2px dashed var(--color-purple-500);border-radius:var(--radius-16);background-color:#0000;flex-direction:column;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.home-card:hover{border-color:var(--color-purple-800);background-color:#5e40740d}.home-card-icon{width:32px;height:32px;color:var(--color-purple-500)}.home-card-text{font-family:var(--font-family);font-size:var(--text-16);font-weight:var(--font-weight-regular);color:var(--color-purple-500);text-align:center}.home-nav{padding:var(--spacing-12) var(--spacing-8);background-color:var(--color-purple-800);border-radius:var(--radius-16) var(--radius-16) 0 0;z-index:10;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.home-nav,.home-nav-item{align-items:center;display:flex}.home-nav-item{gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-16);color:var(--color-yellow-100);font-family:var(--font-family);font-size:var(--text-10);flex-direction:column;text-decoration:none;transition:background-color .2s}.home-nav-item img,.home-nav-item span.iconify,.home-nav-item svg{filter:none;font-size:20px}.home-nav-item:hover{background-color:#ffffff1a}.home-nav-item.active{background-color:var(--color-yellow-100);color:var(--color-purple-800)}.home-nav-item.active img,.home-nav-item.active span.iconify,.home-nav-item.active svg{filter:brightness(0)invert(13%)sepia(45%)saturate(3000%)hue-rotate(265deg)brightness(70%)contrast(95%)}.bottom-sheet-overlay{z-index:100;background-color:#3e2755b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background-color:var(--color-purple-100);border-radius:var(--radius-24) var(--radius-24) 0 0;width:100%;max-width:480px;padding:var(--spacing-32) var(--spacing-24) var(--spacing-48);position:relative}.bottom-sheet-title{font-size:var(--text-20);font-weight:var(--font-weight-bold);color:var(--color-purple-500);text-align:center;margin-bottom:var(--spacing-32);padding-right:var(--spacing-32)}.bottom-sheet-options{gap:var(--spacing-16);flex-direction:column;display:flex}.bottom-sheet-option{align-items:flex-start;gap:var(--spacing-16);padding:var(--spacing-20);background-color:var(--color-white);border-radius:var(--radius-16);cursor:pointer;text-align:left;border:none;transition:background-color .2s;display:flex}.bottom-sheet-option:hover{background-color:var(--color-purple-50)}.bottom-sheet-option span.iconify{color:var(--color-purple-800);flex-shrink:0;margin-top:2px}.bottom-sheet-option-text{gap:var(--spacing-4);flex-direction:column;display:flex}.bottom-sheet-option-title{font-family:var(--font-family);font-size:var(--text-16);font-weight:var(--font-weight-bold);color:var(--color-purple-500)}.bottom-sheet-option-badge{font-weight:var(--font-weight-regular)}.bottom-sheet-option-badge,.bottom-sheet-option-desc{font-size:var(--text-14);color:var(--color-purple-500)}.bottom-sheet-option-desc{font-family:var(--font-family);line-height:1.4}.bottom-sheet-enter-active,.bottom-sheet-leave-active{transition:opacity .3s}.bottom-sheet-enter-active .bottom-sheet,.bottom-sheet-leave-active .bottom-sheet{transition:transform .3s}.bottom-sheet-enter-from,.bottom-sheet-leave-to{opacity:0}.bottom-sheet-enter-from .bottom-sheet,.bottom-sheet-leave-to .bottom-sheet{transform:translateY(100%)}.bottom-sheet-header{margin-bottom:var(--spacing-16);justify-content:space-between;align-items:center;display:flex}.bottom-sheet-back,.bottom-sheet-close{border:2px solid var(--color-purple-500);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-purple-800);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.bottom-sheet-back:hover,.bottom-sheet-close:hover{background-color:var(--color-purple-500);color:var(--color-yellow-100)}.bottom-sheet-empty{text-align:center;padding:var(--spacing-24) 0;flex-direction:column;align-items:center;display:flex}.bottom-sheet-empty-icon{color:var(--color-purple-800);margin-bottom:var(--spacing-16)}.bottom-sheet-empty-text{font-family:var(--font-family);font-size:var(--text-14);color:var(--color-purple-500);margin-bottom:var(--spacing-24);line-height:1.5}.bottom-sheet-create-btn{justify-content:center;align-items:center;gap:var(--spacing-8);width:100%;max-width:280px;margin:0 auto;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-yellow-100);justify-content:center;min-height:100dvh;display:flex}body>:first-child{width:100%}.screen{width:100%;max-width:var(--max-width);background-color:var(--color-yellow-100);min-height:100vh;position:relative;overflow:hidden}.language-selector{top:var(--spacing-24);z-index:10;background:var(--color-white);border-radius:var(--radius-16);padding:var(--spacing-8) var(--spacing-16);align-items:center;gap:var(--spacing-8);cursor:pointer;font-family:var(--font-family);font-size:var(--text-14);font-weight:var(--font-weight-regular);color:var(--color-purple-800);border:none;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.language-selector .chevron{width:16px;height:16px;margin-left:var(--spacing-8)}.hero-image{width:100%;height:55vh;overflow:hidden}.hero-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:400px;display:block}.content{padding:0 var(--spacing-24) var(--spacing-32) var(--spacing-24);flex-direction:column;align-items:center;display:flex;transform:translateY(-5%)}.logo{max-width:300px;height:auto;margin-bottom:var(--spacing-12)}.subtitle{font-size:var(--text-16);color:var(--color-brown-800);margin-bottom:var(--spacing-32)}.logo-circle{border-radius:var(--radius-full);background-color:var(--color-purple-500);width:120px;height:120px;margin-bottom:var(--spacing-24);flex-shrink:0}.actions{gap:var(--spacing-16);width:100%;padding-bottom:var(--spacing-48);flex-direction:column;align-items:center;display:flex}