@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);z-index:9999}.splash-screen__logo{text-align:center}.splash-screen__title{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.splash-screen__subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.splash-screen__skip{position:absolute;bottom:var(--spacing-2xl);right:var(--spacing-2xl);padding:var(--spacing-sm) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));transition:all var(--transition-base)}.splash-screen__skip:hover{background:var(--glass-bg-light);color:var(--text-primary);transform:translateY(-2px)}.glass-surface{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-surface--default{background:var(--glass-bg)}.glass-surface--elevated{background:var(--glass-bg-light);box-shadow:var(--shadow-xl)}.glass-surface--subtle{background:rgba(var(--glass-bg),.5);border-color:rgba(var(--glass-border),.3)}.glass-surface--blur-sm{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.glass-surface--blur-md{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.glass-surface--blur-lg{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.glass-surface--padding-none{padding:0}.glass-surface--padding-sm{padding:var(--spacing-sm)}.glass-surface--padding-md{padding:var(--spacing-md)}.glass-surface--padding-lg{padding:var(--spacing-lg)}.glass-surface--padding-xl{padding:var(--spacing-xl)}.glass-surface--radius-sm{border-radius:var(--radius-sm)}.glass-surface--radius-md{border-radius:var(--radius-md)}.glass-surface--radius-lg{border-radius:var(--radius-lg)}.glass-surface--radius-xl{border-radius:var(--radius-xl)}.glass-surface--radius-2xl{border-radius:var(--radius-2xl)}.glass-surface--radius-full{border-radius:var(--radius-full)}.glass-surface:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;position:relative;overflow:hidden;white-space:nowrap}.button--filled{background:var(--primary);color:var(--text-inverse);box-shadow:0 4px 12px #007aff4d,0 2px 4px #007aff33}.button--filled:hover:not(.button--disabled){background:var(--secondary);box-shadow:0 6px 16px #5856d666,0 3px 6px #5856d64d;transform:translateY(-1px)}.button--outlined{background:var(--glass-bg);color:var(--primary);border:2px solid var(--primary);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));box-shadow:0 2px 8px #0000000d,inset 0 1px #ffffff1a}.button--outlined:hover:not(.button--disabled){background:var(--glass-bg-light);border-color:var(--secondary);color:var(--secondary);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff26;transform:translateY(-1px)}.button--ghost{background:transparent;color:var(--text-primary)}.button--ghost:hover:not(.button--disabled){background:var(--glass-bg);transform:translateY(-1px)}.button--sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-sm);min-height:32px}.button--md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);min-height:40px}.button--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg);min-height:48px}.button--disabled{opacity:.5;cursor:not-allowed}.button__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button__icon{display:flex;align-items:center;justify-content:center;font-size:1.2em}.button__text{white-space:nowrap}.button:active:not(.button--disabled){transform:translateY(0)}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 0%,var(--glass-bg-light) 50%,var(--glass-bg) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border:1px solid var(--glass-border)}.logo{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.logo__text{font-family:Pacifico,cursive;font-weight:400;letter-spacing:.02em;line-height:1}.logo--gradient .logo__text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo--primary .logo__text{color:var(--primary)}.logo--white .logo__text{color:var(--text-inverse)}.logo--dark .logo__text{color:var(--text-primary)}.logo--sm .logo__text{font-size:1.25rem}.logo--md .logo__text{font-size:1.75rem}.logo--lg .logo__text{font-size:2.5rem}.logo--xl .logo__text{font-size:3.5rem}.logo__text{transition:all var(--transition-base)}.logo:hover .logo__text{transform:scale(1.05)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-weight-regular);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));transition:all var(--transition-base);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a}.input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper--error .input{border-color:var(--danger)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px #ff3b301a}.input--with-icon-left{padding-left:calc(var(--spacing-lg) + 24px + var(--spacing-sm))}.input--with-icon-right{padding-right:--spacing-lg + 24px + var(--spacing-sm))}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.25rem;pointer-events:none}.input__icon--left{left:var(--spacing-lg)}.input__icon--right{right:var(--spacing-lg)}.input__helper{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--spacing-sm)}.input__helper--error{color:var(--danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;border:2px solid var(--glass-border);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{color:#fff;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.avatar--xs{width:24px;height:24px}.avatar--xs .avatar__initials{font-size:.625rem}.avatar--sm{width:32px;height:32px}.avatar--sm .avatar__initials{font-size:.75rem}.avatar--md{width:40px;height:40px}.avatar--md .avatar__initials{font-size:.875rem}.avatar--lg{width:56px;height:56px}.avatar--lg .avatar__initials{font-size:1.125rem}.avatar--xl{width:80px;height:80px}.avatar--xl .avatar__initials{font-size:1.5rem}:root{--primary: #007AFF;--secondary: #5856D6;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--bg-primary: rgba(255, 255, 255, .7);--bg-secondary: rgba(242, 242, 247, .8);--bg-tertiary: rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .3);--glass-bg-light: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: rgba(0, 0, 0, .1);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-inverse: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--blur-sm: 10px;--blur-md: 20px;--blur-lg: 40px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-slower: .4s ease-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--primary: #0A84FF;--secondary: #5E5CE6;--success: #30D158;--warning: #FF9F0A;--danger: #FF453A;--bg-primary: rgba(28, 28, 30, .7);--bg-secondary: rgba(44, 44, 46, .8);--bg-tertiary: rgba(58, 58, 60, .5);--glass-bg: rgba(58, 58, 60, .3);--glass-bg-light: rgba(72, 72, 74, .5);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-inverse: #1d1d1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-bg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}::-webkit-scrollbar-thumb:hover{background:var(--glass-bg-light)}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .01em;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}::selection{background-color:var(--primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary)}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-slow)}body{position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--bg-secondary)}body:after{content:"";position:fixed;top:-50%;left:-25%;width:150%;height:150%;z-index:-1;opacity:.3;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(88,86,214,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,149,0,.1) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(52,199,89,.1) 0%,transparent 50%);animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,5%) rotate(120deg)}66%{transform:translate(-5%,5%) rotate(240deg)}}[data-theme=dark] body:after{opacity:.2;background:radial-gradient(circle at 20% 30%,rgba(10,132,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(94,92,230,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,159,10,.15) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(48,209,88,.15) 0%,transparent 50%)}.glass-surface{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}[data-theme=dark] .glass-surface{box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.glass-surface--elevated{box-shadow:0 16px 48px #00000026,inset 0 1px #ffffff26}[data-theme=dark] .glass-surface--elevated{box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff14}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{position:sticky;top:0;z-index:var(--z-sticky);width:100%;padding:var(--spacing-md) var(--spacing-md);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000000d}.app__main{flex:1;width:100%;padding:var(--spacing-xl) var(--spacing-md)}.app__container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.app__hero{text-align:center;padding:var(--spacing-lg) 0 var(--spacing-xl) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.app__title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.app__subtitle{font-size:clamp(.875rem,2.5vw,1.25rem);color:var(--text-secondary);font-weight:var(--font-weight-medium);max-width:600px;line-height:1.5}.app__demo-card{animation:slideUp .6s ease-out}.app__section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__demo-grid{display:grid;gap:var(--spacing-lg)}.app__demo-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.app__demo-section h3{font-size:clamp(.875rem,2vw,1.125rem);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.app__demo-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.app__demo-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.app__progress{animation:slideUp .8s ease-out}.app__progress h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.app__progress-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app__progress-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:clamp(.75rem,2vw,.875rem);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.app__progress-item--done{color:var(--text-secondary);background:#34c7591a;border:1px solid rgba(52,199,89,.2)}.app__progress-item--active{color:var(--primary);background:#007aff1a;border:1px solid rgba(0,122,255,.3)}.app__footer{width:100%;padding:var(--spacing-lg) var(--spacing-md);text-align:center;background:var(--glass-bg);border-top:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.app__footer-text{color:var(--text-secondary);font-size:clamp(.625rem,1.5vw,.875rem);font-weight:var(--font-weight-medium)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.app__header{padding:var(--spacing-md) var(--spacing-lg)}.app__main{padding:var(--spacing-2xl) var(--spacing-lg)}.app__container{gap:var(--spacing-2xl)}.app__hero{padding:var(--spacing-xl) 0 var(--spacing-2xl) 0}.app__progress-item{padding:var(--spacing-md) var(--spacing-lg)}}@media(min-width:1024px){.app__header{padding:var(--spacing-lg) var(--spacing-2xl)}.app__main{padding:var(--spacing-3xl) var(--spacing-xl)}.app__container{max-width:900px}.app__hero{padding:var(--spacing-2xl) 0 var(--spacing-3xl) 0;gap:var(--spacing-lg)}}@media(max-width:639px){.app__demo-row{flex-direction:column;align-items:stretch}.app__demo-row .button{width:100%}}