:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--blue-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--sunset-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--card-shadow: 0 8px 16px rgba(0, 0, 0, .1);--card-shadow-hover: 0 12px 24px rgba(0, 0, 0, .15);--border-radius: 16px;--border-radius-sm: 12px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{background:linear-gradient(to bottom,#e0e7ff,#f0f4ff,#fef3c7);min-height:100vh;padding:0}.loader{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}