k1ngsterr1/landing
1
0
Fork 0
forked from Rosetta/landing
Code Pull Requests Activity

Add encryption reference and refine documentation

Browse Source
This commit is contained in:
rosetta
2026-07-30 18:16:03 -07:00
parent 5d26ef6d89
commit 179e2e65c6
19 changed files with 957 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/LegalPage/LegalPage.module.css
View File

@@ -2,36 +2,42 @@
display: flex;
flex-direction: column;
min-height: 100vh;
background: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
background: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-9));
}
.shell {
flex: 1;
padding-top: 72px;
padding-bottom: 96px;
}
.main {
width: 100%;
padding: 96px 0 112px;
max-width: 900px;
margin-inline: auto;
padding: clamp(32px, 6vw, 72px);
border-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
background: light-dark(var(--mantine-color-white), var(--mantine-color-dark-8));
}
.intro {
max-width: 900px;
padding-bottom: 64px;
max-width: 760px;
padding-bottom: 48px;
border-bottom: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
}
.title {
margin-top: var(--mantine-spacing-sm);
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
font-family: Outfit, var(--mantine-font-family);
font-size: clamp(40px, 7vw, 62px);
font-weight: 500;
font-size: clamp(38px, 6vw, 56px);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 1.08;
}
.lead {
max-width: 780px;
margin: 0;
margin: 40px 0 0;
color: light-dark(var(--mantine-color-gray-8), var(--mantine-color-dark-0));
font-size: 20px;
line-height: 1.6;
@@ -63,25 +69,22 @@
}
.section {
display: grid;
grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
gap: 52px;
margin-top: 56px;
padding-top: 48px;
margin-top: 44px;
padding-top: 36px;
border-top: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
}
.sectionTitle {
margin: 0;
color: light-dark(var(--mantine-color-dark-9), var(--mantine-color-white));
font-family: Outfit, var(--mantine-font-family);
font-size: clamp(26px, 3vw, 34px);
font-weight: 500;
font-size: clamp(21px, 3vw, 26px);
font-weight: 650;
line-height: 1.25;
}
.sectionContent {
min-width: 0;
margin-top: var(--mantine-spacing-md);
}
.document a {
@@ -104,24 +107,27 @@
}
@media (max-width: 48em) {
.main {
padding: 72px 0 88px;
.shell {
padding-top: 40px;
padding-bottom: 64px;
}
.intro {
padding-bottom: 48px;
padding-bottom: 36px;
}
.section {
grid-template-columns: 1fr;
gap: var(--mantine-spacing-md);
margin-top: 44px;
padding-top: 36px;
margin-top: 36px;
padding-top: 30px;
}
}
@media (max-width: 36em) {
.shell {
padding-inline: var(--mantine-spacing-sm);
}
.main {
padding-top: 56px;
padding: 28px 22px;
}
}