.login-tutorial-page{min-height:100vh;background:linear-gradient(180deg,#fffaf0,#fff 42%,#fff7e9);color:#211812;font-family:Arial,Helvetica,sans-serif}.tutorial-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.tutorial-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #f0d9b6;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.tutorial-nav{min-height:78px;justify-content:space-between;gap:20px}.tutorial-brand,.tutorial-nav{display:flex;align-items:center}.tutorial-brand{gap:12px;color:#211812;text-decoration:none}.tutorial-brand img{width:48px;height:48px;border-radius:13px;object-fit:cover}.tutorial-brand b,.tutorial-brand small{display:block}.tutorial-brand b{font-size:15px}.tutorial-brand small{margin-top:3px;color:#ef5a00;font-size:9px;letter-spacing:.14em}.back-home{border:1px solid #ebcfa8;border-radius:10px;padding:11px 16px;color:#5b3f2b;text-decoration:none;font-size:13px;font-weight:800}.tutorial-hero{padding:72px 0 58px;background:radial-gradient(circle at 82% 5%,#ffd76d55,transparent 32%),linear-gradient(120deg,#fffaf1,#fff3d7)}.tutorial-kicker{color:#ef5a00;font-size:12px;font-weight:900;letter-spacing:.17em}.tutorial-hero h1{max-width:780px;margin:15px 0 14px;font-size:clamp(40px,6vw,74px);line-height:.98;letter-spacing:-.05em}.tutorial-hero h1 em{color:#ff6a00;font-style:normal}.tutorial-hero p{max-width:720px;margin:0;color:#6b5748;font-size:18px;line-height:1.6}.tutorial-steps{display:grid;gap:28px;padding:48px 0 70px}.tutorial-step{overflow:hidden;border:1px solid #efd6ae;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(88,52,12,.08)}.step-heading{display:flex;align-items:center;gap:15px;padding:24px 28px}.step-heading>span{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f01800,#ff9b00);color:#fff;font-size:22px;font-weight:950;box-shadow:0 9px 22px #ff5b0033}.step-heading small{color:#ef5a00;font-size:10px;font-weight:900;letter-spacing:.14em}.step-heading h2{margin:5px 0 0;font-size:clamp(20px,3vw,30px)}.tutorial-image{padding:0 20px}.tutorial-image img{width:100%;height:auto;display:block;border:1px solid #e4e7f2;border-radius:14px;object-fit:contain;background:#f8f9ff}.tutorial-step>p{margin:0;padding:24px 28px 30px;color:#594a3e;font-size:17px;line-height:1.7}.tutorial-step>p strong{color:#00a85a}.restart-warning{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:center;border:2px solid #ff7a00;border-radius:20px;padding:27px 30px;background:linear-gradient(115deg,#fff3d0,#fff8e9);box-shadow:0 18px 48px #ff8a001f}.restart-warning>span{width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:#f21d18;color:#fff;font-size:40px;font-weight:950}.restart-warning small{color:#d72b17;font-size:11px;font-weight:950;letter-spacing:.15em}.restart-warning h2{margin:6px 0 8px;font-size:28px}.restart-warning p{margin:0;color:#5c4332;font-size:18px;line-height:1.6}.tutorial-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tutorial-final-actions a{border-radius:11px;padding:15px 22px;background:linear-gradient(100deg,#ef1600,#ff9700);color:#fff;text-decoration:none;font-size:14px;font-weight:950;box-shadow:0 12px 28px #f43e0033}.tutorial-final-actions a.secondary{border:1px solid #e5cba7;background:#fff;color:#523a29;box-shadow:none}@media(max-width:700px){.tutorial-nav{min-height:66px}.tutorial-brand img{width:40px;height:40px}.back-home{padding:9px 11px;font-size:11px}.tutorial-hero{padding:48px 0 40px}.tutorial-hero p{font-size:16px}.tutorial-steps{padding-top:28px}.step-heading{align-items:flex-start;padding:19px}.step-heading>span{flex-basis:40px;height:40px}.tutorial-image{padding:0 8px}.tutorial-step>p{padding:20px;font-size:15px}.restart-warning{grid-template-columns:1fr;padding:22px}.restart-warning>span{width:52px;height:52px}.restart-warning h2{font-size:23px}.restart-warning p{font-size:16px}}