*{box-sizing:border-box;margin:0;padding:0}:root{--ds-bg:#0a0c10;--ds-panel:#11161c;--ds-card:#161c24;--ds-primary:#2f81f7;--ds-primary-hover:#1f6feb;--ds-border:#2d3748;--ds-text:#b0b8c5;--ds-text-bright:#f0f6fc;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--cyan:#00e5ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}body{background-color:var(--ds-bg);color:var(--ds-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;scroll-behavior:smooth}.containerP{margin:0 auto;max-width:1400px;padding:0 4%}.heroj{overflow:hidden;padding:60px 0 40px;position:relative;text-align:center}.heroj:before{background:radial-gradient(circle,rgba(47,129,247,.08),transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.heroj-badge{background:rgba(47,129,247,.15);border-radius:50px;color:var(--cyan);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;padding:.4rem 1rem;text-transform:uppercase}.heroj h1{color:#fff;font-size:3.2rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.heroj h1 span{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.heroj p{color:var(--ds-text);font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:800px}.heroj-meta{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.heroj-meta-item{align-items:center;color:var(--ds-text);display:flex;font-size:.85rem;gap:.5rem}.heroj-meta-item i{color:var(--cyan)}.progress-containerP{background:var(--ds-bg);border-bottom:1px solid var(--ds-border);position:sticky;top:0;z-index:100}.progress-bar{background:linear-gradient(90deg,var(--ds-primary),var(--cyan));height:4px;transition:width .3s ease;width:0}.guide-layout{display:grid;gap:3rem;grid-template-columns:1fr 320px;padding:2rem 0 4rem}.guide-content{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--radius-lg);overflow:hidden}.guide-toc{background:var(--ds-card);border-bottom:1px solid var(--ds-border);padding:2rem}.guide-toc h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.toc-list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none}.toc-list li a{background:hsla(0,0%,100%,.03);border-radius:50px;color:var(--ds-text);font-size:.85rem;padding:.3rem .8rem;text-decoration:none;transition:all .3s ease}.toc-list li a:hover{background:rgba(47,129,247,.1);color:var(--cyan)}.guide-article{padding:2rem}.step{margin-bottom:3rem;scroll-margin-top:80px}.step-header{gap:1rem;margin-bottom:1.5rem}.step-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));border-radius:50%;color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:800;height:50px;justify-content:center;width:50px}.step-title{color:#fff;font-size:1.8rem;font-weight:700}.step-content{padding-left:4rem}.step-content h4{color:var(--cyan);font-size:1.1rem;margin:1rem 0 .5rem}.step-content p{margin-bottom:1rem}.step-content ol,.step-content ul{margin:1rem 0;padding-left:1.5rem}.step-content li{margin-bottom:.5rem}.info-box{background:rgba(47,129,247,.08);border-left:4px solid var(--ds-primary)}.info-box,.warning-box{border-radius:var(--radius-sm);margin:1rem 0;padding:1rem 1.5rem}.warning-box{background:rgba(245,158,11,.08);border-left:4px solid var(--warning)}.tip-box{background:rgba(16,185,129,.08);border-left:4px solid var(--success);border-radius:var(--radius-sm);margin:1rem 0;padding:1rem 1.5rem}.guide-table{border-collapse:collapse;margin:1.5rem 0;width:100%}.guide-table td,.guide-table th{border:1px solid var(--ds-border);padding:.8rem;text-align:left}.guide-table th{background:rgba(47,129,247,.1);color:#fff;font-weight:600}.checklist{background:var(--ds-card);border-radius:var(--radius-md);margin:1.5rem 0;padding:1.5rem}.checklist-item{align-items:center;border-bottom:1px solid var(--ds-border);display:flex;gap:.8rem;padding:.6rem 0}.checklist-item:last-child{border-bottom:none}.checklist-item input{accent-color:var(--ds-primary);cursor:pointer;height:18px;width:18px}.guide-sidebar{align-self:start;position:sticky;top:100px}.sidebar-card{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.sidebar-card h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.sidebar-card p{font-size:.85rem;margin-bottom:1rem}.btn1-primary{background:linear-gradient(135deg,var(--ds-primary),var(--cyan));border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn1-primary:hover{box-shadow:0 4px 16px rgba(47,129,247,.3);transform:translateY(-2px)}.btn1-outline{background:transparent;border:1px solid var(--ds-border);border-radius:50px;color:var(--ds-text);display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn1-outline:hover{border-color:var(--ds-primary);color:var(--cyan)}.timeline-item{border-bottom:1px solid var(--ds-border);display:flex;gap:1rem;padding:.8rem 0}.timeline-week{color:var(--cyan);font-weight:700;min-width:60px}.related-articles{margin-top:2rem}.related-item{border-bottom:1px solid var(--ds-border);color:var(--ds-text);display:flex;gap:1rem;padding:.8rem 0;text-decoration:none;transition:all .3s ease}.related-item:hover{color:var(--cyan);transform:translateX(5px)}.related-icon{font-size:1.5rem}.related-title{font-size:.85rem;font-weight:500}.cta-section{background:linear-gradient(135deg,rgba(47,129,247,.08),rgba(0,229,255,.03));border:1px solid var(--ds-border);border-radius:var(--radius-lg);margin:3rem 0;padding:3rem;text-align:center}.cta-section h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.cta-section .btn1-primary{display:inline-block;padding:1rem 2.5rem;width:auto}@media (max-width:900px){.guide-layout{grid-template-columns:1fr}.heroj h1{font-size:2rem}.step-title{font-size:1.3rem}.step-content{padding-left:0}.step-number{font-size:1rem;height:40px;width:40px}}