:root{--primary-turquoise:#40e0d0;--primary-cyan:#00ced1;--primary-light:#7fffd4;--secondary-teal:#2f4f4f;--secondary-dark:#1e6b73;--text-primary:#272727;--text-secondary:#666;--text-light:#999;--background-light:#f5f5f5;--background-white:#fff;--border-light:#e0e0e0;--border-medium:#ddd;--accent-blue:#007bff;--accent-blue-light:#e3f2fd;--success-green:#28a745;--error-red:#dc3545;--warning-yellow:#ffc107;--shadow-light:0 2px 4px rgba(0,0,0,.1);--shadow-medium:0 4px 8px rgba(0,0,0,.15);--shadow-heavy:0 8px 16px rgba(0,0,0,.2);--radius-small:6px;--radius-medium:12px;--radius-large:20px;--radius-full:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);max-width:100vw;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}body{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}input,textarea{outline:none;font-family:inherit;transition:all .2s}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.bg-primary{background:linear-gradient(135deg,var(--primary-turquoise),var(--primary-cyan))}.bg-secondary{background-color:var(--secondary-teal)}.bg-white{background-color:var(--background-white)}.shadow-light{box-shadow:var(--shadow-light)}.shadow-medium{box-shadow:var(--shadow-medium)}.rounded{border-radius:var(--radius-medium)}.rounded-full{border-radius:var(--radius-full)}.loading{border:3px solid var(--border-light);border-top-color:var(--primary-turquoise);border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}}