.tutorial-page{color:#fff;background:#050505;min-height:100vh;padding:100px 0 60px}.tutorial-page .container{max-width:1100px;margin:0 auto;padding:0 20px}.tutorial-title{text-align:center;background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:900}.tutorial-subtitle{text-align:center;color:#ffffffb3;margin-bottom:60px;font-size:1.1rem}.section-heading{text-align:center;color:#fff;margin:50px 0 20px;font-size:1.8rem;font-weight:700}.quick-start{background:linear-gradient(#121216eb 0%,#07070afa 100%);border:1px solid #ffffff14;border-radius:16px;margin-bottom:40px;padding:32px 28px}.steps-list{counter-reset:step;margin:0;padding:0;list-style:none}.steps-list li{counter-increment:step;color:#ffffffd9;border-bottom:1px solid #ffffff0d;margin:0;padding:14px 0 14px 56px;line-height:1.6;position:relative}.steps-list li:last-child{border-bottom:none}.steps-list li:before{content:counter(step);background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:14px;left:0}.creds-fields{background:#ffffff0a;border-radius:10px;margin-top:12px;padding:14px 16px}.creds-fields .field{margin:6px 0;font-size:.95rem}.creds-fields .label{color:#e8622f;margin-right:6px;font-weight:600}.creds-fields code{color:#fff;background:#e8622f1f;border-radius:5px;padding:2px 8px;font-family:Courier New,monospace;font-size:.92rem}.creds-fields em{color:#ffffff8c}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.app-card{text-align:center;background:linear-gradient(#121216eb 0%,#07070afa 100%);border:1px solid #ffffff14;border-radius:14px;padding:26px 22px}.app-icon{color:#e8622f;justify-content:center;align-items:center;margin:0 auto 14px;line-height:0;display:flex}.app-icon svg{display:block}.app-name{color:#fff;margin:0 0 4px;font-size:1.2rem;font-weight:700}.app-platforms{color:#e8622f;margin:0 0 12px;font-size:.85rem;font-weight:600}.access-block{text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;margin:14px 0 18px;padding:12px 14px}.access-label{color:#e8622f;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.78rem;font-weight:700}.access-list{margin:0;padding:0;list-style:none}.access-list li{color:#ffffffe0;border-bottom:1px dashed #ffffff0f;padding:4px 0;font-size:.92rem}.access-list li:last-child{border-bottom:none}.app-buttons{flex-direction:column;gap:8px;display:flex}.app-button{text-align:center;border-radius:8px;padding:11px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,filter .2s;display:block}.video-button:hover{filter:brightness(1.08)}.video-button{color:#fff;background:linear-gradient(135deg,#e8622f 0%,#d94e41 50%,#a03d6b 100%);border:none}.download-button{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.support-cta{text-align:center;background:linear-gradient(135deg,#e8622f14 0%,#7b439714 100%);border:1px solid #e8622f40;border-radius:16px;margin-top:40px;padding:36px 28px}.support-text{color:#ffffffd9;max-width:600px;margin:0 auto 24px;font-size:1rem;line-height:1.6}.support-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;padding:14px 32px;font-size:1rem;font-weight:700;transition:filter .2s}.support-button:hover{filter:brightness(1.08)}@media (max-width:600px){.tutorial-title{font-size:2.2rem}.section-heading{font-size:1.4rem}.steps-list li{padding-left:50px}}