.join-free-page{padding-bottom:1.5rem}.join-free-hero{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1.5rem 2rem;padding:.5rem 1rem 0}.join-free-hero--form-only{justify-content:center}.join-free-hero__preview{flex:1 1 280px;max-width:460px;min-width:0}.join-free-hero__form{flex:1 1 280px;max-width:400px;min-width:0}.join-free-preview-slide{display:flex;flex-direction:column;align-items:center}.join-free-preview-frame{position:relative;width:100%;aspect-ratio:4 / 5;background:#f4f0ea;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #6363632e}.join-free-preview-frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.join-free-preview-name{margin-top:.75rem;padding:0 .5rem;font-size:1.05rem;font-weight:600;color:#333;line-height:1.3;text-align:center}.join-free-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem .7rem;max-width:860px;margin:.75rem auto 0;padding:0 1rem;list-style:none}.join-free-benefits li{background:#f4f7fb;color:#334155;border-radius:999px;padding:.4rem .85rem;font-size:.92rem;font-weight:600;line-height:1.3}.join-free-tutorials{max-width:1100px;margin:2.25rem auto 0;padding:0 1rem}.join-free-tutorials__intro{text-align:center;margin-bottom:1.25rem}.join-free-tutorials__title{font-size:1.35rem;font-weight:700;color:#333;line-height:1.35}.join-free-tutorials__subtitle{margin-top:.35rem;font-size:1.05rem;color:#666}.join-free-tutorials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(154px,190px));justify-content:center;gap:1rem}.join-free-tutorial-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #6363632e;overflow:hidden;display:flex;flex-direction:column}.join-free-tutorial-card__image-wrap{position:relative;aspect-ratio:4 / 5;background:#f4f0ea}.join-free-tutorial-card__image-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.join-free-tutorial-card__badge{position:absolute;top:10px;left:10px;background:#4c92da;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 2px 4px #0000002e}.join-free-tutorial-card__name{padding:.7rem .75rem .85rem;font-size:.92rem;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em}.join-free-community{max-width:1100px;margin:0 auto;padding:0 1rem}.join-free-community__title{text-align:center;font-size:1.25rem;font-weight:600;color:#333;line-height:1.4;margin:2.5rem 0 1rem}.join-free-community__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.join-free-community__grid img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:8px}@media(min-width:768px){.join-free-tutorials__grid{grid-template-columns:repeat(auto-fit,minmax(170px,200px));gap:1.15rem}.join-free-community__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}