@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap’);

body
font-family: ‘Inter’, sans-serif;
background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);
color: #e0e0ff;
margin: 0;
padding: 0;
line-height: 1.6;

.container
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px;

header
text-align: center;
padding: 60px 0 40px;

h1
font-size: 3.2rem;
background: linear-gradient(90deg, #00ff9d, #00b8ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 0 20px;
text-shadow: 0 0 30px rgba(0, 255, 157, 0.5);

.subtitle
font-size: 1.4rem;
color: #a0a0ff;
margin-bottom: 30px;

.hero
background: rgba(255,255,255,0.05);
border-radius: 20px;
padding: 40px;
margin-bottom: 60px;
border: 1px solid rgba(0, 255, 157, 0.2);
text-align: center;

.features
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 25px;
margin: 60px 0;

.feature-card
background: rgba(255,255,255,0.06);
border-radius: 16px;
padding: 30px;
border: 1px solid rgba(0, 180, 255, 0.2);
transition: all 0.3s ease;

.feature-card:hover
transform: translateY(-10px);
border-color: #00ff9d;
box-shadow: 0 20px 40px rgba(0, 255, 157, 0.15);

.feature-icon
font-size: 3rem;
margin-bottom: 20px;
display: block;

.advantages
background: rgba(0, 0, 0, 0.3);
border-radius: 20px;
padding: 50px 40px;
margin: 60px 0;

ul
list-style: none;
padding: 0;

li
padding: 12px 0;
position: relative;
padding-left: 35px;
font-size: 1.1rem;

li:before
content: “✓”;
color: #00ff9d;
position: absolute;
left: 0;
font-weight: bold;

.cta
text-align: center;
margin: 70px 0 40px;

.btn
display: inline-block;
background: linear-gradient(90deg, #00ff9d, #00ccff);
color: #0a0a1f;
font-size: 1.4rem;
font-weight: 700;
padding: 18px 55px;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 255, 157, 0.4);

.btn:hover
transform: scale(1.08);
box-shadow: 0 15px 40px rgba(0, 255, 157, 0.6);

.footer-note
text-align: center;
font-size: 0.95rem;
color: #7777aa;
margin-top: 60px;

.glow
text-shadow: 0 0 20px #00ff9d;