.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--color-bg-white)}.hero__container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.hero__content{flex:1;max-width:600px}.hero__title{font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.hero__title .accent{color:var(--color-text-accent)}.hero__subtitle{font-size:var(--font-size-body);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.hero__illustration{flex:1.4;display:flex;justify-content:center;align-items:center}.hero__illustration svg{max-width:100%;height:auto}.hero__image{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000026;object-fit:cover}.intro-section{padding:var(--spacing-sm) 0;background:var(--color-bg-white);text-align:center;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));display:flex;align-items:center}.intro-section__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-light);margin-bottom:var(--spacing-sm)}.intro-section__text{max-width:800px;margin:0 auto var(--spacing-sm);font-size:var(--font-size-body)}.intro-section__illustration{margin-top:var(--spacing-md);display:flex;justify-content:center}.intro-section__illustration .hero__image{max-height:35vh;width:auto;max-width:100%}.process-step{padding:var(--spacing-xl) 0;position:relative;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));display:flex;align-items:center}.process-step--alt{background:transparent}.process-step--gradient{background:linear-gradient(180deg,#1a2a3a,#2d4a5a);color:var(--color-text-light)}.process-step--gradient .process-step__title{color:var(--color-text-light)}.process-step__container{display:flex;align-items:center;gap:var(--spacing-lg)}.process-step__container--reverse{flex-direction:row-reverse}.process-step__content{flex:1}.process-step__number{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-accent);margin-bottom:var(--spacing-sm)}.process-step__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-light);margin-bottom:var(--spacing-md)}.process-step__title .accent{color:var(--color-text-accent)}.process-step__text{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.process-step__illustration{flex:1;display:flex;justify-content:center;align-items:center}.process-step__prompt{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-accent);margin-bottom:var(--spacing-xs);font-style:italic;letter-spacing:.5px}.btn-cta-courses{display:inline-flex;align-items:center;gap:10px;background:var(--color-primary-red);color:var(--color-text-light);padding:14px 32px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);border:2px solid transparent;border-radius:6px;box-shadow:0 4px 15px #d932324d;position:relative;animation:cta-pulse 2.5s ease-in-out infinite}.btn-cta-courses:hover{background:var(--color-primary-red-hover);color:var(--color-text-light);box-shadow:0 6px 25px #d9323266;transform:translateY(-2px)}.btn-cta-courses__arrow{width:20px;height:20px;transition:transform .3s ease}.btn-cta-courses:hover .btn-cta-courses__arrow{transform:translate(4px)}@keyframes cta-pulse{0%,to{box-shadow:0 4px 15px #d932324d}50%{box-shadow:0 4px 25px #d9323280,0 0 0 4px #d9323226}}.cta-section{padding:var(--spacing-xl) 0;text-align:center;background:var(--color-bg-white);position:relative}.cta-section:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid rgba(45,74,90,.2);pointer-events:none;box-shadow:0 0 30px #2d4a5a1a}.cta-section__title{font-size:var(--font-size-h2);margin-bottom:var(--spacing-md)}.cta-section__text{max-width:600px;margin:0 auto var(--spacing-md);font-size:var(--font-size-body)}.cta-section .btn{margin-bottom:var(--spacing-sm)}.footer{background-color:var(--color-bg-dark);color:var(--color-text-light);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer__container{text-align:center}.footer__logo{font-size:36px;font-weight:var(--font-weight-medium);color:var(--color-text-light);text-decoration:none;margin-bottom:var(--spacing-md);display:block}.footer__info{margin-bottom:var(--spacing-md);font-size:var(--font-size-nav);line-height:1.8}.footer__info p{margin-bottom:.5em}.footer__social{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-light);text-decoration:none;transition:var(--transition-base)}.footer__social-link:hover{color:var(--color-text-accent)}.footer__social-link svg{width:24px;height:24px;fill:currentColor}.footer__links{font-size:var(--font-size-small);color:#fff9}.footer__links a{color:#fff9;text-decoration:none;margin:0 10px}.footer__links a:hover{color:var(--color-text-accent)}.icon-placeholder{width:100%;max-width:400px;aspect-ratio:1;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--color-text-light);box-shadow:0 20px 40px #0000001a}.icon-placeholder svg{width:50%;height:auto}.bg-red{background:var(--color-primary-red)}.bg-blue{background:#4a90d9}.bg-gray{background:#2d4a5a}@media(max-width:992px){.hero__container,.process-step__container{flex-direction:column;text-align:center}.process-step__container--reverse{flex-direction:column}.hero__content,.process-step__content{max-width:100%}.hero__illustration,.process-step__illustration{max-width:400px}}@media(max-width:768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + var(--spacing-md));padding-bottom:var(--spacing-md)}.intro-section,.process-step{min-height:auto;padding:var(--spacing-lg) 0}.process-step__container{gap:var(--spacing-md)}.icon-placeholder{max-width:220px}.cta-section:before{top:10px;right:10px;bottom:10px;left:10px}}
