@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:700}p{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}:root{--color-blue: #007AFF;--color-blue-light: #5AC8FA;--color-green: #34C759;--color-indigo: #5856D6;--color-orange: #FF9500;--color-red: #FF3B30;--color-teal: #5AC8FA;--color-yellow: #FFCC00;--pastel-pink: #FFB6C1;--pastel-pink-soft: #FFD6E0;--pastel-pink-bg: #FFF0F3;--pastel-purple: #C9B1FF;--pastel-purple-soft: #E2D6FF;--pastel-purple-bg: #F5F0FF;--pastel-lavender: #D4C5F9;--pastel-peach: #FFDAB9;--pastel-mint: #B5EAD7;--pastel-sky: #B8D4E3;--gradient-brand: linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-purple) 100%);--gradient-hero: linear-gradient(180deg, var(--pastel-pink-bg) 0%, var(--pastel-purple-bg) 50%, #FFFFFF 100%);--gradient-card-pink: linear-gradient(135deg, #FFD6E0 0%, #FFB6C1 100%);--gradient-card-purple: linear-gradient(135deg, #E2D6FF 0%, #C9B1FF 100%);--gradient-card-sky: linear-gradient(135deg, #D6EEFF 0%, #B8D4E3 100%);--gradient-card-mint: linear-gradient(135deg, #D6F5E8 0%, #B5EAD7 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.4) 50%, transparent 100%);--bg-primary: #FFFFFF;--bg-secondary: #F2F2F7;--bg-tertiary: #E5E5EA;--bg-grouped: #F2F2F7;--bg-page: var(--gradient-hero);--glass-bg: rgba(255, 255, 255, .72);--glass-bg-heavy: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #AEAEB2;--text-on-accent: #FFFFFF;--separator: rgba(60, 60, 67, .12);--separator-opaque: #C6C6C8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .06), 0 6px 12px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 12px 20px rgba(0, 0, 0, .05), 0 4px 8px rgba(0, 0, 0, .03);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .06), 0 12px 36px rgba(0, 0, 0, .1);--shadow-float: 0 16px 48px rgba(0, 0, 0, .1), 0 6px 16px rgba(0, 0, 0, .06);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 22px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, "Cascadia Mono", "Consolas", monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--font-size-hero: 4.5rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.022em;--tracking-normal: 0;--tracking-wide: .02em;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-in: cubic-bezier(.42, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .58, 1);--ease-in-out: cubic-bezier(.42, 0, .58, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.34, 1.4, .64, 1);--ease-apple: cubic-bezier(.25, .46, .45, .94);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--content-max: 1120px;--content-narrow: 720px;--header-height: 60px}@media(prefers-color-scheme:dark){:root{--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--bg-grouped: #1C1C1E;--bg-page: linear-gradient(180deg, #1A0A1A 0%, #0D0D1A 50%, #000000 100%);--glass-bg: rgba(30, 30, 30, .72);--glass-bg-heavy: rgba(30, 30, 30, .88);--glass-border: rgba(255, 255, 255, .1);--text-primary: #F5F5F7;--text-secondary: #A1A1A6;--text-tertiary: #636366;--separator: rgba(84, 84, 88, .36);--separator-opaque: #38383A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3), 0 6px 12px rgba(0, 0, 0, .2), 0 2px 6px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .35), 0 12px 20px rgba(0, 0, 0, .25), 0 4px 8px rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .25), 0 12px 36px rgba(0, 0, 0, .35);--shadow-float: 0 16px 48px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .25);--pastel-pink: #FF8FA3;--pastel-pink-soft: #4D2D3A;--pastel-pink-bg: #2A1520;--pastel-purple: #A78BFA;--pastel-purple-soft: #3D2D5C;--pastel-purple-bg: #1A1028;--pastel-lavender: #9B8EC4;--gradient-brand: linear-gradient(135deg, var(--pastel-pink) 0%, var(--pastel-purple) 100%);--gradient-hero: var(--bg-page);--gradient-card-pink: linear-gradient(135deg, #4D2D3A 0%, #3D1F2A 100%);--gradient-card-purple: linear-gradient(135deg, #3D2D5C 0%, #2D1D4D 100%)}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);background-attachment:fixed;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);overflow-x:hidden}::selection{background:var(--pastel-purple);color:var(--text-on-accent)}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:var(--radius-sm)}.text-hero{font-size:var(--font-size-hero);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em}.text-large-title{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-title-1{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-title-2{font-size:var(--font-size-xl);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-title-3{font-size:var(--font-size-lg);font-weight:600;line-height:var(--leading-snug)}.text-headline{font-size:var(--font-size-md);font-weight:600;line-height:var(--leading-normal)}.text-body{font-size:var(--font-size-base);font-weight:400;line-height:var(--leading-normal)}.text-callout{font-size:var(--font-size-base);font-weight:400;line-height:var(--leading-relaxed)}.text-subhead{font-size:var(--font-size-sm);font-weight:400;line-height:var(--leading-normal)}.text-footnote{font-size:var(--font-size-sm);font-weight:400;line-height:var(--leading-normal);color:var(--text-secondary)}.text-caption-1{font-size:var(--font-size-xs);font-weight:400;line-height:var(--leading-normal);color:var(--text-secondary)}.text-caption-2{font-size:var(--font-size-xs);font-weight:500;line-height:var(--leading-normal);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-6)}.container-narrow{max-width:var(--content-narrow)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.surface{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.surface-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.surface-glass-heavy{background:var(--glass-bg-heavy);backdrop-filter:blur(calc(var(--glass-blur) * 2));-webkit-backdrop-filter:blur(calc(var(--glass-blur) * 2));border:1px solid var(--glass-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-apple);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-brand);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-pill{border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5)}.divider{width:100%;height:1px;background:var(--separator);border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-3px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffb6c133}50%{box-shadow:0 0 30px #c9b1ff59}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-apple) both}.animate-fade-in-scale{animation:fadeInScale var(--duration-slow) var(--ease-spring) both}.animate-float{animation:float 6s var(--ease-in-out) infinite}.animate-float-slow{animation:floatSlow 8s var(--ease-in-out) infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media(max-width:375px){:root{--font-size-hero: 2.5rem;--font-size-5xl: 2.25rem;--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem}.container{padding-inline:var(--space-4)}}@media(max-width:640px){:root{--font-size-hero: 2.75rem;--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}}@media(min-width:641px)and (max-width:1024px){:root{--font-size-hero: 3.5rem;--font-size-5xl: 3rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}