:root{--bg:#070608;--text:#f5f1ef;--muted:#b5aaad;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans KR",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:10;top:16px;left:50%;width:min(1660px,calc(100% - 52px));height:78px;padding:0 28px;transform:translateX(-50%);display:flex;align-items:center;border:1px solid rgba(236,225,227,.22);border-radius:42px;background:linear-gradient(180deg,rgba(29,20,24,.94),rgba(7,6,8,.9));backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.48)}.logo{display:flex;align-items:center;gap:13px;margin-right:auto;font:700 20px Cinzel,serif;letter-spacing:.12em}.logo img{width:54px;height:54px;object-fit:cover;border:1px solid #8b2936;border-radius:10px}.logo small{display:block;margin-top:3px;font-size:9px;color:#b6878d;letter-spacing:.27em}.nav nav{display:flex;align-items:center;height:100%}.nav nav a{position:relative;display:grid;place-items:center;min-width:112px;height:100%;padding:0 14px;font-size:15px;font-weight:700;color:#e2dbdb;transition:color .2s}.nav nav a:after{content:"✦";position:absolute;bottom:8px;color:#e34055;font-size:11px;opacity:0;transform:scale(.3);transition:.25s}.nav nav a:hover{color:#fff}.nav nav a:hover:before{content:"";position:absolute;inset:13px 8px;border:1px solid rgba(232,222,224,.36);border-radius:23px;box-shadow:inset 0 0 15px rgba(192,36,56,.1)}.nav nav a:hover:after{opacity:1;transform:scale(1);text-shadow:0 0 12px #ff425a}.hero{min-height:850px;background:linear-gradient(0deg,#070608,transparent 32%),url("./blood-server-main.jpg") center/cover}.hero-copy{display:none}.intro,.split{padding:120px max(26px,calc((100% - 1120px)/2))}.eyebrow{margin:0;color:#e55a6b;font:700 12px Cinzel,serif;letter-spacing:.32em}.intro h2,.split h2,.download-band h2{margin:12px 0;font-size:clamp(36px,5vw,66px);line-height:1.2}.intro>p:not(.eyebrow),.split p:not(.eyebrow),.page-head span{color:var(--muted)}.features,.split{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article,.split>div{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#151114,#0d0b0e)}.split{grid-template-columns:1fr 1fr;background:#0a090c}.download-band{text-align:center;padding:140px 24px;background:linear-gradient(rgba(5,4,6,.64),rgba(5,4,6,.9)),url("./blood-server-main.jpg") center/cover}.primary{display:inline-block;padding:13px 23px;border:1px solid #e75466;border-radius:12px;background:linear-gradient(135deg,#741120,#d53349);font-weight:700;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(202,40,61,.25)}footer{display:flex;gap:25px;padding:30px;border-top:1px solid var(--line)}.page{max-width:1100px;margin:auto;padding:150px 26px 100px;min-height:100vh}.page-head{padding:20px 0 52px;border-bottom:1px solid var(--line)}.page-head p{color:#e65b6c;font:700 12px Cinzel,serif;letter-spacing:.28em}.page-head h1{margin:10px 0;font-size:clamp(46px,7vw,84px)}.placeholder,.ranking-card{margin-top:32px;padding:36px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(135deg,#191216,#0e0c0f);box-shadow:0 18px 40px rgba(0,0,0,.2)}.placeholder h2,.ranking-card h2{margin:0 0 10px;font-size:28px}.placeholder p,.ranking-card p{color:var(--muted)}.post-list{margin-top:50px;border:1px solid var(--line);border-radius:18px;overflow:hidden}details{border-bottom:1px solid var(--line);background:#0e0d10}summary{padding:23px 26px;cursor:pointer;font-size:18px;font-weight:700}.post-body{padding:0 26px 28px;color:#ece7e6}.page>details.post{margin:18px 0;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#171216,#0d0c0e)}.page>details.post:last-child{margin-bottom:0}.ranking-card{text-align:center;padding:62px 30px}.ranking-card .rank-mark{display:block;margin-bottom:10px;color:#e85c70;font:700 12px Georgia,serif;letter-spacing:.28em}.ranking-card h2{font-size:32px}.ranking-card p{margin:8px 0 0}@media(max-width:1000px){.nav{top:10px;width:calc(100% - 24px);height:64px;padding:0 14px;border-radius:33px;overflow-x:auto}.logo{gap:8px;font-size:12px}.logo img{width:39px;height:39px}.logo small{font-size:7px}.nav nav{height:62px;white-space:nowrap}.nav nav a{min-width:auto;padding:0 10px;font-size:12px}.nav nav a:hover:before{inset:8px 4px}.hero{min-height:560px}.features,.split{grid-template-columns:1fr}.intro,.split{padding:75px 24px}.page{padding:110px 18px 70px}.placeholder,.ranking-card{padding:28px 22px;border-radius:16px}.ranking-card{padding:45px 22px}}

+/* Show the same contained silver support effect on every page. */
.nav nav a[href$="/support/"]:hover,
.nav nav a[href$="/support/"]:focus-visible{
  color:#fff;
  background:transparent;
  text-shadow:0 0 10px rgba(255,255,255,.72);
  box-shadow:none;
}
.nav nav a[href$="/support/"]:hover:before,
.nav nav a[href$="/support/"]:focus-visible:before{
  content:"";
  position:absolute;
  inset:8px 4px;
  border:1px solid rgba(236,240,248,.94);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(172,178,188,.32),rgba(72,77,87,.3));
  box-shadow:inset 0 0 22px rgba(235,240,250,.4);
}
.nav nav a[href$="/support/"]:hover:after,
.nav nav a[href$="/support/"]:focus-visible:after{
  color:#eef2f8;
  opacity:1;
  transform:scale(1);
  text-shadow:0 0 12px #fff;
}

/* Support page mobile fallback (the support document is intentionally compact). */
@media(max-width:700px){
  .nav{top:0!important;left:0!important;width:100%!important;height:108px!important;padding:7px 12px 0!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;gap:0!important;overflow:visible!important;border-width:0 0 1px!important;border-radius:0 0 18px 18px!important}
  .logo{width:100%;height:48px;margin:0!important;justify-content:center;gap:9px!important;font-size:12px!important}.logo img{width:38px!important;height:38px!important}.logo small{font-size:7px!important}
  .nav nav{width:calc(100% + 24px)!important;height:52px!important;margin:0 -12px!important;padding:0 7px!important;display:flex!important;justify-content:flex-start!important;overflow-x:auto!important;white-space:nowrap;scrollbar-width:none}.nav nav::-webkit-scrollbar{display:none}.nav nav a{flex:0 0 auto!important;min-width:auto!important;height:44px!important;padding:0 13px!important;font-size:12px!important}
  .support-shell{width:calc(100% - 20px)!important;padding:126px 0 42px!important}.support-hero{border-radius:16px!important}.support-copy{padding:36px 20px!important}.support-copy h1{font-size:46px!important}.support-intro{font-size:15px!important;line-height:1.75!important}.support-cta{margin-top:28px!important;padding:15px 17px!important}.support-art{min-height:235px!important}
  .support-card{padding:24px 19px!important}.rate-main{flex-wrap:wrap;font-size:19px!important}.rate-list li{gap:10px!important;font-size:13px!important}.price{font-size:30px!important}.simple-list{display:grid!important;grid-template-columns:1fr}.support-closing{padding:24px 19px!important}
}
@media(max-width:380px){.nav nav a{padding-inline:11px!important;font-size:11px!important}.logo span{font-size:11px}.rate-main{font-size:17px!important}}