/* [project]/src/styles/Home.module.scss.module.css [app-client] (css) */
:root {
  --home-bg: #04070f;
  --home-surface: #0c121a;
  --home-surface-hover: #151b24;
  --home-border: #1c222b;
  --home-text: #eee;
  --home-text-muted: #9e9e9e;
  --home-text-dim: #636363;
  --home-accent: #7c79ff;
  --home-accent-light: #9ca1ff;
  --home-glow: #7c79ff4d;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --home-bg: lab(1.93922% -.0432804 -3.61724);
    --home-surface: lab(5.19304% -.298686 -6.50336);
    --home-surface-hover: lab(9.42785% -.533104 -7.25476);
    --home-border: lab(12.9118% -.603847 -7.27841);
    --home-text: lab(94.2% 0 0);
    --home-text-muted: lab(65.2% 0 0);
    --home-text-dim: lab(42% 0 0);
    --home-accent: lab(55.5457% 42.8708 -87.3308);
    --home-accent-light: lab(68.4873% 27.2957 -70.3071);
    --home-glow: lab(55.5457% 42.8708 -87.3308 / .3);
  }
}

@keyframes Home-module-scss-module__FTgTta__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Home-module-scss-module__FTgTta__pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--home-glow);
  }

  50% {
    box-shadow: 0 0 24px 4px var(--home-glow);
  }
}

@keyframes Home-module-scss-module__FTgTta__shimmer {
  0% {
    background-position: -200%;
  }

  100% {
    background-position: 200%;
  }
}

@keyframes Home-module-scss-module__FTgTta__float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@keyframes Home-module-scss-module__FTgTta__glow-pulse {
  0%, 100% {
    filter: brightness();
    transform: scale(1);
  }

  50% {
    filter: brightness(1.2);
    transform: scale(1.02);
  }
}

.Home-module-scss-module__FTgTta__home {
  background: var(--home-bg);
  background-attachment: fixed;
  flex: 1;
  min-height: 100dvh;
  padding: 1.5rem 1.5rem 100px;
}

@media (min-width: 768px) {
  .Home-module-scss-module__FTgTta__home {
    padding: 2rem 3rem 4rem;
  }
}

.Home-module-scss-module__FTgTta__hero {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 3rem;
}

.Home-module-scss-module__FTgTta__heroContent {
  animation: .6s cubic-bezier(.25, .46, .45, .94) Home-module-scss-module__FTgTta__fadeInUp;
}

.Home-module-scss-module__FTgTta__badge {
  background: #7c79ff1f;
  background: lab(55.5457% 42.8708 -87.3308 / .12);
  border: 1px solid #7c79ff33;
  border: 1px solid lab(55.5457% 42.8708 -87.3308 / .2);
  border-radius: 100px;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem;
  display: inline-flex;
}

.Home-module-scss-module__FTgTta__badge svg {
  color: var(--home-accent-light);
}

.Home-module-scss-module__FTgTta__badge span {
  color: var(--home-accent-light);
  letter-spacing: .01em;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .8rem;
  font-weight: 600;
}

.Home-module-scss-module__FTgTta__title {
  color: var(--home-text);
  letter-spacing: -.03em;
  margin: 0 0 1rem;
  font-family: Space Grotesk, system-ui, sans-serif;
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
}

