1.form-box {
2  max-width: 300px;
3  background: #f1f7fe;
4  overflow: hidden;
5  border-radius: 16px;
6  color: #010101;
7}
8
9.form {
10  position: relative;
11  display: flex;
12  flex-direction: column;
13  padding: 32px 24px 24px;
14  gap: 16px;
15  text-align: center;
16}
17
18/*Form text*/
19.title {
20  font-weight: bold;
21  font-size: 1.6rem;
22}
23
24.subtitle {
25  font-size: 1rem;
26  color: #666;
27}
28
29/*Inputs box*/
30.form-container {
31  overflow: hidden;
32  border-radius: 8px;
33  background-color: #fff;
34  margin: 1rem 0 .5rem;
35  width: 100%;
36}
37
38.input {
39  background: none;
40  border: 0;
41  outline: 0;
42  height: 40px;
43  width: 100%;
44  border-bottom: 1px solid #eee;
45  font-size: .9rem;
46  padding: 8px 15px;
47}
48
49.form-section {
50  padding: 16px;
51  font-size: .85rem;
52  background-color: #e0ecfb;
53  box-shadow: rgb(0 0 0 / 8%) 0 -1px;
54}
55
56.form-section a {
57  font-weight: bold;
58  color: #0066ff;
59  transition: color .3s ease;
60}
61
62.form-section a:hover {
63  color: #005ce6;
64  text-decoration: underline;
65}
66
67/*Button*/
68.form button {
69  background-color: #0066ff;
70  color: #fff;
71  border: 0;
72  border-radius: 24px;
73  padding: 10px 16px;
74  font-size: 1rem;
75  font-weight: 600;
76  cursor: pointer;
77  transition: background-color .3s ease;
78}
79
80.form button:hover {
81  background-color: #005ce6;
82}