:root{--minecraft-green: #54a02c;--minecraft-dirt: #6b4515;--roblox-red: #de3630;--roblox-blue: #00a2ff;--neon-green: #39ff14;--neon-blue: #00ffff;--dark-bg: #0a0a12;--glass-bg: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #cccccc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);overflow-x:hidden}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}#app{position:relative;z-index:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:2px solid var(--neon-blue)}.logo{font-family:"Press Start 2P",cursive;color:var(--neon-blue);font-size:1.2rem;text-shadow:0 0 10px var(--neon-blue)}.links a{color:var(--text-primary);text-decoration:none;margin-left:2rem;font-weight:700;text-transform:uppercase;transition:all .3s ease;font-family:"Press Start 2P",cursive;font-size:.8rem}.links a:hover{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.hero h1{font-family:"Press Start 2P",cursive;font-size:4rem;margin-bottom:1rem;color:var(--text-primary);text-shadow:4px 4px 0px var(--roblox-blue);animation:float 3s ease-in-out infinite}.badge-container{display:flex;gap:1rem;margin:2rem 0}.badge{background:#ffffff1a;padding:.5rem 1rem;border-radius:4px;font-family:"Press Start 2P",cursive;font-size:.8rem;border:2px solid}.badge.level{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.badge.class{border-color:var(--roblox-red);color:var(--roblox-red);box-shadow:0 0 10px var(--roblox-red)}.subtitle{font-size:1.5rem;color:var(--text-secondary);margin-top:1rem;letter-spacing:2px}.section-container{padding:4rem 2rem;max-width:1200px;margin:0 auto}.pixel-font{font-family:"Press Start 2P",cursive}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.glass-panel{background:#14141eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:800px;margin:0 auto;box-shadow:0 8px 32px #0000005e;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--neon-green),var(--neon-blue),var(--roblox-red))}.profile-stats{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.stat-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.stat-label{font-family:"Press Start 2P",cursive;color:var(--text-secondary);font-size:.8rem}.stat-value{font-weight:700;color:var(--neon-green)}.bio{margin-top:2rem;line-height:1.8;font-size:1.1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:#1e1e28cc;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0006}.card-img{width:100%;height:200px;object-fit:cover;border-bottom:4px solid}.card.minecraft-theme .card-img{border-color:var(--minecraft-green)}.card.roblox-theme .card-img{border-color:var(--roblox-red)}.card.transport-theme .card-img{border-color:var(--neon-blue)}.card-content{padding:1.5rem}.card h3{font-family:"Press Start 2P",cursive;margin-bottom:1rem;font-size:1.2rem}.card.minecraft-theme h3{color:var(--minecraft-green)}.card.roblox-theme h3{color:var(--roblox-red)}.card.transport-theme h3{color:var(--neon-blue)}footer{text-align:center;padding:2rem;font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--text-secondary);background:#000;margin-top:4rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:768px){.hero h1{font-size:2.5rem}.navbar{padding:1rem;flex-direction:column;gap:1rem}.links a{margin:0 .5rem}}