.page-module__idf7XW__main{min-height:100vh;color:var(--color-text-primary,#fff);font-family:var(--font-inter),sans-serif;background-color:#0b0b0f;padding-top:100px;overflow:hidden}.page-module__idf7XW__container{max-width:900px;margin:0 auto;padding:0 24px}.page-module__idf7XW__meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;font-size:.9rem;font-weight:500;display:flex}.page-module__idf7XW__backLink{color:var(--color-primary,#3b82f6);text-decoration:none;transition:transform .2s,color .2s}.page-module__idf7XW__backLink:hover{color:var(--color-primary-hover,#2563eb);transform:translate(-4px)}[dir=rtl] .page-module__idf7XW__backLink{transform:scaleX(-1)}[dir=rtl] .page-module__idf7XW__backLink:hover{transform:scaleX(-1)translate(-4px)}.page-module__idf7XW__category{color:var(--color-primary,#3b82f6);text-transform:uppercase;letter-spacing:.05em;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:600}.page-module__idf7XW__readTime{color:#888}.page-module__idf7XW__hero{border-bottom:1px solid #ffffff0d;padding:60px 0 40px;position:relative}.page-module__idf7XW__heroBackground{pointer-events:none;z-index:1;background:0 0;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.page-module__idf7XW__title{letter-spacing:-.02em;color:#fff;margin-bottom:20px;font-size:2.75rem;font-weight:850;line-height:1.2}.page-module__idf7XW__subtitle{color:#a0a0a8;margin-bottom:32px;font-size:1.25rem;line-height:1.5}.page-module__idf7XW__authorSection{align-items:center;gap:12px;display:flex}.page-module__idf7XW__avatar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.page-module__idf7XW__avatarIcon{color:#a0a0a8;width:20px;height:20px}.page-module__idf7XW__authorMeta{flex-direction:column;display:flex}.page-module__idf7XW__authorName{color:#fff;font-weight:600}.page-module__idf7XW__date{color:#888;margin-top:2px;font-size:.85rem}.page-module__idf7XW__article{padding:60px 0 100px}.page-module__idf7XW__intro{color:#d1d1d6;margin-bottom:48px;font-size:1.15rem;line-height:1.75}.page-module__idf7XW__steps{flex-direction:column;gap:64px;margin-bottom:64px;display:flex}.page-module__idf7XW__stepSection{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:32px;padding-bottom:48px;display:flex}.page-module__idf7XW__stepSection:last-child{border-bottom:none;padding-bottom:0}.page-module__idf7XW__stepContent h2{color:#fff;letter-spacing:-.01em;margin-bottom:16px;font-size:1.75rem;font-weight:800}.page-module__idf7XW__stepContent p{color:#a0a0a8;margin:0;font-size:1.05rem;line-height:1.65}.page-module__idf7XW__screenshotWrapper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.page-module__idf7XW__screenshotWrapperCompact{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.page-module__idf7XW__screenshotLabel{color:var(--color-primary,#3b82f6);background:#3b82f614;border:1px solid #3b82f626;border-radius:100px;padding:4px 12px;font-size:.85rem;font-weight:600}.page-module__idf7XW__phoneFrame{aspect-ratio:9/19.5;background:#000;border:12px solid #181820;border-radius:40px;width:100%;max-width:300px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 50px #000c,inset 0 0 4px #ffffff1a}.page-module__idf7XW__phoneFrameCompact{aspect-ratio:9/19.5;background:#000;border:10px solid #181820;border-radius:32px;width:100%;max-width:260px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #000c,inset 0 0 4px #ffffff1a}.page-module__idf7XW__phoneNotch{z-index:10;background:#181820;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:110px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-module__idf7XW__screenshot{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.page-module__idf7XW__phoneFrame:hover .page-module__idf7XW__screenshot,.page-module__idf7XW__phoneFrameCompact:hover .page-module__idf7XW__screenshot{transform:scale(1.02)}.page-module__idf7XW__screenshotsDouble{flex-wrap:wrap;justify-content:center;gap:32px;width:100%;display:flex}.page-module__idf7XW__featuresSection{border-top:1px solid #ffffff0d;margin:64px 0;padding-top:48px}.page-module__idf7XW__sectionTitle{text-align:center;color:#fff;margin-bottom:24px;font-size:1.85rem;font-weight:800}.page-module__idf7XW__featuresGrid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.page-module__idf7XW__featureCard{background:#14141c4d;border:1px solid #ffffff08;border-radius:20px;padding:24px;transition:transform .2s,border-color .2s}.page-module__idf7XW__featureCard:hover{border-color:#3b82f633;transform:translateY(-4px)}.page-module__idf7XW__featureIcon{width:36px;height:36px;color:var(--color-primary,#3b82f6);margin-bottom:16px}.page-module__idf7XW__featureCard h3{color:#fff;margin-bottom:10px;font-size:1.15rem;font-weight:700}.page-module__idf7XW__featureCard p{color:#8a8a93;font-size:.9rem;line-height:1.5}.page-module__idf7XW__cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-card);margin-top:64px;padding:48px 32px;position:relative;overflow:hidden}.page-module__idf7XW__ctaContent{z-index:2;max-width:600px;margin:0 auto;position:relative}.page-module__idf7XW__cta h2{color:var(--color-text-primary);margin-bottom:12px;font-size:2rem;font-weight:800}.page-module__idf7XW__cta p{color:var(--color-text-secondary);margin-bottom:32px;font-size:1.05rem;line-height:1.5}.page-module__idf7XW__ctaBtn{background:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-xl);transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-card);padding:14px 32px;font-weight:600;text-decoration:none;display:inline-block}.page-module__idf7XW__ctaBtn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}@media (max-width:900px){.page-module__idf7XW__title{font-size:2.25rem}.page-module__idf7XW__featuresGrid{grid-template-columns:1fr;gap:20px}}@media (max-width:640px){.page-module__idf7XW__title{font-size:1.85rem}.page-module__idf7XW__hero{padding:40px 0 30px}.page-module__idf7XW__intro{font-size:1.05rem}.page-module__idf7XW__cta h2{font-size:1.6rem}.page-module__idf7XW__cta{padding:36px 20px}}