Spaces:

---

caustino

/

Biography

Like 0

Running

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Caustin Lee McLaughlin — Jurisprudential Technologist</title>

<link rel="preconnect" href="https://fonts.googleapis.com">

<link

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<style>

*,

*::before,

*::after {

box-sizing: border-box;

margin: 0;

padding: 0

}

:root {

--bg-deep: #060a10;

--bg-primary: #0b1120;

--bg-secondary: #111b2e;

--bg-card: #0f1a2e;

--bg-card-hover: #142240;

--border: #1a2a48;

--border-glow: #1e3a5f;

--text-primary: #e8edf5;

--text-secondary: #8a9bbd;

--text-muted: #5a6f94;

--accent-cyan: #00d4ff;

--accent-cyan-dim: #0095b8;

--accent-teal: #00e5c7;

--accent-purple: #8b5cf6;

--accent-amber: #f59e0b;

--accent-red: #ef4444;

--accent-emerald: #10b981;

--gradient-hero: linear-gradient(135deg, #060a10 0%, #0b1120 30%, #0f1a2e 60%, #111b2e 100%);

--gradient-accent: linear-gradient(135deg, #00d4ff, #8b5cf6);

--gradient-card: linear-gradient(180deg, rgba(15, 26, 46, 0.9), rgba(11, 17, 32, 0.95));

--shadow-glow: 0 0 40px rgba(0, 212, 255, 0.08);

--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);

--radius: 12px;

--radius-lg: 20px;

--font-sans: 'Inter', system-ui, sans-serif;

--font-mono: 'JetBrains Mono', monospace;

--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}

html {

scroll-behavior: smooth;

font-size: 16px

}

body {

font-family: var(--font-sans);

background: var(--bg-deep);

color: var(--text-primary);

line-height: 1.7;

overflow-x: hidden;

-webkit-font-smoothing: antialiased;

}

::selection {

background: rgba(0, 212, 255, 0.25);

color: #fff

}

::-webkit-scrollbar {

width: 6px

}

::-webkit-scrollbar-track {

background: var(--bg-deep)

}

::-webkit-scrollbar-thumb {

background: var(--border-glow);

border-radius: 3px

}

/* ── Navigation ── */

.nav {

position: fixed;

top: 0;

left: 0;

right: 0;

z-index: 1000;

background: rgba(6, 10, 16, 0.85);

backdrop-filter: blur(20px) saturate(1.2);

border-bottom: 1px solid rgba(26, 42, 72, 0.5);

transition: var(--transition);

}

.nav.scrolled {

background: rgba(6, 10, 16, 0.95);

box-shadow: 0 2px 30px rgba(0, 0, 0, 0.5)

}