.about-page-btn { position: fixed; top: 22%; left: 0; transform: translateY(-50%); padding: 1rem 0.7rem; color: #fff; background: var(--about-color, #d4a847); border: none; border-radius: 0 20px 20px 0; cursor: pointer; writing-mode: vertical-rl; z-index: 1000; }
.about-page-box { position: fixed; top: 22%; left: 4rem; transform: translateY(-50%); width: 90%; max-width: 420px; background: #1a2a3a; color: #fff; border: 2px solid var(--about-color, #d4a847); border-radius: 16px; padding: 1.5rem; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1001; }
.about-page-box.show { opacity: 1; visibility: visible; }
.about-box-header { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 1rem; }
.about-box-close { background: none; border: none; color: #fff; cursor: pointer; }