:root{--primary: #00a8b5;--secondary: #00ccd6;--background: #ffffff;--surface: #ffffff;--text-primary: #1a1a1a;--text-secondary: #5a6c70;--text-light: #9da8ab;--text-disabled: #c4cdd0;--border: #c3ecf1;--accent: #00d4df;--shadow: rgba(0, 168, 181, .1);--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--background);overflow-x:hidden}html,body{height:100%;width:100%}.lead{font-size:1.25rem;font-weight:300;line-height:1.5}.gradient-primary{background:linear-gradient(135deg,#00ccd6,#00a8b5)}.gradient-text{background:linear-gradient(135deg,#00ccd6,#00a8b5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 12px var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow)}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-family);font-size:16px}.btn-primary{background:linear-gradient(135deg,#00ccd6,#00a8b5);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00a8b54d}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}ion-icon{font-size:24px;color:var(--primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}