.tutorial-page[data-v-a08421c3]{width:100%;max-width:1640px;margin:0 auto;padding:30px 30px 12px}.nav-shell[data-v-a08421c3]{background:#fffdf5b3;border:1px solid #fffdf8;border-radius:26px;box-shadow:0 6px 24px #7a8f5310;margin-bottom:24px}.campus-card[data-v-a08421c3]{background:#fffdf5b3;border:1px solid #fffdf8;border-radius:26px;box-shadow:0 6px 24px #7a8f5310}.method-card[data-v-a08421c3]{background:#fffdf5b3;border:1px solid #e8efdc;border-radius:26px;box-shadow:0 6px 24px #7a8f5310;transition:box-shadow .3s,transform .3s}.method-card[data-v-a08421c3]:hover{box-shadow:0 14px 34px #7a8f5326}.step-card[data-v-a08421c3]{transition:box-shadow .3s,transform .3s}.step-card[data-v-a08421c3]:hover{transform:translateY(-4px);box-shadow:0 14px 34px #7a8f5326}.step-num[data-v-a08421c3]{font-size:44px;font-weight:700;color:#eef3e2;line-height:1;transition:color .3s}.step-card:hover .step-num[data-v-a08421c3]{color:#dfe9cd}.tutorial-heading[data-v-a08421c3]{margin-bottom:28px}.heading-icon[data-v-a08421c3]{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#7da35f,#4d8c53);box-shadow:0 8px 18px #7da35f40}.heading-icon.sm[data-v-a08421c3]{width:44px;height:44px;border-radius:14px}.eyebrow[data-v-a08421c3]{display:block;font-size:10px;letter-spacing:3px;color:#8a9680;font-weight:600}.tutorial-heading h1[data-v-a08421c3]{font-size:26px;font-weight:700;color:#35543d;margin-top:4px}.tutorial-heading h1 span[data-v-a08421c3]{color:#7da35f}.tutorial-subtitle[data-v-a08421c3]{margin-top:6px;font-size:13px;color:#a3ad97}.section-title[data-v-a08421c3]{font-size:22px;font-weight:700;color:#35543d}.section-subtitle[data-v-a08421c3]{margin-top:2px;font-size:13px;color:#8a9680}.mini-title[data-v-a08421c3]{font-size:11px;font-weight:700;color:#a3ad97;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.step-dot[data-v-a08421c3]{width:20px;height:20px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.lock-badge[data-v-a08421c3]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;background:#fdf6e3;color:#8a6a1d;font-size:12px;font-weight:600}.lock-tip[data-v-a08421c3]{padding:12px;border-radius:12px;background:#fdf6e3;border:1px solid #f0e2bb;color:#8a6a1d}.tip-row[data-v-a08421c3]{border-radius:16px;background:#f7f5e8;transition:background .2s}.tip-row[data-v-a08421c3]:hover{background:#f1f7e6}.tip-icon[data-v-a08421c3]{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;background:#fffdf5;border:1px solid #e8efdc}.cta-card[data-v-a08421c3]{border-radius:26px;background:linear-gradient(135deg,#7da35f,#4d8c53);box-shadow:0 12px 30px #4d8c5333}@media(max-width:1023px){.tutorial-page[data-v-a08421c3]{padding:20px 16px 10px}.campus-card[data-v-a08421c3],.method-card[data-v-a08421c3],.cta-card[data-v-a08421c3],.nav-shell[data-v-a08421c3]{border-radius:20px}}