diff --git a/app/Views/styles.css b/app/Views/styles.css
index ff1a784..340b302 100644
--- a/app/Views/styles.css
+++ b/app/Views/styles.css
@@ -1,4 +1,76 @@
 
+/* ── Bio card ── */
+.toks-bio-card {
+    max-width: 820px;
+    margin: 60px auto;
+    padding: 44px 52px;
+    background: #fff;
+    border-radius: 16px;
+    border: 1px solid rgba(0, 0, 0, 0.07);
+    border-top: 4px solid #000;
+    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.06);
+}
+
+.toks-bio-label {
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: #aaa;
+    margin: 0 0 18px;
+}
+
+.toks-bio-body {
+    font-size: 17px;
+    line-height: 1.8;
+    color: #333;
+    margin: 0 0 16px;
+}
+
+.toks-bio-body strong {
+    color: #000;
+    font-weight: 700;
+}
+
+.toks-bio-mission {
+    font-size: 17px;
+    line-height: 1.8;
+    color: #333;
+    margin: 0 0 28px;
+}
+
+.toks-bio-keyword {
+    font-weight: 700;
+    color: #000;
+    border-bottom: 2px solid #000;
+    padding-bottom: 1px;
+}
+
+.toks-bio-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.toks-bio-tag {
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.07em;
+    text-transform: uppercase;
+    color: #333;
+    background: #f5f5f5;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    padding: 5px 14px;
+    border-radius: 100px;
+}
+
+@media (max-width: 640px) {
+    .toks-bio-card {
+        padding: 28px 24px;
+    }
+}
+/* ─────────────────── */
+
 /* ── Header height & logo ── */
 #site-header .logo-default {
     height: 38px;