*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0a0a0a;--text-color: #ffffff;--text-muted: #888888;--border-color: #333333;--card-bg: #111111;--accent-primary: #00ff88;--accent-secondary: #00ccff;--glow-color: rgba(0, 255, 136, .3)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.6}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-color)}.logo img{width:40px;height:40px;border-radius:8px}.logo span{font-weight:600;font-size:1.1rem}.nav{display:flex;gap:1.5rem;align-items:center}.nav a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav a:hover,.nav a.active{color:var(--text-color)}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero{text-align:center;padding:3rem 1rem}.hero-img{max-width:200px;width:100%;height:auto;margin-bottom:1.5rem;border-radius:12px;box-shadow:0 0 40px var(--glow-color)}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-muted);font-size:1.25rem}@media(max-width:640px){.header{padding:1rem}.hero h1{font-size:2.5rem}}