@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap";@layer components;@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-500:oklch(63.7% .237 25.331);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-bold:700;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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}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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-primary{border-color:var(--primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.break-all{word-break:break-all}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-40{opacity:.4}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.active\:scale-\[0\.98\]:active{scale:.98}.active\:opacity-70:active{opacity:.7}}:root{--background:#f7f9fc;--foreground:#172033;--card:#fff;--card-foreground:#172033;--primary:#2f6b8a;--primary-foreground:#fff;--secondary:#2f8f83;--secondary-foreground:#fff;--muted:#eef3f7;--muted-foreground:#667085;--accent:#e2b44a;--accent-foreground:#172033;--border:#d9e2e8;--ring:#2f6b8a;--radius:16px;--font-sans:"Nunito", system-ui, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--brand-navy:#17324d;--brand-blue:#2f6b8a;--brand-teal:#2f8f83;--brand-green:#5e9c76;--brand-gold:#e2b44a;--brand-coral:#d9764c;--hero-home:linear-gradient(145deg, #17324d 0%, #2f6b8a 56%, #2f8f83 100%);--hero-gather:linear-gradient(145deg, #205f58 0%, #2f8f83 58%, #5e9c76 100%);--hero-venue:linear-gradient(145deg, #183b5a 0%, #2f6b8a 58%, #3aa18f 100%);--hero-legacy:linear-gradient(145deg, #304968 0%, #4f6f98 58%, #6f86ad 100%);--terracotta-50:#f3f7fa;--terracotta-100:#e3eef4;--terracotta-200:#bfd6e2;--terracotta-300:#8eb7c9;--terracotta-400:#5f91aa;--terracotta-500:#2f6b8a;--terracotta-600:#285b76;--terracotta-700:#214c63;--terracotta-800:#193b4e;--green-50:#edf8f5;--green-100:#d8f0ea;--green-200:#a9ddd0;--green-300:#79c2ae;--green-400:#5e9c76;--green-500:#2f8f83;--green-600:#26766d;--green-700:#205f58;--gold-50:#fff9e9;--gold-100:#f8e8b5;--gold-200:#f0d27a;--gold-300:#e2b44a;--gold-400:#c8942f;--gold-500:#a97822;--cream-50:#fbfcfe;--cream-100:#f7f9fc;--cream-200:#eef3f7;--cream-300:#dce5eb}*{font-family:var(--font-sans);box-sizing:border-box;-webkit-tap-highlight-color:transparent}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}body{background:var(--background);color:var(--foreground);overflow:hidden}#root{height:100dvh;overflow:hidden}.app-viewport{background:var(--background);width:100%;max-width:none;height:100dvh;min-height:100dvh;max-height:none;box-shadow:none;border-radius:0;position:relative;overflow:hidden}.font-display{font-family:var(--font-display)!important}.phone-frame{background:var(--background);border-radius:44px;width:390px;max-width:100vw;height:844px;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 80px #0009,0 0 0 12px #0f1a24,0 0 0 14px #223543}@media (height<=860px){.phone-frame{height:100vh;box-shadow:none;border-radius:0}}@media (width<=420px){.phone-frame{width:100vw;box-shadow:none;border-radius:0}}.scroll-area{-webkit-overflow-scrolling:touch;overflow-y:auto}.scroll-area{scrollbar-width:none}.screen-enter{animation:.28s cubic-bezier(.32,0,.12,1) both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.status-bar{letter-spacing:-.2px;justify-content:space-between;align-items:center;height:44px;padding:14px 20px 0;font-size:12px;font-weight:700;display:flex}.bottom-safe{padding-bottom:24px}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffd9}.pill{letter-spacing:.2px;border-radius:999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.avatar-ring{box-shadow:0 0 0 2.5px var(--primary), 0 0 0 4.5px var(--background)}.gradient-warm{background:linear-gradient(135deg,#2f6b8a 0%,#e2b44a 100%)}.gradient-forest{background:linear-gradient(135deg,#205f58 0%,#2f8f83 60%,#5e9c76 100%)}.gradient-royal{background:linear-gradient(135deg,#3f5f8a 0%,#6e87b2 100%)}.gradient-dusk{background:linear-gradient(135deg,#244c62 0%,#2f6b8a 100%)}.card-shadow{box-shadow:0 2px 12px #17203314,0 1px 3px #1720330d}.role-admin{color:#93402d;background:#fde9e1}.role-elder{color:#7d620f;background:#e2b44a22}.role-steward{color:#205f58;background:#d8f0ea}.role-guardian{color:#405c85;background:#e8eef7}.role-member{color:#667085;background:#eef3f7}.role-youth{color:#2e607b;background:#e2f1f5}.role-guest{color:#56616d;background:#e7ecf0}.privacy-private{color:#8e3221;background:#fce4de}.privacy-family{color:#205f58;background:#d8f0ea}.privacy-branch{color:#2e607b;background:#e2f1f5}.privacy-public{color:#44505c;background:#eff3f6}.nav-active{color:var(--primary)!important}.input-field{background:var(--muted);border:1.5px solid var(--border);width:100%;font-size:15px;font-family:var(--font-sans);color:var(--foreground);border-radius:12px;outline:none;padding:14px 16px;transition:border-color .15s}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2f6b8a33}.input-field:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.input-field--error{border-color:#c44a3a}.input-field--error:focus{box-shadow:0 0 0 3px #c44a3a33}.input-field::placeholder{color:var(--muted-foreground)}.input-icon{color:var(--muted-foreground);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-trailing{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-toggle-btn{min-width:44px;min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.input-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.field-error{color:#9a2a1a;margin:0;font-size:12px;font-weight:600;line-height:1.4}.btn{cursor:pointer;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:all .15s;display:inline-flex}.btn:active{opacity:.92;transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary:focus-visible{box-shadow:0 0 0 3px var(--primary);outline-color:#fff}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-radius:14px;padding:15px 24px;font-size:15px}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border-radius:14px;padding:15px 24px;font-size:15px}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0;border-radius:14px;padding:14px 24px;font-size:15px}.btn-ghost{background:var(--muted);color:var(--foreground);border-radius:12px;padding:12px 20px;font-size:14px}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-xs{border-radius:8px;padding:5px 12px;font-size:12px}.skeleton{background:linear-gradient(90deg, var(--muted) 25%, #e5ebef 50%, var(--muted) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{color:#fff;z-index:1000;background:#172033;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:600;animation:.3s both toastIn;position:absolute;bottom:90px;left:16px;right:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.divider{background:var(--border);width:100%;height:1px}.bottom-sheet{z-index:100;background:#fff;border-radius:24px 24px 0 0;padding:20px;animation:.3s cubic-bezier(.32,0,.12,1) both sheetUp;position:absolute;bottom:0;left:0;right:0}.bottom-sheet-overlay{z-index:99;background:#0006;position:absolute;inset:0}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.auth-screen{background:var(--background);flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.auth-screen--splash{background:linear-gradient(170deg,#172033 0%,#1f4660 60%,#2f6b8a 100%);justify-content:center;align-items:center;padding:48px 32px}.auth-screen--welcome{background:var(--background)}.auth-screen__body{flex-direction:column;flex:1;gap:20px;display:flex}.auth-screen__body--center{justify-content:center;align-items:center}.auth-screen__scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.auth-screen__content{flex:1;padding:8px 24px 32px}.auth-screen__content--verify{flex-direction:column;flex:1;justify-content:center;gap:24px;padding:8px 24px 32px;display:flex}.auth-back-btn{min-height:44px;color:var(--muted-foreground);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:16px;padding:10px 4px;font-size:15px;font-weight:700}.auth-back-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.auth-back-btn--top{align-self:flex-start;margin-bottom:0}.auth-link-btn{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:10px 4px;font-size:13px;font-weight:700}.auth-link-btn:disabled{opacity:.45;cursor:not-allowed}.auth-link-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.social-btn{background:var(--muted);border:1px solid var(--border);cursor:pointer;min-height:48px;color:var(--foreground);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:700;display:flex}.social-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.welcome-hero{align-items:flex-end;min-height:280px;display:flex;position:relative;overflow:hidden}.welcome-hero__gradient{opacity:.92;background:radial-gradient(80% 60% at 20% 30%,#2d6b4f59 0%,#0000 60%),radial-gradient(70% 50% at 80% 20%,#3b2d7e4d 0%,#0000 55%),radial-gradient(60% 40% at 50% 80%,#2f6b8a40 0%,#0000 50%),linear-gradient(160deg,#1a2e4a 0%,#2f6b8a 25%,#2f8f83 50%,#2f6b8a 75%,#e2b44a 100%);position:absolute;inset:0}.welcome-hero__gradient:after{content:"";background:linear-gradient(to top, var(--background) 0%, transparent 45%);position:absolute;inset:0}.welcome-hero__content{z-index:1;width:100%;padding:24px 24px 20px;position:relative}.welcome-hero__tenant{color:#ffffffd9;letter-spacing:.3px;margin-top:10px;font-size:12px;font-weight:800}.welcome-hero__headline{color:#fff;letter-spacing:-.5px;margin-top:12px;font-size:clamp(26px,7vw,32px);line-height:1.12}.welcome-hero__copy{color:#ffffffd1;max-width:340px;margin-top:10px;font-size:14px;line-height:1.55}.welcome-slides{text-align:center;padding:20px 24px 8px}.welcome-slide-shape{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;transition:background .3s;display:flex;position:relative}.welcome-slide-shape__label{letter-spacing:.8px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:800}.welcome-slide-shape--connect{background:linear-gradient(135deg,#2f6b8a,#2f8f83);box-shadow:0 4px 16px #1a5c7a4d}.welcome-slide-shape--connect:before{content:"";border:2.5px solid #ffffffb3;border-radius:50%;width:28px;height:28px;position:absolute;top:14px}.welcome-slide-shape--connect:after{content:"";border:2.5px solid #ffffff80;border-radius:50%;width:14px;height:14px;position:absolute;bottom:12px;right:12px}.welcome-slide-shape--gather{background:linear-gradient(135deg,#3f5f8a,#2f6b8a);box-shadow:0 4px 16px #3b2d7e4d}.welcome-slide-shape--gather:before{content:"";border:2.5px solid #ffffffb3;border-bottom:none;border-radius:16px 16px 0 0;width:32px;height:16px;position:absolute;top:18px}.welcome-slide-shape--preserve{background:linear-gradient(135deg,#2f8f83,#e2b44a);box-shadow:0 4px 16px #2d6b4f4d}.welcome-slide-shape--preserve:before{content:"";border:2.5px solid #ffffffb3;border-radius:3px;width:24px;height:30px;position:absolute;top:16px}.welcome-slide-shape--preserve:after{content:"";background:#ffffff80;width:12px;height:2px;position:absolute;top:24px;box-shadow:0 6px #ffffff80,0 12px #ffffff80}.welcome-slide-shape--prosper{background:linear-gradient(135deg,#2f6b8a,#e2b44a);box-shadow:0 4px 16px #2f6b8a4d}.welcome-slide-shape--prosper:before{content:"";border-bottom:24px solid #ffffffb3;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;bottom:16px}.welcome-slides__title{color:var(--foreground);margin-bottom:8px;font-size:24px;line-height:1.2}.welcome-slides__body{color:var(--muted-foreground);max-width:320px;margin:0 auto;font-size:15px;line-height:1.6}.welcome-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.welcome-dot{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.welcome-dot:after{content:"";background:var(--border);border-radius:999px;width:8px;height:8px;transition:all .2s}.welcome-dot--active:after{background:var(--primary);width:24px}.welcome-dot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.welcome-actions{flex-direction:column;gap:12px;margin-top:auto;padding:16px 24px 32px;display:flex}.welcome-legal{text-align:center;color:var(--muted-foreground);white-space:pre-line;font-size:11px;line-height:1.5}.auth-tabs{background:var(--muted);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{cursor:pointer;min-height:44px;color:var(--muted-foreground);background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .15s}.auth-tab--active{color:var(--foreground);background:#fff;box-shadow:0 1px 4px #17203314}.auth-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.verify-header{text-align:center}.verify-symbol{justify-content:center;align-items:center;min-height:72px;margin-bottom:16px;display:flex;position:relative}.verify-symbol__shield{color:var(--secondary);opacity:.35;position:absolute}.verify-header__title{margin-bottom:8px;font-size:28px}.verify-header__copy{color:var(--muted-foreground);font-size:14px;line-height:1.6}.verify-demo-hint{color:var(--muted-foreground);background:var(--muted);border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px;display:inline-block}.otp-group{justify-content:center;gap:8px;display:flex}.otp-input{text-align:center;border:2px solid var(--border);background:var(--muted);width:46px;height:56px;color:var(--foreground);border-radius:14px;outline:none;font-size:22px;font-weight:800;transition:border-color .15s}.otp-input--filled{border-color:var(--primary);background:var(--terracotta-50,#f3f7fa)}.otp-input--error{border-color:#c44a3a}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2f6b8a33}.otp-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.verify-status{text-align:center;margin:0;font-size:14px;font-weight:700}.verify-status--loading{color:var(--primary)}.verify-status--success{color:var(--secondary)}.verify-status--expired{color:#9a2a1a}.verify-error{text-align:center}.verify-resend{flex-direction:column;align-items:center;gap:4px;display:flex}.verify-countdown{color:var(--muted-foreground);margin:0;font-size:12px}.dialog-overlay{z-index:200;background:#17203380;justify-content:center;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.dialog{background:#fff;border-radius:20px;width:100%;max-width:340px;padding:24px;animation:.25s both sheetUp}.alert-banner__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.alert-banner__dot--info{background:#2f6b8a}.alert-banner__dot--success{background:#2f8f83}.alert-banner__dot--warning{background:#a97822}.alert-banner__dot--error{background:#c44a3a}html,body,#root{width:100%!important;height:100%!important;min-height:100%!important;margin:0!important}body{color:var(--foreground);background:#132230!important;overflow:hidden!important}#root{justify-content:center!important;align-items:center!important;width:100%!important;height:100dvh!important;display:flex!important;overflow:hidden!important}.app-viewport{background:var(--background)!important;border-radius:44px!important;width:390px!important;max-width:calc(100vw - 48px)!important;height:min(844px,100dvh - 48px)!important;min-height:0!important;max-height:calc(100dvh - 48px)!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 0 1px #ffffff14,0 28px 70px #00000073,0 0 0 10px #0f1a24,0 0 0 12px #223543!important}@media (width<=600px){body{background:var(--background)!important}#root{display:block!important}.app-viewport{width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;box-shadow:none!important;border-radius:0!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.screen-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;min-height:0;overflow:hidden auto!important}.screen-scroll::-webkit-scrollbar{display:none}.scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;flex-shrink:0;width:100%;min-width:0;overflow:auto hidden!important}.scroll-area::-webkit-scrollbar{display:none}nav[aria-label=Primary\ navigation]{flex-shrink:0}html.solsabali-operator,html.solsabali-operator body,html.solsabali-operator #root{background:#f4f7fa!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important}html.solsabali-operator #root{display:block!important}html.solsabali-operator .app-viewport,html.solsabali-operator .phone-frame{width:100vw!important;min-width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;box-shadow:none!important;background:#f4f7fa!important;border:0!important;border-radius:0!important;margin:0!important;overflow:hidden!important}html.solsabali-operator .screen-enter{width:100%!important;max-width:none!important;height:100%!important;animation:none!important;transform:none!important}html.solsabali-operator .screen-scroll{scrollbar-width:auto}html.solsabali-operator .screen-scroll::-webkit-scrollbar{display:initial}html.solsabali-operator .operator-embedded-page>.screen-scroll{overflow:visible!important}html.solsabali-operator .operator-embedded-page>.screen-scroll>:first-child{display:none!important}html.solsabali-operator .operator-embedded-page>.screen-scroll>:nth-child(2){padding-top:0!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-width:280px}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed!important}button:focus-visible,[role=button]:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.card-shadow[data-keyboard-card-enhanced=true]:focus-visible{outline:3px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 2px var(--background), 0 2px 12px #17203314, 0 1px 3px #1720330d}.social-btn{min-height:48px;font-size:14px}.screen-scroll,.screen-scroll>*,.card-shadow,.card-shadow>*,[role=dialog],.bottom-sheet{min-width:0;max-width:100%}.screen-scroll{overflow-x:clip!important}.card-shadow,.alert-banner,.toast,.bottom-sheet{overflow-wrap:anywhere;word-break:normal}img,video,canvas,iframe{max-width:100%}img,video{height:auto}pre,code{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}.scroll-area{touch-action:pan-x;min-width:0;max-width:100%;scroll-padding-inline:16px}.scroll-area>*{max-width:100%}.input-field,select.input-field,textarea.input-field{min-height:44px;line-height:1.35}@media (pointer:coarse){button,[role=button],.btn,input,select,textarea,summary{min-height:44px}.input-field,select.input-field,textarea.input-field{font-size:16px!important}button[aria-label]{min-width:44px}}@media (width<=360px){.pill,.btn{white-space:normal;text-align:center;max-width:100%}nav[aria-label=Primary\ navigation] button{padding-inline:2px!important}nav[aria-label=Primary\ navigation] button span{text-overflow:ellipsis;max-width:100%;overflow:hidden}}.toast{bottom:max(90px, calc(72px + env(safe-area-inset-bottom,0px)))}.bottom-sheet{padding-bottom:max(20px, calc(16px + env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - env(safe-area-inset-top,0px));overscroll-behavior-y:contain;overflow-y:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.card-shadow,.input-field,.btn,button,.bottom-sheet,.alert-banner{forced-color-adjust:auto}}