*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",Courier Prime,serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);min-height:100vh;color:#e0e0e0}.portal{max-width:800px;margin:0 auto;padding:60px 24px}.header{text-align:center;margin-bottom:60px}.title{font-size:3rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-family:Courier Prime,monospace;font-size:1.1rem;color:#888;margin-top:8px}.cards{display:flex;flex-direction:column;gap:20px}.card{display:flex;align-items:center;gap:24px;padding:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.card:hover{background:#ffffff1a;border-color:var(--card-color, #667eea);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-icon{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,var(--card-color),color-mix(in srgb,var(--card-color) 60%,#000));display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;flex-shrink:0}.card-body{flex:1;min-width:0}.card-name{font-size:1.4rem;font-weight:700;margin-bottom:2px}.card-english{font-family:Courier Prime,monospace;font-size:.85rem;color:var(--card-color, #667eea);margin-bottom:6px}.card-desc{font-size:.9rem;color:#aaa;line-height:1.5}