|
35 | 35 | <link rel="preconnect" href="https://fonts.googleapis.com" /> |
36 | 36 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
37 | 37 |
|
| 38 | + <!-- Core Styles --> |
| 39 | + <link rel="stylesheet" href="../css/style.css" /> |
| 40 | + <link rel="stylesheet" href="../css/style-responsive.css" /> |
| 41 | + <link rel="stylesheet" href="../css/keyboard-shortcuts.css" /> |
| 42 | + |
38 | 43 | <link |
39 | 44 | href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" |
40 | 45 | rel="stylesheet" |
|
83 | 88 | z-index: 9999; |
84 | 89 | } |
85 | 90 |
|
86 | | - .main-header { |
87 | | - position: sticky; |
88 | | - top: 0; |
89 | | - z-index: 1000; |
90 | | - backdrop-filter: blur(16px); |
91 | | - background: rgba(15, 17, 23, 0.85); |
92 | | - border-bottom: 1px solid rgba(255, 255, 255, 0.08); |
93 | | - display: flex; |
94 | | - justify-content: space-between; |
95 | | - align-items: center; |
96 | | - padding: 1rem 2rem; |
97 | | - } |
98 | | - |
99 | | - .logo { |
100 | | - display: flex; |
101 | | - align-items: center; |
102 | | - gap: 12px; |
103 | | - color: white; |
104 | | - text-decoration: none; |
105 | | - font-size: 1.3rem; |
106 | | - font-weight: 600; |
107 | | - } |
108 | | - |
109 | | - .logo img { |
110 | | - width: 42px; |
111 | | - height: 42px; |
112 | | - border-radius: 12px; |
113 | | - } |
114 | | - |
115 | | - .header-controls { |
116 | | - display: flex; |
117 | | - align-items: center; |
118 | | - gap: 1.5rem; |
119 | | - } |
120 | | - |
121 | | - .nav-links { |
122 | | - display: flex; |
123 | | - gap: 1rem; |
124 | | - align-items: center; |
125 | | - } |
126 | | - |
127 | | - .nav-links a { |
128 | | - color: rgba(255, 255, 255, 0.8); |
129 | | - text-decoration: none; |
130 | | - font-weight: 500; |
131 | | - transition: all 0.3s ease; |
132 | | - padding: 8px 14px; |
133 | | - border-radius: 12px; |
134 | | - } |
135 | | - |
136 | | - .nav-links a:hover { |
137 | | - background: rgba(255, 255, 255, 0.08); |
138 | | - color: white; |
139 | | - } |
140 | | - |
141 | | - .search-input { |
142 | | - padding: 12px 18px; |
143 | | - border-radius: 14px; |
144 | | - border: 1px solid rgba(255, 255, 255, 0.1); |
145 | | - background: rgba(255, 255, 255, 0.05); |
146 | | - color: white; |
147 | | - width: 240px; |
148 | | - outline: none; |
149 | | - } |
150 | | - |
151 | | - .btn-icon { |
152 | | - border: none; |
153 | | - background: rgba(255, 255, 255, 0.08); |
154 | | - color: white; |
155 | | - width: 46px; |
156 | | - height: 46px; |
157 | | - border-radius: 14px; |
158 | | - cursor: pointer; |
159 | | - transition: all 0.3s ease; |
160 | | - } |
161 | | - |
162 | | - .btn-icon:hover { |
163 | | - transform: translateY(-2px); |
164 | | - background: rgba(255, 255, 255, 0.15); |
165 | | - } |
166 | | - |
167 | 91 | .breadcrumb { |
168 | 92 | max-width: 1400px; |
169 | 93 | margin: 1rem auto; |
|
411 | 335 | } |
412 | 336 |
|
413 | 337 | @media (max-width: 768px) { |
414 | | - .main-header { |
415 | | - flex-direction: column; |
416 | | - gap: 1rem; |
417 | | - padding: 1rem; |
418 | | - } |
419 | | - |
420 | | - .header-controls { |
421 | | - flex-direction: column; |
422 | | - width: 100%; |
423 | | - } |
424 | | - |
425 | | - .search-input { |
426 | | - width: 100%; |
427 | | - } |
428 | | - |
429 | | - .nav-links { |
430 | | - flex-wrap: wrap; |
431 | | - justify-content: center; |
432 | | - } |
433 | | - |
434 | | - .privacy-hero { |
| 338 | + .privacy-hero { |
435 | 339 | padding-top: 3rem; |
436 | 340 | } |
437 | 341 |
|
|
0 commit comments