.page-hero{background:linear-gradient(135deg,var(--brand) 0,#2a56b5 100%);padding:48px 0 44px;text-align:center;position:relative;overflow:hidden;}.page-hero::after{content:'';position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,0.05);}.page-hero::before{content:'';position:absolute;left:-60px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.04);}.page-hero .container{position:relative;z-index:1;}.page-hero h1{font-size:32px;color:#fff;font-weight:700;margin-bottom:12px;letter-spacing:2px;line-height:1.3;}.page-hero p{font-size:15px;color:rgba(255,255,255,0.85);max-width:640px;margin:0 auto;line-height:1.8;font-weight:350;}.tutorial-content{padding:40px 0 10px;}.tutorial-content .container{max-width:960px;margin:0 auto;width:100%;padding:0 48px;}.tutorial-intro{font-size:15px;color:var(--text-2);line-height:1.9;margin-bottom:44px;padding:20px 28px;background:var(--brand-50);border-radius:10px;border-left:4px solid var(--brand);}.tutorial-section{margin-bottom:48px;}.tutorial-section:last-child{margin-bottom:20px;}.tutorial-section .section-header{margin-bottom:24px;}.tutorial-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;padding:28px 32px;}.tutorial-subtitle{font-size:16px;font-weight:650;color:var(--text-1);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--divider);line-height:1.5;}.tutorial-subtitle:first-child{margin-top:0;}.tutorial-card p{font-size:14px;color:var(--text-3);line-height:1.85;margin-bottom:12px;}.tutorial-card p:last-child{margin-bottom:0;}.tutorial-tip{margin:16px 0;padding:14px 18px;background:#fffbe6;border:1px solid #f5e6a3;border-radius:8px;font-size:14px;color:#8a7440;line-height:1.7;display:flex;align-items:flex-start;gap:10px;}.tutorial-tip::before{content:'💡';flex-shrink:0;font-size:16px;line-height:1.7;}.tutorial-card ul{margin:8px 0 12px 20px;padding:0;list-style:none;}.tutorial-card li{font-size:14px;color:var(--text-3);line-height:1.85;margin-bottom:6px;padding-left:18px;position:relative;}.tutorial-card li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.5;}.tutorial-card strong{color:var(--text-2);font-weight:600;}.contact-info{margin-top:12px;padding:16px 20px;background:var(--brand-50);border-radius:8px;font-size:14px;color:var(--text-3);line-height:2;}.contact-info strong{color:var(--text-2);font-weight:600;}.dv-space{height:20px;width:100%;}@media(max-width:1024px){.tutorial-content .container{padding:0 24px;}.page-hero{padding:36px 0 32px;}.page-hero h1{font-size:26px;letter-spacing:1px;}.page-hero p{font-size:14px;}.tutorial-card{padding:22px 24px;}}@media(max-width:768px){.tutorial-content .container{padding:0 16px;}.page-hero{padding:28px 0 24px;}.page-hero h1{font-size:22px;}.page-hero p{font-size:13px;}.tutorial-content{padding:28px 0 10px;}.tutorial-section{margin-bottom:36px;}.tutorial-card{padding:18px 20px;}.tutorial-intro{padding:16px 20px;font-size:14px;margin-bottom:34px;}.tutorial-subtitle{font-size:15px;}.tutorial-card p,.tutorial-card li{font-size:13px;}.tutorial-tip{font-size:13px;padding:12px 14px;}}@media(max-width:480px){.page-hero h1{font-size:20px;}.tutorial-card{padding:14px 16px;}.tutorial-intro{padding:14px 16px;font-size:13px;}.tutorial-card p,.tutorial-card li{font-size:13px;}}