:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-secondary:#6c757d;--color-background:#f7f7f7;--color-surface:#fff;--color-text:#4a4a4a;--color-text-light:#6c757d;--font-family:"Avenir",Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius:8px;--border-radius-lg:20px;--shadow:0 2px 6px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);line-height:1.6}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.app-button{padding:.75rem 2rem;font-size:var(--font-size-base);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block;text-align:center}.app-button:hover{background-color:var(--color-primary-hover)}.app-button:disabled{background-color:var(--color-secondary);cursor:not-allowed}.app-card{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow)}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}}