@layer tokens,base,legacy,chrome;@layer pages{.welcome-page-container{background-color:var(--color-surface-inverse-strong);background-image:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-inverse-strong) 35%, transparent) 0%, color-mix(in srgb, var(--color-surface-inverse-strong) 65%, transparent) 45%, color-mix(in srgb, var(--color-surface-inverse-strong) 96%, transparent) 100%), url(/images/mobile-welcome-bg.jpg);width:100%;min-height:100dvh;color:var(--color-text-inverse);padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));box-sizing:border-box;background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden auto}.welcome-main-content{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:auto auto 24px;display:flex}.welcome-badge-tag{background:var(--color-accent-a20);border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);color:#6ee7b7;-webkit-backdrop-filter:blur(12px);border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.welcome-action-section{flex-direction:column;gap:12px;width:100%;max-width:520px;margin:0 auto;display:flex}.native-mobile-btn{cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 20px;font-size:15.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.native-mobile-btn:active{transform:scale(.97)}.btn-apple-signin{background:var(--color-surface);color:#000;border-radius:18px;box-shadow:0 4px 18px #0000004d}.btn-apple-signin:hover{background:var(--color-surface-sunken)}.btn-google-signin{background:var(--color-white-a12);color:var(--color-on-primary);border:1px solid color-mix(in srgb, var(--color-neutral-0) 22%, transparent);-webkit-backdrop-filter:blur(20px);border-radius:18px}.btn-google-signin:hover{background:color-mix(in srgb, var(--color-surface) 18%, transparent)}.btn-email-signin{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-success-strong) 100%);color:var(--color-on-primary);box-shadow:0 4px 20px color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:18px}.btn-email-signin:hover{background:linear-gradient(135deg, var(--color-success-strong) 0%, var(--color-success) 100%)}.btn-register-action{background:color-mix(in srgb, var(--color-surface) 6%, transparent);color:var(--color-on-primary);border:1px solid color-mix(in srgb, var(--color-neutral-0) 18%, transparent);border-radius:18px}.btn-register-action:hover{background:var(--color-white-a12);border-color:color-mix(in srgb, var(--color-neutral-0) 30%, transparent)}[data-platform=ios] .welcome-page-container{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif}[data-platform=ios] .native-mobile-btn{border-radius:20px}[data-platform=ios] .btn-apple-signin{background:var(--color-surface);color:#000;letter-spacing:-.01em;font-weight:700}[data-platform=android] .welcome-page-container{font-family:Plus Jakarta Sans,Roboto,system-ui,sans-serif}[data-platform=android] .native-mobile-btn{border-radius:28px}[data-platform=android] .btn-google-signin{background:var(--color-surface);color:#1f2937;border:none;box-shadow:0 4px 16px #00000040}}@layer primitives;