@keyframes page-module__4hkBTa__tutFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page-module__4hkBTa__tutorialPage{min-height:100vh;padding:0}.page-module__4hkBTa__header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100;background:#ffffffd9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.page-module__4hkBTa__logoArea{color:var(--color-text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.page-module__4hkBTa__logoArea img{border-radius:10px;width:36px;height:36px}.page-module__4hkBTa__logoArea span{font-family:var(--font-display);background:var(--gradient-romantic);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.page-module__4hkBTa__backBtn{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal)var(--ease-smooth);align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.page-module__4hkBTa__backBtn:hover{color:var(--color-primary);border-color:var(--color-primary);background:#fff;transform:translate(-4px)}.page-module__4hkBTa__hero{text-align:center;padding:48px 24px 32px}.page-module__4hkBTa__heroIcon{animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back)both;margin-bottom:12px;font-size:3rem}.page-module__4hkBTa__heroTitle{background:var(--gradient-romantic);-webkit-text-fill-color:transparent;animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back)50ms both;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.page-module__4hkBTa__heroSubtitle{color:var(--color-text-secondary);animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back).1s both;font-size:1rem}.page-module__4hkBTa__stepsContainer{max-width:640px;margin:0 auto;padding:0 24px 60px}.page-module__4hkBTa__stepCard{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back)both;transition:all var(--duration-normal)var(--ease-smooth);margin-bottom:24px;padding:28px;position:relative}.page-module__4hkBTa__stepCard:hover{box-shadow:var(--shadow-medium);border-color:#ff6b8a40}.page-module__4hkBTa__stepCard:first-child{animation-delay:.15s}.page-module__4hkBTa__stepCard:nth-child(2){animation-delay:.25s}.page-module__4hkBTa__stepCard:nth-child(3){animation-delay:.35s}.page-module__4hkBTa__stepCard:nth-child(4){animation-delay:.45s}.page-module__4hkBTa__stepNumber{background:var(--gradient-romantic);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:-14px;left:24px;box-shadow:0 4px 12px #ff6b8a4d}.page-module__4hkBTa__stepContent{align-items:flex-start;gap:20px;display:flex}.page-module__4hkBTa__stepIllustration{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;display:flex}.page-module__4hkBTa__stepText{flex:1}.page-module__4hkBTa__stepTitle{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:8px;font-size:1.15rem;font-weight:700}.page-module__4hkBTa__stepDesc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.page-module__4hkBTa__stepDesc strong{color:var(--color-primary);font-weight:600}.page-module__4hkBTa__highlight{color:var(--color-primary-dark);border-radius:var(--radius-full);background:#ff6b8a1a;align-items:center;gap:4px;margin-top:8px;padding:2px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.page-module__4hkBTa__connector{background:var(--gradient-romantic);opacity:.3;width:2px;height:20px;margin:0 auto}.page-module__4hkBTa__doneSection{text-align:center;animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back).55s both;padding:32px 24px}.page-module__4hkBTa__doneIcon{margin-bottom:12px;font-size:3rem}.page-module__4hkBTa__doneTitle{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:8px;font-size:1.3rem;font-weight:700}.page-module__4hkBTa__doneDesc{color:var(--color-text-secondary);margin-bottom:20px;font-size:.9rem}.page-module__4hkBTa__openSafariBtn{font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal)var(--ease-out-back);color:#fff;background:var(--gradient-romantic);box-shadow:var(--shadow-medium);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 36px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.page-module__4hkBTa__openSafariBtn:hover{box-shadow:var(--shadow-dramatic),var(--shadow-glow);color:#fff;transform:translateY(-3px)scale(1.02)}.page-module__4hkBTa__tipsCard{border-radius:var(--radius-lg);animation:page-module__4hkBTa__tutFadeIn .5s var(--ease-out-back).6s both;background:#ff6b8a0f;border:1px dashed #ff6b8a40;margin-top:16px;padding:24px}.page-module__4hkBTa__tipsTitle{font-family:var(--font-display);color:var(--color-primary-dark);align-items:center;gap:6px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.page-module__4hkBTa__tipsList{padding:0;list-style:none}.page-module__4hkBTa__tipsList li{color:var(--color-text-secondary);padding:4px 0 4px 20px;font-size:.85rem;position:relative}.page-module__4hkBTa__tipsList li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.page-module__4hkBTa__footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:24px;font-size:.85rem}@media (max-width:768px){.page-module__4hkBTa__header{padding:12px 16px}.page-module__4hkBTa__hero{padding:36px 16px 24px}.page-module__4hkBTa__stepsContainer{padding:0 16px 40px}.page-module__4hkBTa__stepContent{text-align:center;flex-direction:column;align-items:center}.page-module__4hkBTa__stepIllustration{width:80px;height:80px;font-size:2.5rem}.page-module__4hkBTa__stepCard{padding:28px 20px 24px}}