.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:8px 16px;background:#c17a4f;color:#fff;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #c17a4f;--color-primary-hover: #6382ff;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .6);--color-glass-bg: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--radius-card: 16px;--radius-btn: 12px}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(160deg,#0f0f1a,#1a1a3e 40%,#2d2b55,#c17a4f);background-attachment:fixed;color:var(--color-text);min-height:100vh;line-height:1.6}nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f1abf;border-bottom:1px solid var(--color-glass-border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{font-size:1.35rem;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(135deg,#fff,#a0b4ff 60%,#c17a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;padding:.45rem .75rem;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff;background:#ffffff14}.nav-links a[aria-current=page]{color:#a0b4ff}.nav-cta{background:var(--color-primary)!important;color:#fff!important;padding:.45rem 1rem!important;border-radius:var(--radius-btn)!important}.nav-cta:hover{background:var(--color-primary-hover)!important}.glow{position:fixed;border-radius:50%;filter:blur(130px);opacity:.12;pointer-events:none;z-index:0}.glow-1{background:#c17a4f;width:500px;height:500px;top:-150px;right:-150px}.glow-2{background:#7b3fa0;width:400px;height:400px;bottom:10%;left:-150px}.page-wrapper{position:relative;z-index:1}.page-hero{padding:4.5rem 1.5rem 3rem;text-align:center;max-width:760px;margin:0 auto}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:1.5rem;font-size:.82rem;color:var(--color-text-muted)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#fff}.breadcrumb-sep{opacity:.4;font-size:.75rem}.breadcrumb-current{color:#ffffffd9}.time-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:20px;background:#c17a4f26;border:1px solid rgba(193,122,79,.3);font-size:.78rem;font-weight:600;color:#a0b4ff;margin-bottom:1.25rem}.page-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#c0ccff,#8fa4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero .subtitle{font-size:clamp(.95rem,2.5vw,1.15rem);color:var(--color-text-muted);max-width:520px;margin:0 auto;font-weight:400}.content-wrapper{max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem;display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}.steps-container{display:flex;flex-direction:column;gap:2rem}.step-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-card);backdrop-filter:blur(12px);padding:2rem;transition:border-color .2s}.step-card:hover{border-color:#c17a4f4d}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-badge{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#c17a4f4d,#c17a4f1a);border:1.5px solid rgba(193,122,79,.4);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#8fa4ff}.step-header-text h2{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.step-header-text .step-tag{font-size:.72rem;color:var(--color-text-muted);font-weight:500;margin-top:.1rem}.step-body{font-size:.9rem;color:#ffffffbf;line-height:1.65}.step-body p{margin-bottom:.75rem}.step-body p:last-child{margin-bottom:0}.step-tip{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem;padding:.9rem 1rem;background:#c17a4f14;border:1px solid rgba(193,122,79,.18);border-radius:10px;font-size:.82rem;color:#a0b4ffe6;line-height:1.5}.step-tip-icon{font-size:1rem;flex-shrink:0;line-height:1.4}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.method-card{padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.method-card-icon{font-size:1.4rem;margin-bottom:.4rem}.method-card h4{font-size:.82rem;font-weight:700;margin-bottom:.25rem}.method-card p{font-size:.78rem;color:var(--color-text-muted);line-height:1.45;margin-bottom:0!important}.sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:1.25rem}.sidebar-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-card);backdrop-filter:blur(12px);padding:1.5rem}.sidebar-card h3{font-size:.85rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;color:#ffffffe6}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.15rem}.toc-list a{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:7px;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s,background .2s}.toc-list a:hover{color:#fff;background:#ffffff0f}.toc-num{width:20px;height:20px;border-radius:50%;background:#c17a4f26;border:1px solid rgba(193,122,79,.25);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#8fa4ff;flex-shrink:0}.related-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.related-links a{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.related-links a:hover{color:#8fa4ff}.cta-block{margin-top:3rem;text-align:center;padding:3rem 2rem;background:#c17a4f14;border:1px solid rgba(193,122,79,.25);border-radius:20px;backdrop-filter:blur(12px)}.cta-block h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.cta-block p{color:var(--color-text-muted);margin-bottom:1.75rem;font-size:.95rem}.btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:var(--radius-btn);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 20px #c17a4f66}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 28px #c17a4f8c}.btn-ghost{background:#ffffff12;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.btn-ghost:hover{background:#ffffff1f}footer{border-top:1px solid var(--color-glass-border);background:#0f0f1a80;backdrop-filter:blur(12px);padding:3rem 1.5rem 2rem}.footer-inner{max-width:1100px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2.5rem;margin-bottom:2.5rem}.footer-col h4{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col a{color:#fff9;text-decoration:none;font-size:.88rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--color-glass-border);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#fff,#a0b4ff 60%,#c17a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.footer-brand p{color:#fff9;font-size:.88rem;margin-top:.5rem;line-height:1.5}.footer-copy{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:900px){.content-wrapper{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:640px){.method-grid,.sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-block{padding:2rem 1.25rem}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr;gap:1.75rem}.footer-bottom{flex-direction:column;align-items:flex-start}}[id]{scroll-margin-top:80px}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}.nav-toggle-label span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:all .2s ease}.nav-mobile-menu{display:none;flex-direction:column;border-top:1px solid rgba(255,255,255,.08);background:inherit}.nav-mobile-menu a{padding:14px 24px;text-decoration:none;color:inherit;font-size:15px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.nav-mobile-menu a:hover{background:#ffffff0d}.nav-mobile-menu .btn-mobile-cta{color:#c17a4f;font-weight:600}.nav-toggle:checked~.nav-inner .nav-toggle-label span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle:checked~.nav-inner .nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-inner .nav-toggle-label span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-toggle:checked~.nav-mobile-menu{display:flex}@media(max-width:768px){.nav-links{display:none}.nav-toggle-label{display:flex}}