|
|
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| |
| html { |
| scroll-behavior: smooth; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #1e293b; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #334155; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #475569; |
| } |
|
|
| |
| .card-hover { |
| transition: transform 0.3s ease, box-shadow 0.3s ease; |
| } |
|
|
| .card-hover:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); |
| } |
|
|
| |
| :root { |
| --bg-primary: #111827; |
| --bg-secondary: #1f2937; |
| --bg-tertiary: #374151; |
| --text-primary: #f9fafb; |
| --text-secondary: #d1d5db; |
| --text-tertiary: #9ca3af; |
| --border-color: #374151; |
| --accent-color: #06b6d4; |
| } |
|
|
| |
| input, select, textarea { |
| background-color: #374151 !important; |
| border-color: #4b5563 !important; |
| color: #f9fafb !important; |
| } |
|
|
| input:focus, select:focus, textarea:focus { |
| outline: 2px solid #06b6d4 !important; |
| outline-offset: 2px !important; |
| } |
|
|
| |
| .btn-hover { |
| transition: all 0.2s ease; |
| } |
|
|
| .btn-hover:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3); |
| } |
|
|
| |
| @keyframes spin { |
| to { transform: rotate(360deg); } |
| } |
|
|
| .animate-spin { |
| animation: spin 1s linear infinite; |
| } |
|
|
| |
| @keyframes fadeIn { |
| from { opacity: 0; transform: translateY(10px); } |
| to { opacity: 1; transform: translateY(0); } |
| } |
|
|
| .fade-in { |
| animation: fadeIn 0.3s ease-out; |
| } |
|
|
