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

html,
body {
min-height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
background: #0d1117;
color: #e6edf3;
}

.container {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}

.card {
width: 100%;
max-width: 520px;
padding: 48px 40px;
text-align: center;

```
background: #161b22;
border: 1px solid #30363d;
border-radius: 14px;
```

}

h1 {
margin-bottom: 14px;
font-size: 30px;
font-weight: 600;
letter-spacing: -0.5px;
}

p {
color: #8b949e;
font-size: 16px;
line-height: 1.6;
}

@media (max-width: 600px) {
.card {
padding: 36px 24px;
}

```
h1 {
    font-size: 26px;
}
```

}