.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--space-12) 0;text-align:center}@media(min-width:768px){.hero{padding:var(--space-16) 0}}@media(min-width:1024px){.hero{padding:var(--space-24) 0}}.hero__title{color:var(--color-white);font-size:var(--text-3xl);max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-4)}@media(min-width:768px){.hero__title{font-size:var(--text-4xl)}}@media(min-width:1024px){.hero__title{font-size:var(--text-5xl)}}.hero__subtitle{font-size:var(--text-lg);color:var(--color-gray-300);max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}@media(min-width:768px){.hero__subtitle{font-size:var(--text-xl)}}.hero__actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}@media(min-width:640px){.hero__actions{flex-direction:row;justify-content:center}}.countdown{background-color:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;max-width:600px;margin:calc(-1 * var(--space-8)) auto var(--space-12);position:relative;z-index:1;box-shadow:var(--shadow-lg);background-color:var(--color-white)}.countdown__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.countdown__timer{display:flex;justify-content:center;gap:var(--space-4)}@media(min-width:640px){.countdown__timer{gap:var(--space-6)}}.countdown__unit{display:flex;flex-direction:column;align-items:center}.countdown__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1;min-width:60px}@media(min-width:768px){.countdown__value{font-size:var(--text-4xl)}}.countdown__name{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.countdown--live{background-color:var(--color-success);color:var(--color-white)}.countdown--live .countdown__label{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--weight-bold)}.steps{text-align:center}.steps__grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:768px){.steps__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.steps__item{padding:var(--space-6)}.steps__number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-white);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.steps__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.steps__desc{font-size:var(--text-sm);color:var(--color-text-light);line-height:var(--leading-relaxed)}.trust{background-color:var(--color-gray-50)}.trust__grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:768px){.trust__grid{grid-template-columns:repeat(2,1fr)}}.trust__item{display:flex;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border)}.trust__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-primary)}.trust__text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.trust__source{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.cta-banner{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-white);text-align:center;padding:var(--space-12) 0}.cta-banner__title{color:var(--color-white);margin-bottom:var(--space-3)}.cta-banner__desc{font-size:var(--text-lg);color:var(--color-gray-200);margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.latest-posts__grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:768px){.latest-posts__grid{grid-template-columns:repeat(3,1fr)}}