File size: 2,605 Bytes
d80e76f c487bfb d80e76f e70583c c487bfb d80e76f c487bfb d80e76f e70583c d80e76f e70583c d80e76f e70583c d80e76f d576558 d80e76f d576558 e70583c d576558 d80e76f e70583c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 | @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
--neon-primary: #00f0ff;
--neon-secondary: #ff00f0;
--bg-dark: #0a0a12;
--bg-light: #f5f5ff;
--text-primary: #e0e0ff;
--text-secondary: #a0a0c0;
}
body {
font-family: 'Inter', system-ui, -apple-system, sans-serif;
background: var(--bg-dark);
color: var(--text-primary);
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
line-height: 1.6;
overflow-x: hidden;
}
@keyframes neon-glow {
0%, 100% { text-shadow: 0 0 10px var(--neon-primary), 0 0 20px var(--neon-primary); }
50% { text-shadow: 0 0 5px var(--neon-primary), 0 0 10px var(--neon-primary); }
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@keyframes scanline {
0% { background-position: 0 -100vh; }
100% { background-position: 0 100vh; }
}
.scanlines {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
transparent 95%,
rgba(0, 240, 255, 0.05) 96%,
transparent 97%
);
background-size: 100% 8px;
pointer-events: none;
z-index: 9999;
animation: scanline 4s linear infinite;
mix-blend-mode: overlay;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.dark ::-webkit-scrollbar-track {
background: #1f2937;
}
.dark ::-webkit-scrollbar-thumb {
background: #4b5563;
}
.dark ::-webkit-scrollbar-thumb:hover {
background: #6b7280;
}
/* File upload dropzone highlight */
.dropzone-active {
border-color: #6366f1 !important;
background-color: rgba(99, 102, 241, 0.05);
transform: scale(1.01);
box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.1), 0 4px 6px -2px rgba(99, 102, 241, 0.05);
}
.dark .dropzone-active {
background-color: rgba(99, 102, 241, 0.1);
box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.2), 0 4px 6px -2px rgba(99, 102, 241, 0.1);
}
/* Input enhancements */
input[type="text"], input[type="file"] {
transition: all 0.2s ease;
}
input[type="text"]:focus {
box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.5);
}
/* Feature badge */
.badge-new {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.6; }
100% { opacity: 1; }
}
/* Podcast player dark mode */
.dark .player-container {
background: linear-gradient(to right, #0f0c29, #302b63);
}
|