Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>IKOS - Elite Membership & Investment DAO</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800&display=swap'); | |
| :root { | |
| --primary: #0f172a; | |
| --secondary: #1e293b; | |
| --accent: #6366f1; | |
| --gold: #f59e0b; | |
| --text: #f8fafc; | |
| --gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%); | |
| } | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| background-color: var(--primary); | |
| color: var(--text); | |
| overflow-x: hidden; | |
| scroll-behavior: smooth; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); | |
| } | |
| .gradient-text { | |
| background: var(--gradient); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .card-glass { | |
| background: rgba(15, 23, 42, 0.7); | |
| backdrop-filter: blur(16px); | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); | |
| transition: all 0.3s ease; | |
| } | |
| .card-glass:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 15px 30px rgba(99, 102, 241, 0.3); | |
| } | |
| .hover-scale { | |
| transition: transform 0.3s ease; | |
| } | |
| .hover-scale:hover { | |
| transform: scale(1 | |
| </html> |