:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-h1: 28px;--line-height-h1: 34px;--font-weight-h1: 700;--font-size-h2: 24px;--line-height-h2: 30px;--font-weight-h2: 700;--font-size-h3: 20px;--line-height-h3: 26px;--font-weight-h3: 600;--font-size-body: 16px;--line-height-body: 22px;--font-weight-body: 400;--font-size-caption: 14px;--line-height-caption: 20px;--font-weight-caption: 400}:root{--color-primary: #1A5F7A;--color-secondary: #86BBD8;--color-accent: #5CB85C;--color-alert: #F26C4F;--color-success: #5CB85C;--color-warning: #F8A978;--color-error: #F26C4F;--color-info: #86BBD8;--color-disabled: #ADB5BD;--color-bg-primary: #F8F9FA;--color-bg-secondary: #E9ECEF;--color-bg-tertiary: #F2F2F7;--color-text-primary: #495057;--color-text-secondary: #6C757D;--color-text-tertiary: #ADB5BD;--color-text-inverse: #FFFFFF;--color-border-light: #E5E5EA;--color-border-medium: #C7C7CC;--color-border-dark: #8E8E93;--color-input-bg: #F5F5F5;--color-input-border: #C7C7CC;--color-input-placeholder: #ADB5BD;--color-input-error: #F26C4F;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15)}html.dark{--color-primary: #2D7A9A;--color-secondary: #1E4D68;--color-accent: #3D8A3D;--color-alert: #D85A3D;--color-success: #3D8A3D;--color-warning: #E08F57;--color-error: #D85A3D;--color-info: #2D7A9A;--color-disabled: #808080;--color-bg-primary: #121212;--color-bg-secondary: #1E1E1E;--color-bg-tertiary: #2C2C2C;--color-text-primary: #E1E1E1;--color-text-secondary: #B0B0B0;--color-text-tertiary: #808080;--color-text-inverse: #121212;--color-border-light: #333333;--color-border-medium: #444444;--color-border-dark: #555555;--color-input-bg: #2C2C2C;--color-input-border: #444444;--color-input-placeholder: #808080;--color-input-error: #D85A3D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .25)}.theme-greenHarmony:not(.dark){--color-primary: #7CAA98;--color-secondary: #C4E3CB;--color-accent: #086375;--color-alert: #F8A978;--color-success: #5CB85C;--color-warning: #F8A978;--color-error: #F26C4F;--color-info: #086375;--color-disabled: #C7C7C0;--color-bg-primary: #FAFAF9;--color-bg-secondary: #F0EEE9;--color-bg-tertiary: #F7F7F5;--color-text-primary: #3A3A3A;--color-text-secondary: #5A5A5A;--color-text-tertiary: #8A8A8A;--color-text-inverse: #FFFFFF;--color-border-light: #E5E5E0;--color-border-medium: #C7C7C0;--color-border-dark: #8E8E85;--color-input-bg: #F5F5F0;--color-input-border: #C7C7C0;--color-input-placeholder: #8A8A8A;--color-input-error: #F26C4F}html.theme-greenHarmony.dark{--color-primary: #5A8072;--color-secondary: #2C5545;--color-accent: #1E8495;--color-alert: #E08F57;--color-success: #3D8A3D;--color-warning: #E08F57;--color-error: #D85A3D;--color-info: #1E8495;--color-disabled: #788078;--color-bg-primary: #121212;--color-bg-secondary: #1D2521;--color-bg-tertiary: #2A3530;--color-text-primary: #D9E6DF;--color-text-secondary: #A8B5AE;--color-text-tertiary: #788078;--color-text-inverse: #121212;--color-border-light: #333D38;--color-border-medium: #445049;--color-border-dark: #556055;--color-input-bg: #2A3530;--color-input-border: #445049;--color-input-placeholder: #788078;--color-input-error: #D85A3D}.theme-purpleBalance:not(.dark){--color-primary: #7E7F9A;--color-secondary: #C9CAD9;--color-accent: #3BAEA0;--color-alert: #F87575;--color-success: #5CB85C;--color-warning: #F8A978;--color-error: #F87575;--color-info: #3BAEA0;--color-disabled: #C7C7CC;--color-bg-primary: #F7F7FC;--color-bg-secondary: #E6E6EF;--color-bg-tertiary: #F0F0F8;--color-text-primary: #2D2D34;--color-text-secondary: #5D5D64;--color-text-tertiary: #8D8D94;--color-text-inverse: #FFFFFF;--color-border-light: #E5E5EA;--color-border-medium: #C7C7CC;--color-border-dark: #8E8E93;--color-input-bg: #F5F5FA;--color-input-border: #C7C7CC;--color-input-placeholder: #8D8D94;--color-input-error: #F87575}html.theme-purpleBalance.dark{--color-primary: #5D5E76;--color-secondary: #32324D;--color-accent: #2A8C7F;--color-alert: #CC5C5C;--color-success: #3D8A3D;--color-warning: #E08F57;--color-error: #CC5C5C;--color-info: #2A8C7F;--color-disabled: #84848F;--color-bg-primary: #10101C;--color-bg-secondary: #1E1E2D;--color-bg-tertiary: #2A2A3C;--color-text-primary: #E5E5F0;--color-text-secondary: #B4B4C0;--color-text-tertiary: #84848F;--color-text-inverse: #10101C;--color-border-light: #33334D;--color-border-medium: #44445E;--color-border-dark: #55556F;--color-input-bg: #2A2A3C;--color-input-border: #44445E;--color-input-placeholder: #84848F;--color-input-error: #CC5C5C}html{transition:background-color .3s ease,color .3s ease}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}a,button,input,textarea,select,nav,footer,header,section,aside,article,div{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.text-h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1)}.text-h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2)}.text-h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-body)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-caption)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-h3);transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 80%,#000);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);transform:translateY(-2px)}.card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}:root{color-scheme:light}html.dark{color-scheme:dark}header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);transition:background-color .3s ease,border-color .3s ease}nav a{color:var(--color-text-primary);transition:color .3s ease}footer{background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease}footer a{color:var(--color-text-secondary);transition:color .3s ease}.hero-section{background-color:var(--color-bg-primary);transition:background-color .3s ease}.feature-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}html.dark .feature-card{border-color:var(--color-border-medium)}.cta-section{background-color:var(--color-bg-tertiary);transition:background-color .3s ease}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:color-mix(in srgb,var(--color-primary) 80%,#000)}.text-gradient{background-image:linear-gradient(45deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family)}body{display:flex;flex-direction:column;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}header{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none}.logo span{color:var(--color-primary)}nav ul{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}nav a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}nav a:hover{color:var(--color-primary)}.join-beta{padding:var(--spacing-xs) var(--spacing-md)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--color-text-primary);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative}.btn-icon:hover{background-color:var(--color-bg-secondary)}#sun-icon{display:none}#moon-icon,html.dark #sun-icon{display:block}html.dark #moon-icon{display:none}footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:calc(var(--spacing-xl) + var(--spacing-sm)) 0 var(--spacing-lg);margin-top:auto}.footer-content{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-lg)}.footer-logo{max-width:300px}.footer-logo p{margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem}.footer-links{display:flex;gap:calc(var(--spacing-xl) + var(--spacing-md));flex-wrap:wrap}.link-group h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.link-group ul{list-style:none;padding:0;margin:0}.link-group li{margin-bottom:var(--spacing-xs)}.link-group a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.link-group a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-lg);text-align:center;font-size:.9rem;color:var(--color-text-tertiary)}@media (max-width: 768px){header .container{flex-direction:column;gap:var(--spacing-md)}.header-actions{margin-top:var(--spacing-sm)}nav ul{gap:var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-lg)}.footer-links{gap:var(--spacing-lg)}}