add resume

resume.css

@@ -0,0 +1,92 @@
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  background: #fff;
+  color: #0f172a;
+  line-height: 1.5;
+}
+
+.page {
+  max-width: 1000px;
+  margin: 20px auto;
+  padding: 24px;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 2px solid #e5e7eb;
+  padding-bottom: 12px;
+  margin-bottom: 20px;
+}
+
+.title .name {
+  font-size: 32px;
+  font-weight: 800;
+}
+.role {
+  font-size: 16px;
+  color: #475569;
+}
+
+.contact {
+  font-size: 14px;
+  color: #334155;
+  text-align: right;
+}
+.contact a { color: #0369a1; text-decoration: none; }
+
+.layout {
+  display: grid;
+  grid-template-columns: 300px 1fr;
+  gap: 20px;
+}
+
+.card {
+  border: 1px solid #e5e7eb;
+  padding: 14px;
+  border-radius: 8px;
+  background: #fafafa;
+  margin-bottom: 16px;
+}
+
+.section-title {
+  font-size: 14px;
+  font-weight: bold;
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+  margin-bottom: 8px;
+  color: #475569;
+}
+
+.skills { padding-left: 18px; }
+.skills li { margin-bottom: 6px; }
+
+.item { margin-bottom: 18px; }
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+.item-header h3 { font-size: 18px; }
+.daterange { font-size: 14px; color: #64748b; }
+
+ul { padding-left: 20px; }
+ul li { margin: 4px 0; }
+
+.muted { color: #64748b; font-size: 14px; }
+
+.footer {
+  text-align: center;
+  font-size: 13px;
+  margin-top: 20px;
+  color: #64748b;
+}
+
+@media (max-width: 820px) {
+  .layout { grid-template-columns: 1fr; }
+  .contact { text-align: left; }
+}