:root{--bg-deep: #050810;--bg-surface: #0a0e18;--bg-card: #0d1220;--text-primary: #c8d4e0;--text-secondary: #6b7f94;--text-dim: #4a5d72;--accent-glow: #00d4d8;--accent-warm: #00e4b0;--accent-biolum: #0af0e8;--accent-subtle: rgba(0, 212, 216, .06);--accent-border: rgba(0, 212, 216, .12);--font: "Inter", -apple-system, system-ui, sans-serif;--breath-duration: 4s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font);line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#00d4d833;color:var(--text-primary)}a{color:var(--accent-glow);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.site-nav{position:fixed;top:0;width:100%;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#050810d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--accent-border)}.nav-brand{font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--text-primary);text-decoration:none}.nav-brand .octopus-icon{display:inline-block;margin-right:.4rem;animation:gentle-pulse var(--breath-duration) ease-in-out infinite}.nav-links{display:flex;gap:1.8rem;list-style:none}.nav-links a{font-size:.75rem;color:var(--text-secondary);text-decoration:none;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent-glow)}footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--accent-border);margin-top:4rem}footer p{font-size:.7rem;color:var(--text-dim);margin-bottom:.3rem}footer a{color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-sep{color:var(--text-dim);opacity:.5}.container{max-width:680px;margin:0 auto;padding:0 2rem}.page-header{padding-top:8rem;padding-bottom:3rem;text-align:center}.page-header h1{font-size:2rem;font-weight:300;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header .subtitle{color:var(--text-secondary);font-size:.9rem;font-style:italic}.section{margin-bottom:3rem}.section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-glow);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--accent-border)}.section p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:1rem}.card{background:var(--bg-card);border:1px solid var(--accent-border);border-radius:12px;padding:1.5rem;margin-bottom:1.2rem;transition:border-color .3s,background .3s}.card:hover{border-color:#00d4d840;background:#0d1220cc}.card h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}blockquote{border-left:2px solid var(--accent-glow);padding-left:1.2rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}code{background:#00d4d814;color:var(--accent-glow);padding:.15rem .4rem;border-radius:4px;font-size:.85em;font-family:JetBrains Mono,monospace}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .8s ease-out both}.fade-in-1{animation-delay:.1s}.fade-in-2{animation-delay:.2s}.fade-in-3{animation-delay:.3s}.fade-in-4{animation-delay:.4s}.fade-in-5{animation-delay:.5s}.ocean-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.ocean-glow-1{position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:radial-gradient(ellipse 50% 40% at 20% 80%,rgba(0,212,216,.06) 0%,transparent 70%);animation:ocean-drift-1 12s infinite ease-in-out}.ocean-glow-2{position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:radial-gradient(ellipse 40% 50% at 80% 30%,rgba(10,240,232,.04) 0%,transparent 60%);animation:ocean-drift-2 15s infinite ease-in-out}.ocean-glow-3{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,228,176,.04) 0%,transparent 70%);animation:ocean-breathe 8s infinite ease-in-out}@keyframes ocean-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.05)}66%{transform:translate(-2%,3%) scale(.97)}}@keyframes ocean-drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4%,2%) scale(1.03)}}@keyframes ocean-breathe{0%,to{opacity:.5}50%{opacity:1}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:var(--accent-glow);opacity:0}.particle.sm{width:2px;height:2px}.particle.md{width:3px;height:3px;box-shadow:0 0 6px #00d4d866}.particle.lg{width:4px;height:4px;box-shadow:0 0 12px #00d4d880}.particle:nth-child(1){left:8%;top:15%;animation:drift-a 18s 0s infinite}.particle:nth-child(2){left:22%;top:55%;animation:drift-b 22s 2s infinite}.particle:nth-child(3){left:45%;top:25%;animation:drift-a 20s 4s infinite}.particle:nth-child(4){left:68%;top:70%;animation:drift-c 24s 1s infinite}.particle:nth-child(5){left:85%;top:40%;animation:drift-b 19s 6s infinite}.particle:nth-child(6){left:35%;top:85%;animation:drift-a 21s 8s infinite}.particle:nth-child(7){left:55%;top:10%;animation:drift-c 23s 3s infinite}.particle:nth-child(8){left:12%;top:45%;animation:drift-b 17s 10s infinite}.particle:nth-child(9){left:78%;top:20%;animation:drift-a 25s 5s infinite}.particle:nth-child(10){left:42%;top:65%;animation:drift-c 20s 7s infinite}.particle:nth-child(11){left:92%;top:80%;animation:drift-b 22s 9s infinite}.particle:nth-child(12){left:5%;top:75%;animation:drift-a 24s 11s infinite}.particle:nth-child(13){left:60%;top:50%;animation:drift-c 18s 13s infinite}.particle:nth-child(14){left:30%;top:30%;animation:drift-b 26s 2s infinite}@keyframes drift-a{0%,to{opacity:0;transform:translate(0)}15%{opacity:.6}50%{opacity:.15;transform:translate(30px,-60px)}85%{opacity:.5}}@keyframes drift-b{0%,to{opacity:0;transform:translate(0)}20%{opacity:.5}40%{opacity:.1;transform:translate(-40px,-30px)}70%{opacity:.4;transform:translate(-20px,-80px)}}@keyframes drift-c{0%,to{opacity:0;transform:translate(0)}10%{opacity:.3}30%{opacity:.7;transform:translate(15px,-20px)}60%{opacity:.1;transform:translate(40px,-50px)}80%{opacity:.4;transform:translate(20px,-70px)}}.writing-card{display:block;background:var(--bg-card);border:1px solid var(--accent-border);border-radius:12px;padding:1.5rem;margin-bottom:1rem;text-decoration:none;transition:border-color .3s,transform .2s}.writing-card:hover{border-color:#00d4d84d;transform:translateY(-2px)}.writing-card h3{color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:.4rem}.writing-card .date{font-size:.72rem;color:var(--text-dim);margin-bottom:.6rem}.writing-card .excerpt{font-size:.85rem;color:var(--text-secondary);line-height:1.6}@media(max-width:600px){html{font-size:16px}.site-nav{padding:1rem 1.2rem}.nav-links{gap:1.2rem}.container{padding:0 1.2rem}.page-header{padding-top:6rem}.page-header h1{font-size:1.6rem}}