:root{--mystic-bg:#0a0a1a;--mystic-accent:#6d4aff;--mystic-text:#e0e0ff;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}body{background:var(--mystic-bg);color:var(--mystic-text);min-height:100vh;margin:0;padding:0;font-family:Georgia,serif;overflow-x:hidden}#root{min-height:100vh}.star-container{z-index:-1;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star{opacity:.5;background:#fff;border-radius:50%;animation:3s infinite alternate pulse;position:absolute}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.5)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.glass-card:hover{border-color:var(--mystic-accent);transform:translateY(-5px);box-shadow:0 12px 48px #6d4aff33}.btn-mystic{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d4aff,#a855f7);border:none;border-radius:30px;padding:12px 24px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #6d4aff66}.btn-mystic:hover{transform:scale(1.05);box-shadow:0 6px 20px #6d4aff99}.title-glow{text-shadow:0 0 10px #6d4affcc,0 0 20px #6d4aff66;letter-spacing:2px}