.guide-section{margin-top:100px;padding:4rem 0;min-height:100vh}.section-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:#1f1f1f;text-align:center;margin-bottom:2rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#514aa6,#6c5ce7);border-radius:2px}.guide-content{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e0e0e0}.step-card{background:linear-gradient(135deg,#514aa60d,#3ccfff0d);border:2px solid rgba(81,74,166,.1);border-radius:12px;padding:2rem;margin:2rem 0;transition:all .3s ease;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#514aa6,#6c5ce7);transition:width .3s ease}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#514aa6,#6c5ce7);color:#fff;border-radius:50%;font-weight:600;font-size:1.2rem;margin-bottom:1rem}.disconnect-facebook-step-title{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#1f1f1f;margin-bottom:.5rem}.step-description{font-size:clamp(.9375rem,2.5vw,1.1rem);line-height:1.7;color:#4d4d4d;margin-bottom:1rem}.step-action{display:inline-flex;align-items:center;gap:.5rem;background:#514aa6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.step-action:hover{background:#6c5ce7;transform:translateY(-1px);box-shadow:0 4px 12px #514aa64d}.warning-box{background:linear-gradient(135deg,#dc35451a,#ffc1071a);border:2px solid rgba(220,53,69,.2);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.warning-icon{color:#dc3545;font-size:1.5rem;flex-shrink:0;margin-top:2px}.info-box{background:linear-gradient(135deg,#0d6efd1a,#3ccfff1a);border:2px solid rgba(13,110,253,.2);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem}.info-icon{color:#0d6efd;font-size:1.5rem;flex-shrink:0;margin-top:2px}@media (max-width: 500px){.guide-content,.terms-content,.privacy-content{padding:2rem}}@media (max-width: 400px){.guide-content,.terms-content,.privacy-content{padding:1rem}}