| |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #3b82f6; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #2563eb; |
| } |
|
|
| |
| * { |
| transition: all 0.2s ease-in-out; |
| } |
|
|
| |
| .gradient-bg { |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| } |
|
|
| |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0.5; } |
| } |
|
|
| .loading { |
| animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; |
| } |
|
|
| |
| .card-hover { |
| transition: all 0.3s ease; |
| } |
|
|
| .card-hover:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
|
|
| |
| .btn-primary { |
| background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); |
| } |
|
|
| .btn-primary:hover { |
| background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%); |
| transform: translateY(-2px); |
| box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3); |
| } |
