.page-module__E0kJGG__hero{text-align:center;min-height:100vh;padding:calc(var(--navbar-height) + var(--space-8))var(--space-6)var(--space-16);background:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-module__E0kJGG__hero:before{content:"";background:radial-gradient(circle at 30% 40%,#6366f114 0%,#0000 50%),radial-gradient(circle at 70% 60%,#22d3ee0f 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite page-module__E0kJGG__float;position:absolute;top:-50%;left:-50%}.page-module__E0kJGG__hero-content{z-index:1;max-width:720px;animation:.8s forwards page-module__E0kJGG__slideUp;position:relative}.page-module__E0kJGG__hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-primary-light);margin-bottom:var(--space-8);background:#6366f11f;border:1px solid #6366f133;font-weight:500;display:inline-flex}.page-module__E0kJGG__hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:800;line-height:1.1}.page-module__E0kJGG__hero-title .page-module__E0kJGG__highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-module__E0kJGG__hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}.page-module__E0kJGG__hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-module__E0kJGG__activity-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#fbbf24;margin-bottom:var(--space-8);background:#fbbf241a;border:1px solid #fbbf2433;font-weight:500;animation:.8s forwards page-module__E0kJGG__fadeIn;display:inline-flex}.page-module__E0kJGG__how-it-works{padding:var(--space-16)var(--space-6)var(--space-12);background:var(--color-bg-secondary);position:relative;overflow:hidden}.page-module__E0kJGG__how-it-works:before{content:"";background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.page-module__E0kJGG__how-header{text-align:center;margin-bottom:var(--space-16);animation:.6s forwards page-module__E0kJGG__fadeIn}.page-module__E0kJGG__how-eyebrow{font-size:var(--font-size-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary-light);border-radius:var(--radius-full);padding:var(--space-1)var(--space-4);margin-bottom:var(--space-4);background:#6366f11a;border:1px solid #6366f133;font-weight:700;display:inline-block}.page-module__E0kJGG__how-title{font-size:var(--font-size-4xl);letter-spacing:-.02em;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.page-module__E0kJGG__how-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.page-module__E0kJGG__how-layout{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto;display:grid}.page-module__E0kJGG__steps-list{flex-direction:column;gap:0;display:flex}.page-module__E0kJGG__step-item{gap:var(--space-4);padding:var(--space-5)var(--space-5);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;width:100%;display:flex;position:relative}.page-module__E0kJGG__step-item:hover{background:#ffffff08}.page-module__E0kJGG__step-active{border-color:var(--step-color,var(--color-border));box-shadow:0 0 0 1px var(--step-color),inset 0 0 30px #0003;background:#ffffff0a}.page-module__E0kJGG__step-number-wrap{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.page-module__E0kJGG__step-number{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);width:36px;height:36px;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.page-module__E0kJGG__step-active .page-module__E0kJGG__step-number{background:var(--step-color);border-color:var(--step-color);color:#fff;box-shadow:0 0 12px var(--step-glow)}.page-module__E0kJGG__step-connector{background:var(--color-border);width:2px;min-height:32px;margin:var(--space-2)0;transition:background var(--transition-base);border-radius:2px;flex:1}.page-module__E0kJGG__connector-done{background:var(--step-color,var(--color-primary))}.page-module__E0kJGG__step-text{gap:var(--space-3);flex:1;align-items:flex-start;display:flex}.page-module__E0kJGG__step-icon{transition:transform var(--transition-base);flex-shrink:0;margin-top:2px;font-size:1.5rem;display:block}.page-module__E0kJGG__step-active .page-module__E0kJGG__step-icon{transform:scale(1.15)}.page-module__E0kJGG__step-title{font-size:var(--font-size-base);margin-bottom:var(--space-1);color:var(--color-text);transition:color var(--transition-fast);font-weight:700}.page-module__E0kJGG__step-active .page-module__E0kJGG__step-title{color:var(--step-color)}.page-module__E0kJGG__step-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.page-module__E0kJGG__step-preview{top:calc(var(--navbar-height) + var(--space-8));gap:var(--space-5);flex-direction:column;display:flex;position:sticky}.page-module__E0kJGG__preview-glow{background:radial-gradient(circle,var(--step-glow,#6366f133)0%,transparent 70%);pointer-events:none;z-index:0;width:300px;height:300px;transition:background var(--transition-slow);position:absolute;top:-20%;left:50%;transform:translate(-50%)}.page-module__E0kJGG__preview-card{z-index:1;padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--step-color,var(--color-border));border-radius:var(--radius-xl);box-shadow:0 0 30px var(--step-glow,transparent);text-align:center;transition:border-color var(--transition-base),box-shadow var(--transition-base);animation:.3s forwards page-module__E0kJGG__fadeInScale;position:relative}.page-module__E0kJGG__preview-step-badge{top:var(--space-4);right:var(--space-4);font-size:var(--font-size-xs);color:var(--step-color);border:1px solid var(--step-color);border-radius:var(--radius-full);padding:2px var(--space-3);letter-spacing:.08em;background:#ffffff0f;font-weight:800;position:absolute}.page-module__E0kJGG__preview-icon{margin-bottom:var(--space-4);font-size:3.5rem;animation:3s ease-in-out infinite page-module__E0kJGG__float;display:block}.page-module__E0kJGG__preview-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}.page-module__E0kJGG__preview-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.page-module__E0kJGG__preview-dots{justify-content:center;gap:var(--space-2);display:flex}.page-module__E0kJGG__preview-dot{border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-base);border:none;padding:0}.page-module__E0kJGG__dot-active{background:var(--step-color,var(--color-primary));width:24px;box-shadow:0 0 8px var(--step-glow)}.page-module__E0kJGG__mock-ui{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.page-module__E0kJGG__mock-bar{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex}.page-module__E0kJGG__mock-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;display:block}.page-module__E0kJGG__mock-url{margin-left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-3);text-align:center;flex:1}.page-module__E0kJGG__mock-body{background:linear-gradient(#1a2035 0%,#0a1020 100%);height:180px;position:relative;overflow:hidden}.page-module__E0kJGG__mock-map-area{width:100%;height:100%;position:relative}.page-module__E0kJGG__mock-building{background:#6366f133;border:1px solid #6366f166;border-radius:3px;animation:3s ease-in-out infinite page-module__E0kJGG__pulse;position:absolute}.page-module__E0kJGG__mock-building:nth-child(2){animation-delay:.5s}.page-module__E0kJGG__mock-building:nth-child(3){animation-delay:1s}.page-module__E0kJGG__mock-building:nth-child(4){animation-delay:1.5s}.page-module__E0kJGG__mock-pin{z-index:2;flex-direction:column;align-items:center;animation:2s ease-in-out infinite page-module__E0kJGG__float;display:flex;position:absolute;top:28%;left:38%}.page-module__E0kJGG__mock-pin span{filter:drop-shadow(0 0 8px #6366f1cc);font-size:1.4rem}.page-module__E0kJGG__mock-popup{background:var(--color-bg-card);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);margin-top:var(--space-1);white-space:nowrap;flex-direction:column;gap:2px;display:flex;box-shadow:0 0 12px #6366f14d}.page-module__E0kJGG__mock-popup-name{color:var(--color-text);font-size:10px;font-weight:700}.page-module__E0kJGG__mock-popup-count{color:var(--color-text-secondary);font-size:9px}.page-module__E0kJGG__how-cta{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-16);padding:var(--space-8)var(--space-10);border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f114 0%,#22d3ee0d 100%);border:1px solid #6366f126;max-width:700px;margin-left:auto;margin-right:auto;display:flex}.page-module__E0kJGG__how-cta p{font-size:var(--font-size-lg);color:var(--color-text);margin:0;font-weight:600}.page-module__E0kJGG__footer{padding:var(--space-8)var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.page-module__E0kJGG__footer-links{gap:var(--space-6);margin-bottom:var(--space-2);display:flex}.page-module__E0kJGG__footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.page-module__E0kJGG__footer-links a:hover{color:var(--color-primary-light)}@media (max-width:900px){.page-module__E0kJGG__how-layout{grid-template-columns:1fr}.page-module__E0kJGG__step-preview{order:-1;position:relative;top:auto}.page-module__E0kJGG__how-cta{text-align:center;gap:var(--space-4);margin-top:var(--space-10);flex-direction:column}}@media (max-width:768px){.page-module__E0kJGG__hero-title{font-size:var(--font-size-3xl)}.page-module__E0kJGG__hero-subtitle{font-size:var(--font-size-base)}.page-module__E0kJGG__how-title{font-size:var(--font-size-3xl)}.page-module__E0kJGG__step-item{padding:var(--space-4)}}@media (max-width:480px){.page-module__E0kJGG__how-layout{gap:var(--space-6)}}