* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #0f1115;
color: white;
font-family: Inter, Arial, sans-serif;
min-height: 100vh;

display: flex;
align-items: center;
justify-content: center;

padding: 24px;
}

.container {
width: 100%;
max-width: 720px;
}

.card {
background: #171a21;
border: 1px solid #2b2f3a;

border-radius: 24px;

padding: 48px;
}

.badge {
display: inline-block;

padding: 8px 14px;

border-radius: 999px;

background: #232734;

font-size: 14px;

margin-bottom: 20px;
}

h1 {
font-size: 48px;
line-height: 1.1;

margin-bottom: 16px;

word-break: break-word;
}

.subtitle {
color: #a0a7b5;
font-size: 18px;

margin-bottom: 36px;
}

.section {
margin-bottom: 36px;
}

.section-title {
font-size: 14px;
color: #7f8798;

margin-bottom: 14px;

text-transform: uppercase;
letter-spacing: 1px;
}

ul {
padding-left: 20px;
}

li {
margin-bottom: 10px;
color: #d9dce3;
}

.price-box {
margin-bottom: 36px;
}

.price-label {
color: #7f8798;
margin-bottom: 8px;
}

.price {
font-size: 36px;
font-weight: bold;
}

.contact {
display: flex;
flex-direction: column;
gap: 12px;
}

.contact a {
color: #8ab4ff;
text-decoration: none;
}

.contact a {
opacity: 0.8;
}

@media (max-width: 640px) {
.card {
padding: 28px;
}

h1 {
font-size: 34px;
}

.price {
font-size: 28px;
}
}