:root {
     --primary-color: #3C93FF;
     --secondary-color: #7B61FF;
     --accent-color: #FF8F6B;
     --dark-bg: #0D1116;
     --light-text: #F9FAFB;
     --card-bg: #1A202C;
     --success-color: #00CC99;
 }

 body {
     background: linear-gradient(135deg, var(--dark-bg), #171B26);
     color: var(--light-text);
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 }

 .crypto-card {
     background: var(--card-bg);
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
     padding: 2rem;
     margin-bottom: 2rem;
 }

 .crypto-gradient-text {
     background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     font-weight: 700;
 }

 .button.primary {
     background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
     border-radius: 8px;
     font-weight: 600;
     transition: all 0.3s;
 }

 .button.primary:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 20px rgba(59, 147, 255, 0.3);
 }

 .crypto-icon {
     font-size: 3rem;
     margin-bottom: 1rem;
     background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .top-bar {
     background: rgba(13, 17, 22, 0.7);
     backdrop-filter: blur(10px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .footer {
     background: rgba(13, 17, 22, 0.7);
     backdrop-filter: blur(10px);
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     padding: 2rem 0;
     margin-top: 4rem;
 }

 /* Form styling */
 input,
 textarea,
 select {
     background-color: rgba(255, 255, 255, 0.05) !important;
     border: 1px solid rgba(255, 255, 255, 0.1) !important;
     color: var(--light-text) !important;
     border-radius: 8px !important;
 }

 input:focus,
 textarea:focus,
 select:focus {
     background-color: rgba(255, 255, 255, 0.08) !important;
     border-color: var(--primary-color) !important;
     box-shadow: 0 0 0 1px var(--primary-color) !important;
 }

 label {
     color: var(--light-text);
     font-weight: 500;
 }

 .help-text {
     color: rgba(255, 255, 255, 0.6);
 }