.atp{padding-bottom:var(--space-4xl)}.atp .container{max-width:760px}.atp-hero{padding-top:clamp(1rem,4vw,2.5rem);padding-bottom:var(--space-xl)}.atp-note{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);margin-top:var(--space-xl);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);line-height:1.55;font-size:.95rem}.atp-note strong{color:var(--text-primary)}.atp-note-icon{flex-shrink:0;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--text-primary);background:var(--gradient-primary)}.atp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-lg);position:relative}.atp-step{position:relative;display:flex;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle)}.atp-step .seo-step-num{flex-shrink:0;margin-bottom:0}.atp-step--strong{border-color:transparent;background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,var(--gradient-primary) border-box;box-shadow:var(--shadow-glow)}.atp-step-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);min-width:0}.atp-step-title{font-size:1.2rem;font-weight:700;line-height:1.3}.atp-step-text{color:var(--text-secondary);font-size:.97rem;line-height:1.6}.atp-step-warn{font-size:.9rem;font-weight:600;color:var(--text-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--border-medium)}.atp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;margin-top:var(--space-sm);padding:0 var(--space-xl);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-full);cursor:pointer}.atp-btn--ghost{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-medium);font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.atp-btn--ghost:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.atp-btn:active{transform:scale(.97)}.atp-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.atp-rules{padding-top:var(--space-3xl)}.atp-rules .seo-h2{margin-bottom:var(--space-xl)}.atp-rule-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.atp-rule{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle)}.atp-rule h3{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-xs)}.atp-rule p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.atp-footer{padding-top:var(--space-2xl)}.atp-share{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);margin-top:var(--space-3xl);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle)}.atp-share-title{font-size:clamp(1.3rem,4vw,1.7rem);font-weight:800}@media(min-width:720px){.atp-rule-grid{grid-template-columns:repeat(3,1fr)}.atp-step{padding:var(--space-xl)}}@media(max-width:420px){.atp-step{flex-direction:column;gap:var(--space-md)}.atp-btn{width:100%}}@media(prefers-reduced-motion:reduce){.atp-btn:active{transform:none}}