Hugging Face's logo

Spaces:
transformered
/
secure-sco-shield
Running

App Files Community
secure-sco-shield
File size: 2,712 Bytes 
b311694
 
a9b8b44
df875f6
 
 
 
 
 
 
 
 
a9b8b44
b311694
 
a9b8b44
 
 
b311694
 
8a45feb
a9b8b44
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b311694
 
 
 
 
 
 
a9b8b44
b311694
 
df875f6
b311694
8a45feb
 
b311694
df875f6
8a45feb
b311694
 
c2e31f2
8a45feb
 
b311694
 
 
8a45feb
 
b311694
c2e31f2
8a45feb
b311694
 
 
 
 
 
c2e31f2
 
 
 
 
 
 
 
 
 
df875f6
 
 
c2e31f2
 
df875f6
 
 
 
 
c2e31f2
 
 
 
df875f6
c2e31f2
 
 
 
 
df875f6
 
 
 
 
 
 
 
 
 
 
 
c2e31f2
 
 
 
b311694
 
 
 
 
 
 
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
116
117
118
119
120
121
122
123
124
 

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&display=swap');
:root {
    --bg-color: #0f0f0f;
    --text-color: #f0f0f0;
    --border-color: #333333;
    --highlight-color: #7c3aed;
    --accent-color: #ec4899;
    --secondary-color: #10b981;
    --card-bg: #1a1a1a;
    --gradient-start: #7c3aed;
    --gradient-end: #ec4899;
}
* {
    font-family: 'Vazirmatn', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-color);
}

a {
    color: var(--highlight-color);
    text-decoration: none;
}

input, textarea, select, button {
    font-family: 'Vazirmatn', sans-serif;
}
/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--highlight-color);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);
}
/* Animation classes */
.fade-in {
    animation: fadeIn 0.8s ease-in-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.slide-in-left {
    animation: slideInLeft 0.6s ease-out forwards;
}

@keyframes slideInLeft {
    from { transform: translateX(-50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.highlight-box {
    position: relative;
    background: var(--card-bg);
    border: 1px solid rgba(124, 58, 237, 0.2);
    transition: all 0.3s ease;
}

.highlight-box:hover {
    border-color: rgba(124, 58, 237, 0.5);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.highlight-box::before {
    content: '';
    position: absolute;
    inset: -5px;
    border: 2px solid var(--highlight-color);
    border-radius: 1rem;
    animation: highlight-pulse 4s ease infinite;
    pointer-events: none;
}

.gradient-bg {
    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
}

.glow-text {
    text-shadow: 0 0 8px rgba(236, 72, 153, 0.6);
}

.neon-border {
    border: 1px solid var(--highlight-color);
    box-shadow: 0 0 10px var(--highlight-color), 0 0 20px rgba(124, 58, 237, 0.3);
}
@keyframes highlight-pulse {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}
/* Gradient text */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}