body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:#080808;
    color:white;
    text-align:center;
}

.container{
    max-width:800px;
    margin:auto;
    padding:80px 20px;
}

h1{
    font-size:48px;
    margin-bottom:10px;
}

.tagline{
    font-size:20px;
    color:#94a3b8;
    margin-bottom:40px;
}

.tools{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
    margin-top:40px;
}

.card{
background:#1e293b;
padding:25px;
border-radius:10px;
cursor:pointer;
transition:0.2s;
}

.card:hover{
transform:translateY(-5px);
background:#263449;
}
.card-link{
text-decoration:none;
color:inherit;
}

.card h3{
    margin:0 0 10px 0;
}

.footer{
    margin-top:60px;
    font-size:14px;
    color:#64748b;
}
.calc-input{
width:90%;
padding:10px;
margin:8px 0;
border:none;
border-radius:6px;
background:#0f172a;
color:white;
font-size:16px;
}

.calc-input::placeholder{
color:#94a3b8;
}

.calc-btn{
margin-top:10px;
padding:10px 20px;
background:#3b82f6;
border:none;
border-radius:6px;
color:white;
font-size:16px;
cursor:pointer;
}

.calc-btn:hover{
background:#2563eb;
}
.glow{
position:fixed;
top:10px;
right:20px;
padding:10px;
border-radius:10px;
background: radial-gradient(
circle at center,
rgba(99,102,241,0.4),
rgba(59,130,246,0.2),
transparent
);
filter: blur(0px);
}

.site-logo img{
height:45px;
position:relative;
z-index:2;
}