:root { --gold: #ffd700; --ethereal: #00bfff; }
* { margin:0; padding:0; box-sizing:border-box; }
body { background: #000; color: #fff; font-family: 'Cinzel Decorative', serif; overflow-x: hidden; }
#loading-screen { position:fixed; inset:0; background:#000; z-index:9999; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.loader-spinner { width:50px; height:50px; border:5px solid #333; border-top:5px solid var(--gold); border-radius:50%; animation: spin 1s linear infinite; }
@keyframes spin { 100% { transform:rotate(360deg); } }
.nav-bar { position:fixed; top:20px; width:100%; display:flex; justify-content:center; z-index:1000; }
.nav-pill { background:rgba(0,0,0,0.7); border:1px solid var(--gold); padding:10px 30px; border-radius:50px; color:var(--gold); text-decoration:none; }
.hero { height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
h1 { font-size: 5rem; color: var(--gold); text-shadow: 0 0 20px var(--gold); }
.master-gallery { display:flex; flex-direction:column; align-items:center; gap:80px; padding:100px 20px; }
.card { width:95%; max-width:1100px; border:4px solid var(--gold); border-radius:25px; overflow:hidden; background:rgba(255,255,255,0.05); min-height:400px; transition:0.5s; opacity:0; transform:translateY(30px); }
.card.visible { opacity:1; transform:translateY(0); }
.card img { width:100%; display:block; filter:brightness(1.1); }
.token-info { background:rgba(0,0,0,0.8); padding:40px; text-align:center; border:2px solid var(--gold); max-width:900px; margin:0 auto; }