body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#000,#1a1a1a 50%,#2d2d2d);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh;position:relative}.main-content{margin:0 auto;max-width:1200px;padding:0 20px}.section-header{margin-bottom:3rem;padding:0 20px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6,#af52de);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem}.section-header p{color:#8e8e93;font-size:1.1rem;margin:0 auto;max-width:600px}.steps-section{margin:4rem 0}.steps-container{display:flex;flex-direction:column;gap:2rem}@media (max-width:768px){.main-content{padding:0 15px}.section-header h2{font-size:2rem}.steps-container{gap:1.5rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideInUp .6s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056cc,#4b4acf)}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0000001a;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.header.scrolled{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#000c}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{filter:drop-shadow(0 0 10px rgba(0,122,255,.5));font-size:1.8rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text}.nav{display:flex;gap:2rem}.nav-link{border-radius:20px;color:#fffc;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.header-content{padding:1rem}.nav{gap:1rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.logo-text{display:none}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.gradient-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#007aff,#5856d6);height:300px;left:10%;top:20%;width:300px}.orb-2{animation-delay:2s;background:linear-gradient(135deg,#af52de,#ff2d92);height:200px;right:15%;top:60%;width:200px}.orb-3{animation-delay:4s;background:linear-gradient(135deg,#ff9500,#ff2d92);bottom:10%;height:250px;left:20%;width:250px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{max-width:1200px;text-align:center;width:100%;z-index:1}.hero-text{margin-bottom:4rem}.hero-title{color:#fff;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6,#af52de);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#8e8e93;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;margin:0 auto;max-width:700px}.hero-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:900px}.info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.info-card:hover:before{left:100%}.info-card:hover{background:#ffffff1a;border-color:#007aff4d;box-shadow:0 20px 40px #007aff1a;transform:translateY(-10px)}.card-icon{filter:drop-shadow(0 0 20px rgba(0,122,255,.5));font-size:3rem;margin-bottom:1rem}.info-card h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.info-card p{color:#8e8e93;font-size:1rem;line-height:1.5}.cta-section{margin-top:3rem}.cta-button{background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:50px;box-shadow:0 10px 30px #007aff4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:1.2rem 3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.cta-button:hover .button-shine{left:100%}.cta-button:hover{background:linear-gradient(135deg,#0056cc,#4b4acf);box-shadow:0 15px 40px #007aff66;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}@media (max-width:768px){.hero{padding:5rem 1rem 3rem}.hero-cards{gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.info-card{padding:1.5rem}.cta-button{font-size:1.1rem;padding:1rem 2.5rem}}.step-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card.active{border-color:#007aff80;box-shadow:0 20px 40px #007aff1a}.step-card.completed{background:#34c7590d;border-color:#34c75980}.step-card:hover{background:#ffffff14;border-color:#fff3}.step-card-header{cursor:pointer;gap:1rem;padding:1.5rem;-webkit-user-select:none;user-select:none}.step-card-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;box-shadow:0 8px 20px #007aff4d;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.step-card.completed .step-number{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 8px 20px #34c7594d}.step-info{flex:1 1}.step-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.step-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.step-icon{font-size:1.5rem;opacity:.8}.step-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.difficulty-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.time-estimate{align-items:center;color:#8e8e93;display:flex;font-size:.9rem;gap:.3rem}.step-content{overflow:hidden}.step-content-inner{padding:0 1.5rem 1.5rem}.step-list{counter-reset:step-counter;list-style:none;margin:0 0 1.5rem;padding:0}.step-item{border-left:2px solid #ffffff1a;color:#e5e5e7;counter-increment:step-counter;line-height:1.6;margin-left:1rem;padding:.8rem 0 .8rem 3rem;position:relative}.step-item:before{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.8rem;font-weight:600;height:1.8rem;justify-content:center;left:-1.2rem;position:absolute;top:.8rem;width:1.8rem}.step-item:last-child{border-left-color:#0000}.step-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.external-link-button{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:25px;box-shadow:0 6px 20px #007aff4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.external-link-button:hover{background:linear-gradient(135deg,#0056cc,#4b4acf);box-shadow:0 8px 25px #007aff66;color:#fff;text-decoration:none;transform:translateY(-2px)}.external-icon{font-size:.8rem;opacity:.8}.complete-button{background:linear-gradient(135deg,#34c759,#30d158);border:none;border-radius:25px;box-shadow:0 6px 20px #34c7594d;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.complete-button:hover{background:linear-gradient(135deg,#28cd41,#32d74b);box-shadow:0 8px 25px #34c75966;transform:translateY(-2px)}.completed-message{align-items:center;color:#34c759;display:flex;font-weight:600;gap:.5rem}@media (max-width:768px){.step-card-header{padding:1rem}.step-content-inner{padding:0 1rem 1rem}.step-number{font-size:1rem;height:40px;width:40px}.step-title{font-size:1.1rem}.step-meta{gap:.5rem}.step-item{padding-left:2.5rem}.step-item:before{font-size:.7rem;height:1.5rem;left:-1rem;width:1.5rem}.step-actions{flex-direction:column;gap:.8rem}.external-link-button{font-size:.85rem;padding:.7rem 1.5rem}}.troubleshooting-section{margin:4rem 0}.troubleshooting-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:900px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.troubleshooting-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px)}.troubleshooting-header{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;-webkit-user-select:none;user-select:none}.troubleshooting-icon{align-items:center;background:linear-gradient(135deg,#ff3b30,#ff2d92);border-radius:50%;box-shadow:0 10px 25px #ff3b304d;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.troubleshooting-info{flex:1 1}.troubleshooting-info h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.troubleshooting-info p{color:#8e8e93;font-size:1rem;margin:0}.troubleshooting-content{overflow:hidden}.troubleshooting-content-inner{padding:0 1.5rem 1.5rem}.troubleshooting-list{counter-reset:troubleshooting-counter;list-style:none;margin:0 0 2rem;padding:0}.troubleshooting-item{border-left:2px solid #ff3b304d;color:#e5e5e7;counter-increment:troubleshooting-counter;font-size:1rem;line-height:1.6;margin-left:1.5rem;padding:1rem 0 1rem 3.5rem;position:relative}.troubleshooting-item:before{align-items:center;background:linear-gradient(135deg,#ff3b30,#ff2d92);border-radius:50%;box-shadow:0 4px 12px #ff3b304d;color:#fff;content:counter(troubleshooting-counter);display:flex;font-size:.9rem;font-weight:700;height:2.2rem;justify-content:center;left:-1.5rem;position:absolute;top:1rem;width:2.2rem}.troubleshooting-item:last-child{border-left-color:#0000}.additional-tips{background:#5856d61a;border:1px solid #5856d633;border-radius:16px;margin-top:2rem;padding:2rem}.additional-tips h4{color:#5856d6;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.tip-card:hover{background:#ffffff14;border-color:#5856d64d;transform:translateY(-3px)}.tip-icon{display:block;font-size:2rem;margin-bottom:1rem}.tip-card h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .8rem}.tip-card p{color:#8e8e93;font-size:.9rem;line-height:1.5;margin:0}.expand-button{align-items:center;background:none;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.expand-button:hover{background:#ffffff1a;color:#fff}.warning-box{align-items:flex-start;background:#ff9f0a1a;border:1px solid #ff9f0a4d;border-radius:12px;display:flex;gap:.8rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.warning-box p{color:#ff9500;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.troubleshooting-header{padding:1rem}.troubleshooting-content-inner{padding:0 1rem 1rem}.troubleshooting-icon{font-size:1.5rem;height:50px;width:50px}.troubleshooting-info h3{font-size:1.2rem}.troubleshooting-item{margin-left:1rem;padding-left:3rem}.troubleshooting-item:before{font-size:.8rem;height:2rem;left:-1.2rem;width:2rem}.additional-tips{padding:1.5rem}.tips-grid{gap:1rem;grid-template-columns:1fr}.tip-card{padding:1.2rem}}.key-guide-section{margin:4rem 0}.key-guide-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:800px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.key-guide-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px)}.key-card-header{cursor:pointer;gap:1rem;padding:1.5rem;-webkit-user-select:none;user-select:none}.key-card-header,.key-icon{align-items:center;display:flex}.key-icon{background:linear-gradient(135deg,#ff9500,#ff2d92);border-radius:50%;box-shadow:0 10px 25px #ff95004d;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.key-info{flex:1 1}.key-info h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.key-info p{color:#8e8e93;font-size:1rem;margin:0}.key-content{overflow:hidden}.key-content-inner{padding:0 1.5rem 1.5rem}.key-steps-list{counter-reset:key-step-counter;list-style:none;margin:0 0 2rem;padding:0}.key-step-item{border-left:2px solid #ff95004d;color:#e5e5e7;counter-increment:key-step-counter;font-size:1rem;line-height:1.6;margin-left:1.5rem;padding:1rem 0 1rem 3.5rem;position:relative}.key-step-item:before{align-items:center;background:linear-gradient(135deg,#ff9500,#ff2d92);border-radius:50%;box-shadow:0 4px 12px #ff95004d;color:#fff;content:counter(key-step-counter);display:flex;font-size:.9rem;font-weight:700;height:2.2rem;justify-content:center;left:-1.5rem;position:absolute;top:1rem;width:2.2rem}.key-step-item:last-child{border-left-color:#0000}.key-tips{background:#007aff1a;border:1px solid #007aff33;border-radius:12px;margin-top:2rem;padding:1.5rem}.key-tips h4{color:#007aff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.key-tips ul{list-style:none;margin:0;padding:0}.key-tips li{color:#e5e5e7;line-height:1.5;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.key-tips li:before{content:"💡";left:0;position:absolute;top:0}.key-tips li:last-child{margin-bottom:0}@media (max-width:768px){.key-card-header{padding:1rem}.key-content-inner{padding:0 1rem 1rem}.key-icon{font-size:1.5rem;height:50px;width:50px}.key-info h3{font-size:1.2rem}.key-step-item{margin-left:1rem;padding-left:3rem}.key-step-item:before{font-size:.8rem;height:2rem;left:-1.2rem;width:2rem}.key-tips{padding:1rem}}.footer{background:linear-gradient(180deg,#0000,#000c);margin-top:6rem;padding:4rem 0 2rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-main{margin-bottom:3rem;text-align:center}.footer-logo{align-items:center;display:flex;gap:.8rem;justify-content:center;margin-bottom:1rem}.footer-logo-icon{filter:drop-shadow(0 0 20px rgba(0,122,255,.5));font-size:2.5rem}.footer-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6,#af52de);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.footer-description{color:#8e8e93;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.footer-links{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.footer-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;position:relative}.footer-section h4:after{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:1px;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.8rem}.footer-section a{align-items:center;color:#8e8e93;display:inline-flex;gap:.5rem;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#007aff;transform:translateX(5px)}.footer-section a[target=_blank]:after{content:"↗";font-size:.8rem;opacity:.6}.footer-bottom{margin-top:2rem}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin-bottom:2rem}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-bottom-content p{color:#8e8e93;font-size:.9rem;margin:0}.footer-social{align-items:center;display:flex;gap:1rem}.footer-social span{color:#8e8e93;font-size:.9rem}@media (max-width:768px){.footer{margin-top:4rem;padding:3rem 0 2rem}.footer-content{padding:0 1rem}.footer-links{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-section h4:after{left:50%;transform:translateX(-50%)}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-logo-text{font-size:1.5rem}.footer-description{font-size:1rem}}.floating-action-button{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:50%;bottom:2rem;box-shadow:0 8px 25px #007aff66;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1000}.floating-action-button:hover{background:linear-gradient(135deg,#0056cc,#4b4acf);box-shadow:0 12px 35px #007aff80}.fab-icon{color:#fff;font-size:1.5rem;font-weight:700;position:relative;z-index:2}.fab-ripple{background:#ffffff4d;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.floating-action-button:active .fab-ripple{height:100%;width:100%}@media (max-width:768px){.floating-action-button{bottom:1.5rem;height:50px;right:1.5rem;width:50px}.fab-icon{font-size:1.3rem}}
/*# sourceMappingURL=main.81cb6a18.css.map*/