*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6}body{background:#080C18;color:#B0BEC5;font-family:'Inter',sans-serif}
.container{max-width:900px;margin:0 auto;padding:0 24px}
.site-header{text-align:center;padding:48px 24px;border-bottom:1px solid #1A2332}
.logo{font-family:'IBM Plex Mono',monospace;font-size:2rem;font-weight:600;color:#7C4DFF}
.tagline{font-family:'Space Mono',monospace;font-size:0.8rem;color:#4FC3F7;margin-top:8px}
.hero{text-align:center;padding:48px 0}
.hero h2{font-size:1.8rem;color:#4FC3F7;margin-bottom:12px}
.hero p{color:#B0BEC5;max-width:560px;margin:0 auto;font-size:0.9rem}
.quest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:32px 0}
.quest-card{background:#1A2332;border:1px solid rgba(124,77,255,0.2);border-radius:8px;padding:24px;opacity:0;transform:translateY(20px);transition:all 400ms ease-out}
.quest-card.visible{opacity:1;transform:translateY(0)}
.quest-card:hover{border-color:#7C4DFF;box-shadow:0 0 20px rgba(124,77,255,0.15)}
.quest-num{font-family:'Space Mono',monospace;font-size:0.7rem;color:#7C4DFF;letter-spacing:0.1em}
.quest-card h3{font-size:1.1rem;color:#4FC3F7;margin:8px 0}
.quest-card p{font-size:0.8rem;color:#B0BEC5}
.site-footer{text-align:center;padding:32px;color:rgba(176,190,197,0.4);font-size:0.8rem;border-top:1px solid #1A2332}
@media(max-width:600px){.quest-grid{grid-template-columns:1fr}}