body,html{margin:0;padding:0;min-height:100%;font-family:Arial,sans-serif;background-color:#000;color:#fff}a{text-decoration:none;color:inherit}*{box-sizing:border-box}.pill{padding:6px 12px;border-radius:9999px;background:linear-gradient(90deg,#f0f,#0ff);color:#000;font-weight:700;font-size:.875rem;display:inline-block;text-align:center;transition:transform .2s ease}.pill:hover{transform:scale(1.05)}.card{background:#111}.card,.card-gradient{padding:16px;border-radius:16px;margin-bottom:16px}.card-gradient{background:linear-gradient(135deg,#f0f,#0ff);color:#000}.btn{display:inline-block;background:linear-gradient(90deg,#f0f,#0ff);color:#000;font-weight:700;padding:10px 20px;border-radius:9999px;text-align:center;transition:transform .2s ease}.btn:hover{transform:scale(1.05)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-md{max-width:400px}.mt-6{margin-top:1.5rem}.mb-6,.my-6{margin-bottom:1.5rem}.my-6{margin-top:1.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.text-white{color:#fff}.text-black{color:#000}.font-bold{font-weight:700}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;opacity:.8}.opacity-70{opacity:.7}.opacity-80{opacity:.8}header{position:sticky;top:0;z-index:40;background:hsla(0,0%,7%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;text-align:center;font-weight:700}.h-32{height:8rem}audio{width:100%;border-radius:12px;outline:none}