:root{
  --field-a:#060B1C; --field-b:#0A1330; --field-c:#070F26;
  --panel-a:rgba(120,155,255,.07); --panel-b:rgba(120,155,255,.013);
  --stroke:rgba(140,170,255,.10);
  --blue:#5B85FF; --ice:#C9D8FF; --deep:#27439A; --plat:#E9EFFF;
  --text:#ECF0FB; --dim:#7F8CAC; --good:#8CDCB1; --warn:#E6C284;
}
*{box-sizing:border-box;margin:0}
body{
  background:linear-gradient(180deg,var(--field-a),var(--field-b) 42%,var(--field-c));
  color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:350;
  -webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.65;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(620px 420px at 50% -100px, rgba(70,110,230,.17), transparent 70%)}
main{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px 80px}
a{color:var(--ice)}
a:hover{color:#fff}

header{display:flex;align-items:center;gap:12px;padding:28px 24px 8px;position:relative;z-index:1;max-width:720px;margin:0 auto}
header img{width:34px;height:34px;border-radius:50%;
  filter:drop-shadow(0 0 14px rgba(110,150,255,.55))}
.word{font-family:Poppins,sans-serif;font-weight:300;font-size:1.25rem;letter-spacing:.015em;color:var(--text);text-decoration:none}
.word b{color:var(--blue);font-weight:300}
header nav{margin-left:auto;display:flex;gap:18px}
header nav a{font-size:.78rem;color:var(--dim);text-decoration:none;letter-spacing:.04em}
header nav a:hover{color:var(--ice)}

.hero{padding:72px 0 30px;text-align:center}
.hero img{width:120px;height:120px;border-radius:50%;filter:drop-shadow(0 0 24px rgba(110,150,255,.5))}
h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
  font-size:clamp(2.2rem,6vw,3.2rem);margin:26px 0 14px;color:var(--text)}
.thesis{color:var(--dim);max-width:560px;margin:0 auto;font-size:.95rem}
.thesis b{color:var(--ice);font-weight:500}

h2{font-weight:500;font-size:.72rem;color:var(--ice);letter-spacing:.24em;
  text-transform:uppercase;margin:60px 0 18px;opacity:.9}
h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
  font-size:1.35rem;margin:34px 0 10px;color:var(--text)}

.card{background:linear-gradient(168deg,var(--panel-a),var(--panel-b) 65%);
  border:1px solid var(--stroke);border-radius:17px;padding:22px 24px;position:relative;overflow:hidden;
  box-shadow:0 26px 50px -34px rgba(0,0,0,.78)}
.card::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(220,232,255,.20),transparent)}
.card+.card{margin-top:14px}
.card h4{font-weight:500;font-size:.92rem;margin-bottom:6px;color:var(--text)}
.card p{font-size:.84rem;color:var(--dim)}
.card p b{color:var(--text);font-weight:500}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:600px){.grid{grid-template-columns:1fr}}

.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
@media(max-width:600px){.shots{grid-template-columns:1fr}}
.shot{aspect-ratio:9/19.5;border:1px dashed var(--stroke);border-radius:22px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(168deg,var(--panel-a),transparent 70%)}
.shot span{font-family:'IBM Plex Mono',monospace;font-size:.62rem;color:var(--dim);
  text-align:center;padding:0 14px;line-height:1.8}

.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--stroke);
  border-radius:999px;padding:12px 26px;margin-top:34px;
  font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--ice)}

.mono{font-family:'IBM Plex Mono',monospace;font-size:.82em;color:var(--ice)}
ul{padding-left:20px}
li{font-size:.88rem;color:var(--dim);margin:7px 0}
li b{color:var(--text);font-weight:500}
p{font-size:.92rem;color:var(--dim);margin:10px 0}
p b{color:var(--text);font-weight:500}

footer{border-top:1px dashed rgba(150,175,255,.16);margin-top:80px;padding:26px 0 10px;
  font-size:.74rem;color:var(--dim);text-align:center;line-height:2}
footer a{color:var(--ice);text-decoration:none;margin:0 8px}
.disclaimer{font-size:.7rem;opacity:.75;max-width:560px;margin:8px auto 0}
.note{font-size:.78rem;color:var(--dim);border-left:2px solid var(--deep);padding-left:14px;margin:16px 0}