@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 15px #2563eb00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.page{flex-direction:column;min-height:100vh;display:flex}.hero{background:linear-gradient(135deg,var(--gray-50)0%,white 50%,var(--flow-primary-50)100%);padding:var(--space-8)0;background-size:200% 200%;animation:15s infinite gradientShift;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14 0%,#0000 70%);width:60%;height:100%;position:absolute;top:-50%;right:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9810f 0%,#0000 70%);width:40%;height:80%;position:absolute;bottom:-30%;left:-10%}.hero__container{width:100%;max-width:var(--container-xl);padding:0 var(--space-4);gap:var(--space-6);z-index:1;grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid;position:relative}.hero__content{max-width:42rem}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,var(--warning-light)0%,#fbbf2433 100%);color:var(--warning-dark);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fbbf244d;animation:.6s ease-out fadeInUp;display:inline-flex}.hero__badge .icon{color:var(--warning);animation:2s infinite pulse}.hero__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-3);letter-spacing:-.03em;line-height:1.1;animation:.6s ease-out .1s backwards fadeInUp}.hero__title-accent{color:var(--flow-primary-dark);background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-light)100%);-webkit-background-clip:text;background-clip:text;position:relative}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero__title-accent{color:#0000}}.hero__description{font-size:var(--text-sm);color:var(--gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);max-width:42rem;animation:.6s ease-out .2s backwards fadeInUp}.hero__actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;animation:.6s ease-out .3s backwards fadeInUp;display:flex}.hero__actions .btn-primary{background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);transition:all .3s;box-shadow:0 4px 15px #2563eb4d}.hero__actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.hero__actions .btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;transition:all .3s}.hero__actions .btn-secondary:hover{background:#fff;transform:translateY(-2px)}.hero__stats{align-items:center;gap:var(--space-4);flex-wrap:wrap;animation:.6s ease-out .4s backwards fadeInUp;display:flex}.hero__stat{text-align:center;padding:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);background:#fff9;border:1px solid #fffc;transition:all .3s}.hero__stat:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-3px)}.hero__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--flow-primary-dark);background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);-webkit-background-clip:text;background-clip:text;display:block}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero__stat-value{color:#0000}}.hero__stat-label{font-size:var(--text-xs);color:var(--gray-700);margin-top:var(--space-1);display:block}.hero__stat-divider{display:none}.hero__visual{animation:.8s ease-out .3s backwards fadeInRight;position:relative}.hero__image{position:relative}.hero__image-photo{border-radius:var(--radius-2xl);background:var(--gray-200);width:100%;height:280px;position:relative;overflow:hidden;box-shadow:0 20px 40px #2563eb26}.hero__image-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero__image-placeholder{background:linear-gradient(135deg,var(--flow-primary-100)0%,var(--flow-primary-200)50%,var(--gray-200)100%);border-radius:var(--radius-2xl);justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:280px;color:var(--gray-500);font-size:var(--text-xs);background-size:400% 400%;flex-direction:column;animation:8s infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #2563eb26}.hero__image-placeholder:before{content:"";background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%) 0 0/200% 200%;animation:3s linear infinite shimmer;position:absolute;inset:0}.hero__floating-card{bottom:var(--space-3);left:var(--space-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-3);align-items:center;gap:var(--space-2);background:#fffffff2;border:1px solid #fffc;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.hero__floating-icon{background:linear-gradient(135deg,var(--success)0%,var(--success-dark)100%);border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #10b9814d}.hero__floating-icon .icon{width:16px;height:16px}.hero__floating-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-900)}.hero__floating-text{color:var(--gray-500);font-size:10px}.section{padding:var(--space-12)0;position:relative}.section--gray{background:linear-gradient(180deg,var(--gray-50)0%,white 100%)}.section--primary{background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);background-size:200% 200%;animation:10s infinite gradientShift}.section__container{max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.section__header{text-align:center;margin-bottom:var(--space-8);animation:.6s ease-out fadeInUp}.section__header--with-action{text-align:left;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.section__header--center{text-align:center}.section__header--light .section__eyebrow{color:#fffffff2;background:#ffffff24;border:1px solid #ffffff47}.section__header--light .section__title{color:#fff}.section__header--light .section__description{color:#fffc}.section__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--flow-primary-darker);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--flow-primary-50);border-radius:var(--radius-full);border:1px solid #0d948838;display:inline-block}.section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-3);letter-spacing:-.02em}.section__description{font-size:var(--text-sm);color:var(--gray-600);max-width:500px;line-height:var(--leading-relaxed);margin:0 auto}.section__cta{text-align:center;margin-top:var(--space-8);animation:.6s ease-out .4s backwards fadeInUp}.services-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.service-card{padding:var(--space-4);text-align:center;border-radius:var(--radius-xl);border:1px solid var(--gray-100);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;position:relative;overflow:hidden}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:before{content:"";background:linear-gradient(90deg,var(--flow-primary)0%,var(--flow-primary-light)100%);transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.service-card__icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.service-card:hover .service-card__icon{transform:scale(1.1)}.service-card__cover{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin:0 auto var(--space-3);background:var(--gray-100);position:relative;overflow:hidden}.service-card__cover-img{-o-object-fit:cover;object-fit:cover}.service-card:hover .service-card__cover{box-shadow:0 8px 20px #0000001a}.service-card__icon--primary{background:linear-gradient(135deg,var(--flow-primary-100)0%,var(--flow-primary-50)100%);color:var(--flow-primary);box-shadow:0 4px 12px #2563eb26}.service-card__icon--primary .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.service-card__icon--success{background:linear-gradient(135deg,var(--success-light)0%,#10b9811a 100%);color:var(--success);box-shadow:0 4px 12px #10b98126}.service-card__icon--success .icon{filter:invert(55%)sepia(52%)saturate(594%)hue-rotate(109deg)brightness(97%)contrast(93%)}.service-card__icon--warning{background:linear-gradient(135deg,var(--warning-light)0%,#fbbf241a 100%);color:var(--warning);box-shadow:0 4px 12px #fbbf2426}.service-card__icon--warning .icon{filter:invert(72%)sepia(63%)saturate(1223%)hue-rotate(352deg)brightness(99%)contrast(95%)}.service-card__icon--info{background:linear-gradient(135deg,var(--info-light)0%,#3b82f61a 100%);color:var(--info);box-shadow:0 4px 12px #3b82f626}.service-card__icon--info .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.service-card__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.service-card__description{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.service-card__link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--flow-primary);text-decoration:none;transition:all .3s;display:inline-flex}.service-card__link:hover{color:var(--flow-primary-dark);gap:var(--space-2)}.service-card__link .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%);transition:transform .3s}.service-card__link:hover .icon{transform:translate(4px)}.projects-grid{gap:var(--space-4);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;display:grid}.project-card{border-radius:var(--radius-xl);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;overflow:hidden;box-shadow:0 4px 6px #0000000a}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.project-card--featured{grid-row:span 2}.project-card__image{border-radius:var(--radius-lg)var(--radius-lg)0 0;position:relative;overflow:hidden}.project-card__image-placeholder{background:linear-gradient(135deg,var(--flow-primary-100)0%,var(--gray-200)50%,var(--flow-primary-50)100%);background-size:200% 200%;justify-content:center;align-items:center;height:180px;transition:transform .5s;animation:6s infinite gradientShift;display:flex;position:relative}.project-card:hover .project-card__image-placeholder{transform:scale(1.05)}.project-card--featured .project-card__image-placeholder{height:100%;min-height:300px}.project-card__image-placeholder--small{height:120px}.project-card__image-placeholder .icon{filter:brightness(0)invert(.6);opacity:.7}.project-card__category{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);color:var(--gray-700);background:#fffffff2;position:absolute;box-shadow:0 4px 12px #0000001a}.project-card__content{padding:var(--space-4)}.project-card__title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);transition:color .3s}.project-card:hover .project-card__title{color:var(--flow-primary)}.project-card__description{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.project-card__meta{gap:var(--space-4);display:flex}.project-card__meta-item{align-items:center;gap:var(--space-1);color:var(--gray-500);font-size:10px;display:flex}.project-card__meta-item .icon{filter:brightness(0)invert(.5);width:12px;height:12px}.courses-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.course-card{border-radius:var(--radius-xl);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;overflow:hidden;box-shadow:0 4px 6px #0000000a}.course-card:first-child{animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.course-card__image{border-radius:var(--radius-lg)var(--radius-lg)0 0;position:relative;overflow:hidden}.course-card__image-placeholder{background:linear-gradient(135deg,var(--gray-800)0%,var(--gray-900)100%);background-size:200% 200%;justify-content:center;align-items:center;height:100px;transition:transform .5s;animation:8s infinite gradientShift;display:flex;position:relative}.course-card:hover .course-card__image-placeholder{transform:scale(1.05)}.course-card__image-placeholder:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#2563eb33 100%);transition:opacity .3s;position:absolute;inset:0}.course-card:hover .course-card__image-placeholder:before{opacity:1}.course-card__image-placeholder .icon{filter:brightness(0)invert();opacity:.4}.course-card__badge{top:var(--space-2);right:var(--space-2);padding:var(--space-1)var(--space-2);background:linear-gradient(135deg,var(--success)0%,var(--success-dark)100%);color:#fff;font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;position:absolute;box-shadow:0 4px 8px #10b9814d}.course-card__content{padding:var(--space-3)}.course-card__category{font-size:9px;font-weight:var(--font-bold);color:var(--flow-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.course-card__title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-1);line-height:var(--leading-tight);transition:color .3s}.course-card:hover .course-card__title{color:var(--flow-primary)}.course-card__description{color:var(--gray-600);margin-bottom:var(--space-2);font-size:10px;line-height:var(--leading-relaxed)}.course-card__meta{gap:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-100);display:flex}.course-card__meta-item{align-items:center;gap:var(--space-1);color:var(--gray-500);font-size:9px;display:flex}.course-card__meta-item .icon{filter:brightness(0)invert(.6);width:10px;height:10px}.course-card__footer{justify-content:space-between;align-items:center;display:flex}.course-card__rating{font-size:10px;font-weight:var(--font-semibold);color:var(--gray-900);align-items:center;gap:2px;display:flex}.course-card__rating .icon{filter:invert(72%)sepia(63%)saturate(1223%)hue-rotate(352deg)brightness(99%)contrast(95%);width:12px;height:12px}.course-card__price{font-size:var(--text-sm);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.news-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.news-card{border-radius:var(--radius-xl);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;overflow:hidden;box-shadow:0 4px 6px #0000000a}.news-card:first-child{animation-delay:.1s}.news-card:nth-child(2){animation-delay:.2s}.news-card:nth-child(3){animation-delay:.3s}.news-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.news-card__image{border-radius:var(--radius-lg)var(--radius-lg)0 0;overflow:hidden}.news-card__image-placeholder{background:linear-gradient(135deg,var(--gray-100)0%,var(--flow-primary-50)50%,var(--gray-200)100%);background-size:200% 200%;justify-content:center;align-items:center;height:100px;transition:transform .5s;animation:6s infinite gradientShift;display:flex}.news-card:hover .news-card__image-placeholder{transform:scale(1.05)}.news-card__image-placeholder .icon{filter:brightness(0)invert(.7);opacity:.6}.news-card__content{padding:var(--space-3)}.news-card__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.news-card__category{font-size:9px;font-weight:var(--font-bold);color:var(--flow-primary);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-1)var(--space-2);background:var(--flow-primary-50);border-radius:var(--radius-full)}.news-card__date{color:var(--gray-500);font-size:9px}.news-card__title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-1);line-height:var(--leading-tight);transition:color .3s}.news-card:hover .news-card__title{color:var(--flow-primary)}.news-card__excerpt{color:var(--gray-600);font-size:10px;line-height:var(--leading-relaxed)}.cta-section{background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)50%,var(--flow-primary-darker)100%);padding:var(--space-10)0;background-size:200% 200%;animation:8s infinite gradientShift;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:60%;height:200%;position:absolute;top:-50%;right:-20%}.cta-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 60%);width:50%;height:150%;position:absolute;bottom:-50%;left:-10%}.cta-section__container{max-width:var(--container-xl);padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);z-index:1;flex-wrap:wrap;margin:0 auto;display:flex;position:relative}.cta-section__content{animation:.6s ease-out fadeInLeft}.cta-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin-bottom:var(--space-1);letter-spacing:-.02em}.cta-section__description{font-size:var(--text-sm);color:#fffc}.cta-section__actions{gap:var(--space-3);animation:.6s ease-out .2s backwards fadeInRight;display:flex}.cta-section__actions .btn{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-lg);align-items:center;gap:var(--space-2);text-decoration:none;transition:all .3s;display:inline-flex}.cta-section__actions .btn-light{color:var(--flow-primary);background:#fff;box-shadow:0 4px 15px #0000001a}.cta-section__actions .btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-section__actions .btn-outline{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:2px solid #ffffff4d}.cta-section__actions .btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.animate-on-scroll{opacity:0;transition:all .6s ease-out;transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{animation-delay:.1s!important}.stagger-2{animation-delay:.2s!important}.stagger-3{animation-delay:.3s!important}.stagger-4{animation-delay:.4s!important}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80}.gradient-text{background:linear-gradient(135deg,var(--flow-primary)0%,var(--flow-primary-dark)100%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.hero__container,.services-grid,.projects-grid,.courses-grid,.news-grid{grid-template-columns:1fr}.project-card--featured{grid-row:span 1}.cta-section__container{text-align:center;flex-direction:column}}