|
- @use '../atoms/variables' as *;
- @use '../atoms/mixins' as *;
-
- .home-body {
- @include page-shell;
- }
-
- // ─── Header ──────────────────────────────────────────────────────────────────
- .home-header {
- background: linear-gradient(135deg, var(--color-header-from), var(--color-header-to));
- padding: $space-4 $space-8;
- }
-
- .home-header__inner {
- max-width: 1000px;
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .home-header__brand {
- font-size: $font-size-lg;
- font-weight: $font-weight-bold;
- color: var(--header-text);
-
- span {
- font-weight: $font-weight-regular;
- opacity: 0.8;
- }
- }
-
- // ─── Hero ─────────────────────────────────────────────────────────────────────
- .home-hero {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: $space-12 $space-8;
- }
-
- .home-hero__inner {
- text-align: center;
- max-width: 600px;
- }
-
- .home-hero__title {
- font-size: 2.8rem;
- font-weight: $font-weight-bold;
- color: $color-text-dark;
- line-height: 1.2;
- margin-bottom: $space-6;
- }
-
- .home-hero__sub {
- font-size: $font-size-lg;
- color: $color-text-muted;
- margin-bottom: $space-10;
- line-height: $line-height-base;
- }
-
- .home-hero__cta {
- font-size: $font-size-md;
- padding: $space-4 $space-10;
- }
|
