#freedomofmoney <!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kebebasan Uang – Post Binance</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Rajdhani:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #0a0c10;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
font-family: 'Rajdhani', sans-serif;
}
.card {
width: 600px;
background: linear-gradient(145deg, #0d1117 0%, #111827 60%, #0a0c10 100%);
border: 1px solid #F0B90B33;
border-radius: 20px;
padding: 44px 44px 36px;
position: relative;
overflow: hidden;
box-shadow: 0 0 60px #F0B90B1a, 0 0 120px #F0B90B08;
}
/* Pola latar belakang grid */
.card::before {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(240,185,11,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(240,185,11,0.04) 1px, transparent 1px);
background-size: 36px 36px;
pointer-events: none;
}
/* Bola cahaya */
.card::after {
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 280px;
height: 280px;
background: radial-gradient(circle, #F0B90B22 0%, transparent 70%);
pointer-events: none;
}
/* Bilah atas */
.topbar {
display: flex;
align-items: center;
justify-content: space-between