AMAYA

Dark Romance • Dark Academia • Vampire • Fantasy

.rules{ display:grid; gap:16px; margin-top:20px; }

.rule{ display:flex; align-items:flex-start; gap:14px; padding:18px 20px; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); transition:.35s; }

.rule:hover{ transform:translateX(8px); background:rgba(255,255,255,.06); box-shadow:0 0 20px rgba(255,255,255,.08); }

.rule-icon{ font-size:24px; }

.rule-text{ font-size:20px; line-height:1.7; color:#ececec; }

/* ===== Tags ===== */

.tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:28px; }

.tag{ padding:10px 20px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); font-family:'Cinzel',serif; letter-spacing:2px; font-size:15px; transition:.35s; }

.tag:hover{ transform:scale(1.08); background:rgba(255,255,255,.1); box-shadow:0 0 18px rgba(255,255,255,.12); }

.footer{ margin-top:40px; text-align:center; font-size:21px; font-style:italic; color:#cfcfcf; opacity:.9; }

/* ===== Scrollbar ===== */

::-webkit-scrollbar{ width:8px; }

::-webkit-scrollbar-track{ background:#090909; }

::-webkit-scrollbar-thumb{ background:linear-gradient(#ffffff,#8d8d8d); border-radius:20px; }

/* ===== Selection ===== */

::selection{ background:rgba(255,255,255,.25); color:#fff; }

/* ===== Floating Stars ===== */

.sparkle{ position:absolute; font-size:14px; opacity:.25; animation:float 5s ease-in-out infinite; }

.s1{ top:40px; left:18%; }

.s2{ top:120px; right:15%; animation-delay:2s; }

.s3{ bottom:70px; left:22%; animation-delay:4s; }

.s4{ bottom:120px; right:20%; animation-delay:1s; }

@keyframes float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }