.ex-page *,.ex-page :before,.ex-page :after{box-sizing:border-box;margin:0;padding:0}.ex-page{--green-dark:#0d0d0f;--green-mid:#1a1a1f;--lime:#ffc800;--lime-soft:#fff3bf;--off-white:#fafafb;--gray-text:#5e5e66;--white:#fff;--purple:#f5a300;--yellow:#ffc800;--yellow-hover:#eab600;--yellow-soft:#fff3bf;--amber:#f5a300;--text-main:#121212;--text-muted:#8b8b95;--border-soft:#e7e7ec;--border-medium:#d4d4dc;--radius-lg:24px;--radius-md:16px;--radius-pill:999px;--shadow-sm:0 4px 14px #00000014;--shadow-md:0 8px 32px #0000001c;--shadow-lg:0 12px 48px #00000024}.ex-page .ex-feat-icon-wrap{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;display:flex}.ex-page .ex-feat-icon-wrap svg{width:34px;height:34px}.ex-page .icon-bg-green{background:#0d0d0f14}.ex-page .icon-bg-blue{background:#ffc80024}.ex-page .icon-bg-teal{background:#fff3bfcc}.ex-page .icon-bg-purple{background:#f5a30024}.ex-page .icon-bg-amber{background:#eab60029}.ex-page .ex-hero-section{align-items:center;min-height:340px;margin-bottom:0;display:flex;position:relative;overflow:hidden}.ex-page .ex-hero-bg{z-index:0;background-image:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1400&q=80&fit=crop);background-position:50% 40%;background-size:cover;position:absolute;inset:0}.ex-page .ex-hero-bg:after{content:"";background:linear-gradient(135deg,#0d0d0fe0 0%,#1a1a1fd1 50%,#0d0d0fe0 100%);position:absolute;inset:0}.ex-page .ex-hero-content{z-index:1;max-width:680px;padding:clamp(44px,7vw,80px) clamp(24px,6vw,64px);position:relative}.ex-page .ex-hero-badge{color:#0d0d0f;letter-spacing:.07em;text-transform:uppercase;background:#ffc800;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 18px;font-size:.78rem;font-weight:700;display:inline-flex}.ex-page .ex-hero-content h1{color:#fff;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.07}.ex-page .ex-hero-content h1 span{color:#ffc800}.ex-page .ex-hero-content p{color:#ffffffd6;max-width:520px;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.65}.ex-page .ex-main{max-width:1180px;margin:0 auto;padding:56px clamp(24px,6vw,64px) 0}.ex-page .ex-section{margin-bottom:56px}.ex-page .ex-section-title{color:var(--green-dark);letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:800}.ex-page .ex-section-title.centered{text-align:center}.ex-page .ex-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ex-page .ex-feat-card{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;padding:28px 22px 24px;transition:transform .2s,box-shadow .2s;display:flex}.ex-page .ex-feat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ex-page .ex-feat-card h3{color:var(--green-dark);letter-spacing:-.01em;margin-bottom:10px;font-size:1.1rem;font-weight:800}.ex-page .ex-feat-card p{color:var(--gray-text);font-size:.92rem;line-height:1.6}.ex-page .ex-testi-wrap{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px 28px}.ex-page .ex-testi-header{color:var(--green-dark);text-align:center;letter-spacing:-.01em;margin-bottom:24px;font-size:1.15rem;font-weight:800}.ex-page .ex-testi-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ex-page .ex-testi-card{background:var(--off-white);border-radius:var(--radius-md);padding:20px}.ex-page .ex-stars{color:#f5a300;gap:3px;margin-bottom:10px;font-size:1.1rem;display:flex}.ex-page .ex-testi-text{color:var(--gray-text);margin-bottom:14px;font-size:.93rem;font-style:italic;line-height:1.6}.ex-page .ex-testi-name{color:var(--green-dark);font-size:.93rem;font-weight:700}.ex-page .ex-cta-title{color:var(--green-dark);text-align:center;letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900}.ex-page .ex-cta-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:860px;margin:0 auto;padding-bottom:64px;display:grid}.ex-page .ex-cta-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;padding:36px 28px 28px;display:flex;position:relative;overflow:hidden}.ex-page .ex-cta-card:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.ex-page .ex-cta-card.card-alumno:before{background:var(--green-dark)}.ex-page .ex-cta-card.card-creador:before{background:var(--yellow)}.ex-page .ex-cta-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:1.8rem;display:flex}.ex-page .card-alumno .ex-cta-icon{background:#0d0d0f14}.ex-page .card-creador .ex-cta-icon{background:#ffc8002e}.ex-page .ex-cta-card h3{color:var(--green-dark);letter-spacing:-.01em;margin-bottom:10px;font-size:1.5rem;font-weight:800}.ex-page .ex-cta-card p{color:var(--gray-text);flex:1;margin-bottom:24px;font-size:.93rem;line-height:1.6}.ex-page .ex-cta-btn{border-radius:var(--radius-md);letter-spacing:.03em;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .18s,transform .15s,box-shadow .18s;display:flex}.ex-page .ex-cta-btn:hover{filter:brightness(1.07);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ex-page .btn-alumno-cta{background:var(--green-dark);color:var(--white)}.ex-page .btn-creador-cta{background:var(--yellow);color:var(--green-dark)}.ex-page .btn-creador-cta:hover{background:var(--yellow-hover);filter:none}@media (min-width:601px){.ex-page .ex-hero-section{justify-content:center}.ex-page .ex-hero-content{text-align:center;max-width:760px;padding-left:clamp(24px,6vw,64px);padding-right:clamp(24px,6vw,64px)}.ex-page .ex-hero-content p{margin:0 auto}}@media (max-width:860px){.ex-page .ex-features-grid{grid-template-columns:1fr;gap:16px}.ex-page .ex-testi-grid,.ex-page .ex-cta-grid{grid-template-columns:1fr}}@media (max-width:600px){.ex-page .ex-main{padding-top:36px}.ex-page .ex-testi-wrap{padding:22px 16px}.ex-page .ex-cta-card{padding:28px 20px 22px}}