movie list and portifolie died link

static/styles2.css

@@ -229,3 +229,69 @@ footer{
   aside{display:none;}
   .edu-card{grid-template-columns:1fr;gap:0.3rem;}
 }
+
+  .edu-tag {
+    display: inline-block;
+    margin-top: 8px;
+    font-family: 'DM Mono', monospace;
+    font-size: 10px;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    padding: 3px 8px;
+    border-radius: 3px;
+  }
+ 
+  .tag-dropped {
+    background: #F0EBE4;
+    color: #8A5C2E;
+  }
+
+
+  .toplist-group{
+  display:grid;grid-template-columns:80px 1fr;gap:1.2rem;
+  background:var(--surface);border:1px solid var(--border);
+  border-radius:6px;padding:1.2rem 1.4rem;
+  transition:border-color 0.2s,box-shadow 0.2s;
+}
+
+.toplist-body { display: none; }
+.collapsed .toplist-body { display: block; }
+.collapsed .toplist-toggle-icon { transform: rotate(-90deg); }
+.toplist-toggle-icon { display: inline-block; transition: transform 0.2s; }
+
+.toplist-ranked {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.toplist-ranked li {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  counter-increment: rank;
+}
+
+.toplist-ranked {
+  counter-reset: rank;
+}
+
+.toplist-ranked li::before {
+  content: counter(rank);
+  font-family: 'DM Mono', monospace;
+  font-size: 11px;
+  color: var(--muted);
+  min-width: 16px;
+  text-align: right;
+}
+
+.toplist-ranked li img {
+  width: 42px;
+  height: 62px;
+  object-fit: cover;
+  border-radius: 4px;
+  flex-shrink: 0;
+}