<title>Makna Angka</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
background:#090909;
color:white;
font-family:Inter,sans-serif;
overflow-x:hidden;
}
/*=========================
BACKGROUND
=========================*/
body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:
radial-gradient(circle at top,#D4AF3725,transparent 35%),
radial-gradient(circle at bottom,#5e3b0120,transparent 40%),
linear-gradient(#090909,#111111);
z-index:-2;
}
body::after{
content:"";
position:fixed;
width:200%;
height:200%;
background-image:
radial-gradient(#D4AF37 1px,transparent 1px);
background-size:70px 70px;
opacity:.05;
animation:bgmove 60s linear infinite;
z-index:-1;
}
@Keyframes bgmove{
from{
transform:translate(0,0);
}
to{
transform:translate(-200px,-100px);
}
}
/*=========================
NAVBAR
=========================*/
nav{
position:fixed;
top:0;
left:0;
width:100%;
height:70px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 60px;
background:rgba(0,0,0,.55);
backdrop-filter:blur(15px);
border-bottom:1px solid rgba(212,175,55,.15);
z-index:999;
}
.logo{
font-family:"Cormorant Garamond",serif;
font-size:34px;
color:#D4AF37;
font-weight:bold;
}
.menu{
display:flex;
gap:35px;
}
.menu a{
text-decoration:none;
color:white;
transition:.3s;
}
.menu a:hover{
color:#D4AF37;
}
/*=========================
HERO
=========================*/
.hero{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:30px;
}
.hero h1{
font-size:72px;
font-family:"Cormorant Garamond",serif;
color:#D4AF37;
margin-bottom:20px;
}
.hero p{
font-size:22px;
opacity:.8;
max-width:700px;
margin:auto;
line-height:1.8;
}
.hero button{
margin-top:40px;
padding:18px 45px;
border:none;
border-radius:40px;
background:#D4AF37;
color:#111;
font-size:18px;
font-weight:bold;
cursor:pointer;
transition:.3s;
}
.hero button:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(212,175,55,.35);
}
/*=========================
SECTION
=========================*/
section{
padding:100px 30px;
max-width:1200px;
margin:auto;
}
.title{
font-family:"Cormorant Garamond",serif;
font-size:48px;
color:#D4AF37;
text-align:center;
margin-bottom:50px;
}
/*=========================
CARD
=========================*/
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}
.card{
background:rgba(255,255,255,.04);
border:1px solid rgba(212,175,55,.15);
border-radius:20px;
padding:35px;
transition:.4s;
backdrop-filter:blur(20px);
}
.card:hover{
transform:translateY(-10px);
border-color:#D4AF37;
}
.card h3{
color:#D4AF37;
margin-bottom:15px;
}
.card p{
opacity:.75;
line-height:1.8;
}
/*=========================
FOOTER
=========================*/
footer{
padding:40px;
text-align:center;
opacity:.5;
}
/*=========================
RESPONSIVE
=========================*/
@media(max-width:768px){
.hero h1{
font-size:48px;
}
.hero p{
font-size:18px;
}
nav{
padding:0 20px;
}
.menu{
display:none;
}
}
</style>
Kenali Dirimu Melalui Angka
Numerologi bukan untuk menentukan siapa dirimu selamanya,
tetapi membantu mengenali potensi,
tantangan,
dan arah hidupmu.
Mulai Sekarang
Personal Blueprint
Hitung Life Path,
Hidden Number,
Akar,
Energi,
dan Unsur.
Compatibility
Analisis kecocokan pasangan secara otomatis.
Roda Kehidupan
Lihat energi hidup setiap usia.
Download PDF
Hasil dapat diunduh menjadi laporan premium.
Makna Angka © 2026
<script>
console.log("Makna Angka Version 1");
</script>
Makna Angka
Home
Personal
Compatibility
Roda Kehidupan
Admin
Kenali Dirimu Melalui Angka
Numerologi bukan untuk menentukan siapa dirimu selamanya,
tetapi membantu mengenali potensi,
tantangan,
dan arah hidupmu.
Mulai Sekarang
Fitur Makna Angka
Personal Blueprint
Hitung Life Path,
Hidden Number,
Akar,
Energi,
dan Unsur.
Compatibility
Analisis kecocokan pasangan secara otomatis.
Roda Kehidupan
Lihat energi hidup setiap usia.
Download PDF
Hasil dapat diunduh menjadi laporan premium.
Makna Angka © 2026
<script> console.log("Makna Angka Version 1"); </script>