*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #FFF5F7;--color-bg-secondary: #FDF2F4;--color-bg-tertiary: #FBE8EB;--color-bg-accent: #F5D7DD;--color-text-primary: #34262D;--color-text-secondary: #7A6B70;--color-text-muted: #9E8E93;--color-accent-primary: #C4606F;--color-accent-secondary: #E07085;--color-accent-light: #F8B4C5;--color-gradient-start: #FFF5F7;--color-gradient-end: #FFE5EA;--font-family: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-xl: 45px}html,body{font-family:var(--font-family);background:linear-gradient(180deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);min-height:100vh;min-height:100dvh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.landing-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);min-height:100vh;min-height:100dvh}.logo{width:100px;height:100px;border-radius:24px;box-shadow:0 10px 30px #e0708540;animation:fadeIn .6s ease-out}.app-name{font-size:36px;font-weight:800;color:var(--color-text-primary);letter-spacing:1px;margin-top:var(--spacing-md);margin-bottom:var(--spacing-2xl);animation:fadeIn .6s ease-out .1s both}.spinner-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;animation:fadeIn .6s ease-out .2s both}.spinner{width:48px;height:48px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s ease-in-out infinite}.redirect-text{font-size:16px;font-weight:500;color:var(--color-text-secondary);margin-top:var(--spacing-xl);animation:fadeIn .6s ease-out .3s both}.manual-link{background:none;border:none;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--color-accent-primary);margin-top:var(--spacing-lg);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease;animation:fadeIn .6s ease-out .4s both}.manual-link:hover{background:var(--color-bg-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}