:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-light: #f87171;--color-bg: #f8fafc;--color-bg-gradient-start: #f0f9ff;--color-bg-gradient-end: #e0f2fe;--color-surface: rgba(255, 255, 255, .8);--color-surface-solid: #ffffff;--color-text: #1e293b;--color-text-light: #64748b;--color-border: rgba(148, 163, 184, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 100%);background-attachment:fixed;color:var(--color-text);line-height:1.6}[data-layout]{display:flex}[data-layout=row]{flex-direction:row}[data-layout=column]{flex-direction:column}[data-layout-wrap]{flex-wrap:wrap}[data-layout-gap]{gap:16px}[data-layout-gap="8px"]{gap:8px}[data-layout-gap="16px"]{gap:16px}[data-layout-gap="24px"]{gap:24px}[data-layout-gap="32px"]{gap:32px}[data-layout-align]{align-items:center;justify-content:center}[data-layout-align="start start"]{align-items:flex-start;justify-content:flex-start}[data-layout-align="center center"]{align-items:center;justify-content:center}[data-layout-align="center start"]{align-items:center;justify-content:flex-start}[data-layout-align="start center"]{align-items:flex-start;justify-content:center}button{font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:.025em}a{text-decoration:none;color:inherit}.glass{background:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}.card{background:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}