.Home-module-scss-module__FTgTta__titleAccent {
  background: linear-gradient(90deg, #a78bfa 0%, #c4b5fd 25%, #a78bfa 50%, #8b5cf6 75%, #a78bfa 100%) 0 0 / 200%;
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 3s linear infinite Home-module-scss-module__FTgTta__shimmer;
  display: inline;
}

.Home-module-scss-module__FTgTta__subtitle {
  color: var(--home-text-muted);
  max-width: 520px;
  margin: 0 auto 2rem;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: 1.1rem;
  line-height: 1.6;
}

.Home-module-scss-module__FTgTta__features {
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.Home-module-scss-module__FTgTta__featurePill {
  background: var(--home-surface);
  border: 1px solid var(--home-border);
  border-radius: 12px;
  align-items: center;
  gap: .6rem;
  padding: .6rem 1rem;
  display: flex;
}

.Home-module-scss-module__FTgTta__featurePill svg {
  color: var(--home-accent-light);
  flex-shrink: 0;
}

.Home-module-scss-module__FTgTta__featureText {
  text-align: left;
  flex-direction: column;
  display: flex;
}

.Home-module-scss-module__FTgTta__featureLabel {
  color: var(--home-text);
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .85rem;
  font-weight: 700;
}

.Home-module-scss-module__FTgTta__featureDesc {
  color: var(--home-text-dim);
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .7rem;
}

.Home-module-scss-module__FTgTta__cta {
  background: linear-gradient(135deg, var(--home-accent) 0%, #783ff5 100%);
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  animation: 3s ease-in-out infinite Home-module-scss-module__FTgTta__float, 2s ease-in-out infinite Home-module-scss-module__FTgTta__pulse;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .Home-module-scss-module__FTgTta__cta {
    background: linear-gradient(135deg, var(--home-accent) 0%, lab(43.2152% 55.7836 -83.4078) 100%);
  }
}

.Home-module-scss-module__FTgTta__cta:before {
  content: "";
  background: linear-gradient(90deg, #0000, #fff3, #0000);
  width: 100%;
  height: 100%;
  animation: 2.5s ease-in-out infinite Home-module-scss-module__FTgTta__shine;
  position: absolute;
  top: 0;
  left: -100%;
}

.Home-module-scss-module__FTgTta__cta span {
  color: #fff;
  z-index: 1;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}

.Home-module-scss-module__FTgTta__cta svg {
  color: #fff;
  z-index: 1;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1);
  position: relative;
}

.Home-module-scss-module__FTgTta__cta:hover {
  box-shadow: 0 16px 40px var(--home-glow);
  animation: none;
  transform: translateY(-3px)scale(1.03);
}

.Home-module-scss-module__FTgTta__cta:hover svg {
  transform: translateX(4px);
}

.Home-module-scss-module__FTgTta__cta:active {
  transform: translateY(-1px)scale(.98);
}

@keyframes Home-module-scss-module__FTgTta__shine {
  0% {
    left: -100%;
  }

  50%, 100% {
    left: 100%;
  }
}

.Home-module-scss-module__FTgTta__skillsSection {
  max-width: 900px;
  margin: 0 auto;
}

.Home-module-scss-module__FTgTta__skillsHeader {
  text-align: center;
  margin-bottom: 2rem;
  animation: .6s cubic-bezier(.25, .46, .45, .94) .1s both Home-module-scss-module__FTgTta__fadeInUp;
}

.Home-module-scss-module__FTgTta__skillsHeader h2 {
  color: var(--home-text);
  letter-spacing: -.02em;
  margin: 0 0 .5rem;
  font-family: Space Grotesk, system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.Home-module-scss-module__FTgTta__skillsHeader p {
  color: var(--home-text-dim);
  margin: 0;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .95rem;
}

.Home-module-scss-module__FTgTta__skillsGrid {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (min-width: 640px) {
  .Home-module-scss-module__FTgTta__skillsGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.Home-module-scss-module__FTgTta__skillCard {
  background: var(--home-surface);
  border: 1px solid var(--home-border);
  animation: Home-module-scss-module__FTgTta__fadeInUp .4s cubic-bezier(.25, .46, .45, .94) var(--delay, 0s) both;
  cursor: pointer;
  border-radius: 16px;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  text-decoration: none;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.Home-module-scss-module__FTgTta__skillCard:hover {
  background: var(--home-surface-hover);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #0000004d;
  box-shadow: 0 16px 40px lab(0% 0 0 / .3);
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillArrow svg {
  transform: translateX(4px);
}

.Home-module-scss-module__FTgTta__skillCard:active {
  transform: translateY(-2px)scale(.99);
}

.Home-module-scss-module__FTgTta__skillIcon {
  color: #fff;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: all .35s cubic-bezier(.25, .46, .45, .94);
  animation: 3s ease-in-out infinite Home-module-scss-module__FTgTta__iconFloat;
  display: flex;
}

.Home-module-scss-module__FTgTta__skillIcon svg {
  transition: transform .3s;
}

.Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__writing {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 16px #10b9814d, 0 0 20px #10b98133;
}

.Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__speaking {
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  box-shadow: 0 4px 16px #a855f74d, 0 0 20px #a855f733;
}

.Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__reading {
  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
  box-shadow: 0 4px 16px #06b6d44d, 0 0 20px #06b6d433;
}

.Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__listening {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 4px 16px #f59e0b4d, 0 0 20px #f59e0b33;
}

@keyframes Home-module-scss-module__FTgTta__iconFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon {
  transform: scale(1.1)rotate(-5deg);
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__writing {
  box-shadow: 0 8px 24px #10b98166, 0 0 30px #10b9814d;
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__speaking {
  box-shadow: 0 8px 24px #a855f766, 0 0 30px #a855f74d;
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__reading {
  box-shadow: 0 8px 24px #06b6d466, 0 0 30px #06b6d44d;
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon.Home-module-scss-module__FTgTta__listening {
  box-shadow: 0 8px 24px #f59e0b66, 0 0 30px #f59e0b4d;
}

.Home-module-scss-module__FTgTta__skillCard:hover .Home-module-scss-module__FTgTta__skillIcon svg {
  transform: scale(1.1);
}

.Home-module-scss-module__FTgTta__skillContent {
  flex: 1;
  min-width: 0;
}

.Home-module-scss-module__FTgTta__skillContent h3 {
  color: var(--home-text);
  margin: 0 0 .25rem;
  font-family: Space Grotesk, system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
}

.Home-module-scss-module__FTgTta__skillContent p {
  color: var(--home-text-muted);
  margin: 0 0 .5rem;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .85rem;
  line-height: 1.4;
}

.Home-module-scss-module__FTgTta__skillStats {
  color: var(--home-text-dim);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .7rem;
  font-weight: 600;
}

.Home-module-scss-module__FTgTta__skillArrow {
  width: 36px;
  height: 36px;
  color: var(--home-text-muted);
  background: #ffffff0d;
  background: lab(100% 0 0 / .05);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Home-module-scss-module__FTgTta__skillArrow svg {
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1);
}

.Home-module-scss-module__FTgTta__progressSection {
  max-width: 500px;
  margin: 3rem auto 0;
  animation: .4s cubic-bezier(.25, .46, .45, .94) .4s both Home-module-scss-module__FTgTta__fadeInUp;
}

.Home-module-scss-module__FTgTta__progressCard {
  text-align: center;
  background: linear-gradient(135deg, #ff672a1a 0%, #de3e2d0d 100%);
  background: linear-gradient(135deg, lab(63.5882% 57.5165 62.7957 / .1) 0%, lab(51.6908% 61.9679 48.0969 / .05) 100%);
  border: 1px solid #ff672a33;
  border: 1px solid lab(63.5882% 57.5165 62.7957 / .2);
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 1.25rem;
  display: flex;
}

.Home-module-scss-module__FTgTta__progressCard p {
  color: var(--home-text-muted);
  margin: 0;
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: .9rem;
}

.Home-module-scss-module__FTgTta__streakBadge {
  color: #ff8735;
  color: lab(69.7141% 51.3687 78.3508);
  font-family: DM Sans, system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

/*# sourceMappingURL=src_styles_Home_module_scss_module_c6647174.css.map*/