CelestForge

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CelestForge Publishing</title>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

body{
background: radial-gradient(circle at top,#0f172a,#020617);
color:white;
}

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

/* hero */

.hero{
text-align:center;
padding:120px 20px 80px;
}

.logo{
font-size:14px;
letter-spacing:3px;
opacity:.6;
margin-bottom:20px;
}

.hero h1{
font-size:52px;
font-weight:700;
background:linear-gradient(90deg,#fff,#9ca3af);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:20px;
}

.hero p{
max-width:650px;
margin:auto;
opacity:.7;
line-height:1.6;
margin-bottom:35px;
}

.btn{
display:inline-block;
padding:14px 30px;
background:linear-gradient(90deg,#7c3aed,#4f46e5);
border-radius:8px;
text-decoration:none;
color:white;
font-weight:600;
transition:.3s;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(124,58,237,.4);
}

/* cards */

.services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:60px;
}

.card{
background:rgba(255,255,255,.05);
backdrop-filter:blur(20px);
padding:30px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
transition:.3s;
}

.card:hover{
transform:translateY(-5px);
border:1px solid rgba(124,58,237,.5);
}

.card h3{
margin-bottom:10px;
}

.section{
text-align:center;
padding:90px 20px;
}

.section p{
max-width:700px;
margin:auto;
opacity:.7;
line-height:1.6;
margin-top:15px;
}

.footer{
text-align:center;
padding:50px;
opacity:.5;
}

</style>
</head>

<body>

<section class="hero">

<div class="logo">CELESTFORGE</div>

<h1>CelestForge Publishing</h1>

<p>
Author-focused publishing. Professional editing, premium covers,
and global distribution — everything you need to publish your book.
</p>

<a class="btn" href="https://celestforgepublishing.com">
Visit Publishing Website
</a>

</section>


<div class="container">

<div class="services">

<div class="card">
<h3>Editing & Proofreading</h3>
<p>Professional manuscript polishing and quality improvement.</p>
</div>

<div class="card">
<h3>Cover Design</h3>
<p>Premium covers designed for print and digital stores.</p>
</div>

<div class="card">
<h3>Publishing Support</h3>
<p>ISBN, formatting, and full publishing setup.</p>
</div>

<div class="card">
<h3>Global Distribution</h3>
<p>Reach bookstores, retailers, and libraries worldwide.</p>
</div>

</div>

</div>


<section class="section">

<h2>About CelestForge</h2>

<p>
CelestForge Publishing helps authors transform ideas into professionally 
published books. We provide complete publishing support with transparency,
quality, and long-term author partnership.
</p>

<br><br>

<a class="btn" href="https://celestforgepublishing.com">
Submit Your Manuscript
</a>

</section>

<div class="footer">
© CelestForge Publishing
</div>

</body>
</html>