:root{--background:#020203;--foreground:#fff}*{box-sizing:border-box}html,body{color:#fff;background:#020203;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}.vampire-shell{background:#020203;min-height:100vh;position:relative}.vampire-3d-layer{z-index:1;pointer-events:none;opacity:.24;mix-blend-mode:screen;position:fixed;inset:0}.vampire-3d-layer canvas{width:100%!important;height:100%!important}@media (max-width:700px){.vampire-3d-layer{opacity:.12}}.route-page,.vampire-route{background:radial-gradient(circle at 50% 25%,#e3003d1f,#0000 35%),#020203;min-height:100vh;position:relative;overflow:hidden}.route-world{opacity:.55;background:linear-gradient(#02020359,#020203f0),url("/Codex Image Sep 1, 2026, 01_08_30 AM.png") 50%/cover;position:absolute;inset:0}.route-content{z-index:2;width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 80px;position:relative}.route-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070609b3;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.brand{letter-spacing:.22em;font-weight:800}.brand small{color:#ffffff6b;letter-spacing:.18em;margin-top:4px;font-size:9px;display:block}.route-links{flex-wrap:wrap;gap:8px;display:flex}.route-links a{color:#ffffffb3;border-radius:10px;padding:9px 12px;text-decoration:none}.route-links a:hover{color:#fff;background:#e3003d1f}.route-hero{max-width:820px;padding:100px 0 55px}.route-kicker{color:#ff174d;letter-spacing:.28em;font-size:11px;font-weight:800}.route-hero h1{letter-spacing:-.055em;margin:16px 0 22px;font-size:clamp(48px,8vw,96px);line-height:.9}.route-hero p{color:#ffffff9e;max-width:680px;font-size:18px;line-height:1.7}.route-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.route-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08070ab8;border:1px solid #ffffff17;border-radius:20px;min-height:170px;padding:24px}.route-card b{margin-bottom:10px;display:block}.route-card span{color:#ffffff80;font-size:14px;line-height:1.6}@media (max-width:800px){.route-grid{grid-template-columns:1fr}.route-hero{padding-top:65px}.route-nav{flex-direction:column;align-items:flex-start}.route-links{width:100%}}