:root{--primary-color:#ff6b35;--primary-dark:#e55a2b;--secondary-color:#64748b;--accent-color:#ff8c42;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--white);color:#1e293b;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#ff6b35;color:var(--primary-color)}ul{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-lg)}.section__header{margin-bottom:4rem;margin-bottom:var(--spacing-3xl);text-align:center}.section__title{color:#0f172a;color:var(--gray-900);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.section__description{color:#475569;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.btn{align-items:center;border:2px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;justify-content:center;min-height:48px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.btn--primary{background-color:#ff6b35;background-color:var(--primary-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--white)}.btn--primary:hover{background-color:#e55a2b;background-color:var(--primary-dark);border-color:#e55a2b;border-color:var(--primary-dark);color:#fff;color:var(--white);transform:translateY(-2px)}.btn--secondary{background-color:transparent;border-color:#ff6b35;border-color:var(--primary-color);color:#ff6b35;color:var(--primary-color)}.btn--secondary:hover{background-color:#ff6b35;background-color:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-2px)}.header{background-color:#fff;background-color:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);left:0;position:fixed;right:0;top:0;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1000}.nav{height:80px;justify-content:space-between}.nav,.nav__logo-link{align-items:center;display:flex}.nav__logo-link{gap:.5rem;gap:var(--spacing-sm);text-decoration:none}.nav__logo-img{height:32px;-o-object-fit:contain;object-fit:contain;width:auto}.nav__logo-text{color:#ff6b35;color:var(--primary-color);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.nav__list{align-items:center;display:flex;gap:3rem;gap:var(--spacing-2xl)}.nav__link{color:#334155;color:var(--gray-700);font-weight:500;padding:.5rem 0;padding:var(--spacing-sm) 0;position:relative}.nav__link:hover{color:#ff6b35;color:var(--primary-color)}.nav__link:after{background-color:#ff6b35;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease-in-out;transition:width var(--transition-normal);width:0}.nav__link:hover:after{width:100%}.nav__link.active{color:#ff6b35;color:var(--primary-color)}.nav__link.active:after{width:100%}.nav__toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.nav__toggle-line{background-color:#334155;background-color:var(--gray-700);border-radius:2px;height:3px;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:25px}.content-zh-CN{display:inline}.content-en,.content-zh-TW,html[lang=en] .content-zh-CN,html[lang=en] .content-zh-TW{display:none}html[lang=en] .content-en{display:inline}html[lang=zh-TW] .content-en,html[lang=zh-TW] .content-zh-CN{display:none}html[lang=zh-TW] .content-zh-TW{display:inline}.btn .content-en,.btn .content-zh-CN,.btn .content-zh-TW{display:none}html[lang=zh-CN] .btn .content-zh-CN{display:inline}html[lang=en] .btn .content-zh-CN,html[lang=en] .btn .content-zh-TW,html[lang=zh-CN] .btn .content-en,html[lang=zh-CN] .btn .content-zh-TW{display:none}html[lang=en] .btn .content-en{display:inline}html[lang=zh-TW] .btn .content-en,html[lang=zh-TW] .btn .content-zh-CN{display:none}html[lang=zh-TW] .btn .content-zh-TW{display:inline}.footer__links a .content-en,.footer__links a .content-zh-CN,.footer__links a .content-zh-TW{display:none}html[lang=zh-CN] .footer__links a .content-zh-CN{display:inline}html[lang=en] .footer__links a .content-zh-CN,html[lang=en] .footer__links a .content-zh-TW,html[lang=zh-CN] .footer__links a .content-en,html[lang=zh-CN] .footer__links a .content-zh-TW{display:none}html[lang=en] .footer__links a .content-en{display:inline}html[lang=zh-TW] .footer__links a .content-en,html[lang=zh-TW] .footer__links a .content-zh-CN{display:none}html[lang=zh-TW] .footer__links a .content-zh-TW{display:inline}.nav__item--lang{position:relative}.nav__link--lang{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-lg);color:#334155;color:var(--gray-700);display:flex;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.lang-icon{color:#475569;color:var(--gray-600);flex-shrink:0}.nav__link--lang:hover{background-color:#f1f5f9;background-color:var(--gray-100);border-color:#cbd5e1;border-color:var(--gray-300);color:#1e293b;color:var(--gray-800)}.lang-current{color:inherit;font-weight:600}.lang-arrow{color:inherit;transition:transform .25s ease-in-out;transition:transform var(--transition-normal)}.nav__link--lang:hover .lang-arrow{transform:rotate(180deg)}.lang-dropdown{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 8px 25px rgba(0,0,0,.1);margin-top:.5rem;margin-top:var(--spacing-sm);min-width:140px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px) scale(.95);transition:all .25s ease-in-out;transition:all var(--transition-normal);visibility:hidden;z-index:1001}.lang-dropdown.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.lang-option{background:none;border:none;color:#334155;color:var(--gray-700);cursor:pointer;display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:100%}.lang-option:hover{background-color:#f8fafc;background-color:var(--gray-50);color:#ff6b35;color:var(--primary-color)}.lang-option.active{background-color:#e2e8f0;background-color:var(--gray-200);color:#0f172a;color:var(--gray-900);font-weight:600}.lang-option:first-child{border-radius:.75rem .75rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.lang-option:last-child{border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.hero{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);display:flex;min-height:100vh;padding:3rem 0;padding:var(--spacing-2xl) 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;grid-gap:var(--spacing-2xl);align-items:center;gap:3rem;gap:var(--spacing-2xl)}.hero__title{color:#0f172a;color:var(--gray-900);font-size:3rem;font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.hero__title-highlight{color:#ff6b35;color:var(--primary-color)}.hero__description{color:#475569;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg)}.hero__img{border-radius:1rem;border-radius:var(--radius-2xl);height:auto;max-height:400px;max-width:400px;-o-object-fit:contain;object-fit:contain;width:100%}.features{background-color:#fff;background-color:var(--white);padding:4rem 0;padding:var(--spacing-3xl) 0}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;grid-gap:var(--spacing-2xl);gap:3rem;gap:var(--spacing-2xl)}.feature__card{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-xl);padding:3rem;padding:var(--spacing-2xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.feature__card:hover{border-color:#ff6b35;border-color:var(--primary-color);transform:translateY(-8px)}.feature__icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;height:64px;justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl);width:64px}.feature__title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.feature__description{color:#475569;color:var(--gray-600);line-height:1.6}.feature__tutorial-btn{background-color:#f1f5f9;background-color:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.feature__tutorial-btn:hover{background-color:#ff6b35;background-color:var(--primary-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--white);transform:translateY(-1px)}.tutorial-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .25s ease-in-out;transition:all var(--transition-normal);visibility:hidden;z-index:2000}.tutorial-modal.active{opacity:1;visibility:visible}@media (max-width:768px){.tutorial-modal.active{align-items:flex-end}}.tutorial-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.tutorial-modal__container{background-color:#fff;background-color:var(--white);border-radius:1rem;border-radius:var(--radius-2xl);max-height:90vh;max-width:90vw;overflow:hidden;transform:scale(.9) translateY(20px);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:1200px}.tutorial-modal.active .tutorial-modal__container{transform:scale(1) translateY(0)}@media (max-width:768px){.tutorial-modal__container{border-radius:1rem 1rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:95vh;max-width:100%;transform:translateY(100%);width:100%}.tutorial-modal.active .tutorial-modal__container{transform:translateY(0)}}@media (max-width:480px){.tutorial-modal__container{border-radius:0;max-height:100vh}.tutorial-modal.active .tutorial-modal__container{transform:translateY(0)}}.tutorial-modal__header{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.tutorial__header-content{flex:1}.tutorial-modal__header .tutorial__title{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0}.tutorial-modal__header .tutorial__subtitle{color:#475569;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);margin:.25rem 0 0;margin:var(--spacing-xs) 0 0 0}.tutorial__content{display:flex;height:600px;overflow:hidden}.tutorial__section{display:none;height:100%;width:100%}.tutorial__section.active{animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial__sidebar{background-color:#f8fafc;background-color:var(--gray-50);border-right:1px solid #e2e8f0;border-right:1px solid var(--gray-200);display:block;overflow-y:auto;width:280px}.tutorial__steps-nav{padding:1.5rem;padding:var(--spacing-lg)}.tutorial__step-nav-item{align-items:center;border:2px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial__step-nav-item:hover{background-color:#f1f5f9;background-color:var(--gray-100)}.tutorial__step-nav-item.active{background-color:#ff6b35;background-color:var(--primary-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--white)}.tutorial__step-nav-item.active .tutorial__step-nav-info h4,.tutorial__step-nav-item.active .tutorial__step-nav-info p{color:#fff;color:var(--white)}.tutorial__step-nav-number{align-items:center;background-color:#e2e8f0;background-color:var(--gray-200);border-radius:50%;color:#334155;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:32px}.tutorial__step-nav-item.active .tutorial__step-nav-number{background-color:#fff;background-color:var(--white);color:#ff6b35;color:var(--primary-color)}.tutorial__step-nav-info h4{color:#0f172a;color:var(--gray-900);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.tutorial__step-nav-info h4,.tutorial__step-nav-info p{transition:color .25s ease-in-out;transition:color var(--transition-normal)}.tutorial__step-nav-info p{color:#475569;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs);margin:0}.tutorial__main{display:flex;flex:1;flex-direction:column;overflow:hidden}.tutorial__progress-mobile{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:none;gap:1rem;gap:var(--spacing-md);padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.tutorial__progress-bar{background-color:#e2e8f0;background-color:var(--gray-200);flex:1;height:6px;overflow:hidden}.tutorial__progress-bar,.tutorial__progress-fill{border-radius:.5rem;border-radius:var(--radius-lg)}.tutorial__progress-fill{background:linear-gradient(90deg,#ff6b35,#ff8c42);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));height:100%;transition:width .25s ease-in-out;transition:width var(--transition-normal);width:25%}.tutorial__progress-text{color:#475569;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.tutorial__steps{flex:1;overflow-y:auto;padding:2rem;padding:var(--spacing-xl)}.tutorial__step{animation:slideIn .3s ease-in-out;display:none}.tutorial__step.active{display:block}.tutorial__step-content{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.tutorial__step-header{display:flex}.tutorial__step-number{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:#fff;color:var(--white);display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;width:40px}.tutorial__step-body{margin-left:calc(40px + 1rem);margin-left:calc(40px + var(--spacing-md))}.tutorial__step-body p{color:#475569;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tutorial__image{margin:1.5rem 0;margin:var(--spacing-lg) 0}.tutorial__img{cursor:pointer}.tutorial__image-caption{margin-top:.5rem;margin-top:var(--spacing-sm)}.tutorial__tips{background-color:#f8fafc;background-color:var(--gray-50);border-left:4px solid #ff6b35;border-left:4px solid var(--primary-color);border-radius:.375rem;border-radius:var(--radius-md);margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.tutorial__tips h4{color:#0f172a;color:var(--gray-900);font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.tutorial__tips h4,.tutorial__tips p{font-size:.875rem;font-size:var(--font-size-sm)}.tutorial__tips p{color:#475569;color:var(--gray-600);line-height:1.6;margin:0}.tutorial__navigation-mobile{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:none;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.tutorial__nav-btn{background-color:#fff;background-color:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.tutorial__nav-btn:hover:not(:disabled){background-color:#ff6b35;background-color:var(--primary-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--white)}.tutorial__nav-btn:disabled{opacity:.5}.tutorial__close{background-color:#f1f5f9;background-color:var(--gray-100);color:#475569;color:var(--gray-600)}.tutorial__close:hover{background-color:#e2e8f0;background-color:var(--gray-200);color:#1e293b;color:var(--gray-800)}.tutorial__content::-webkit-scrollbar-thumb,.tutorial__content::-webkit-scrollbar-track{border-radius:.5rem;border-radius:var(--radius-lg)}.tutorial__step-content{flex:1}.tutorial__step-content h3{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.tutorial__step-content p{color:#475569;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tutorial__image{margin-top:1.5rem;margin-top:var(--spacing-lg);text-align:center}.tutorial__img{align-items:center;background-color:#f8fafc;background-color:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-lg);color:#475569;color:var(--gray-600);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);height:auto;justify-content:center;max-width:100%;min-height:200px;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial__img:hover{transform:scale(1.02)}@media (max-width:768px){.tutorial__img{border-radius:.375rem;border-radius:var(--radius-md);min-height:150px}}@media (max-width:480px){.tutorial__img{min-height:120px}}.tutorial__image-caption{color:#64748b;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic;margin-top:1rem;margin-top:var(--spacing-md)}.tutorial__navigation{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);display:none;justify-content:space-between;margin-top:2rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-lg)}.tutorial__nav-btn{align-items:center;background-color:#ff6b35;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial__nav-btn:hover:not(:disabled){background-color:#e55a2b;background-color:var(--primary-dark);transform:translateY(-1px)}.tutorial__nav-btn:disabled{background-color:#cbd5e1;background-color:var(--gray-300);color:#64748b;color:var(--gray-500);cursor:not-allowed;transform:none}.tutorial__nav-btn svg{height:16px;width:16px}.tutorial__step-header{align-items:center;display:none;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tutorial__step-header h3{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.tutorial__close{align-items:center;background-color:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;right:var(--spacing-lg);top:1.5rem;top:var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:40px}.tutorial__close:hover{background-color:hsla(0,0%,100%,.3);transform:rotate(90deg)}.tutorial__close svg{height:20px;width:20px}.tutorial__content::-webkit-scrollbar{width:6px}.tutorial__content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100);border-radius:3px}.tutorial__content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}.tutorial__content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}.support{background-color:#fff;background-color:var(--white);padding:4rem 0;padding:var(--spacing-3xl) 0}.support__grid{display:flex;flex-direction:column;gap:3rem;gap:var(--spacing-2xl);margin-left:auto;margin-right:auto;margin-top:4rem;margin-top:var(--spacing-3xl);max-width:800px}.support__card{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-xl);overflow:hidden;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.support__card:hover{transform:translateY(-4px)}.support__card:hover,.support__card[open]{border-color:#ff6b35;border-color:var(--primary-color)}.support__card>summary{cursor:pointer;list-style:none}.support__card>summary::-webkit-details-marker{display:none}.support__card>summary::marker{display:none}.support__card-header{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:3rem;padding:var(--spacing-2xl);text-align:left;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.support__card-header:hover{background-color:#f8fafc;background-color:var(--gray-50)}.support__card-header .support__icon{flex-shrink:0;margin:0 1.5rem 0 0;margin:0 var(--spacing-lg) 0 0}.support__card-header .support__title{flex:1;margin-bottom:0}.support__toggle{align-items:center;color:#64748b;color:var(--gray-500);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:32px}.support__card[open] .support__toggle{color:#ff6b35;color:var(--primary-color);transform:rotate(180deg)}.support__card-content{margin:0;padding:0}.support__card-content .support__description{margin-bottom:0;padding:0 3rem 1.5rem;padding:0 var(--spacing-2xl) var(--spacing-lg);text-align:left}.support__details{padding:0 3rem 3rem;padding:0 var(--spacing-2xl) var(--spacing-2xl);text-align:left}.support__details h4{color:#0f172a;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.support__details ol,.support__details ul{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-left:1.5rem;padding-left:var(--spacing-lg)}.support__details li,.support__details p{color:#475569;color:var(--gray-600);line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.support__icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:#fff;color:var(--white);display:flex;height:80px;justify-content:center;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:80px}.support__card:hover .support__icon{transform:scale(1.1)}.support__title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.support__description{color:#475569;color:var(--gray-600);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.support__actions{margin-top:4rem;margin-top:var(--spacing-3xl);text-align:center}.footer{background-color:#fff;background-color:var(--white);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);color:#334155;color:var(--gray-700);padding:3rem 0 1.5rem;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer__content{flex-wrap:wrap;justify-content:center}.footer__content,.footer__links{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.footer__links a{color:#64748b;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer__links a:hover{color:#ff6b35;color:var(--primary-color)}.footer__bottom{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg);text-align:center}.footer__bottom,.footer__icp{color:#94a3b8;color:var(--gray-400)}.footer__icp{font-size:.75rem;font-size:var(--font-size-xs);margin-top:.5rem;margin-top:var(--spacing-sm)}.legal-content{margin:0 auto;max-width:800px;padding:3rem 0;padding:var(--spacing-2xl) 0}.legal-text{background-color:#fff;background-color:var(--white);border-radius:.75rem;border-radius:var(--radius-xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:3rem;padding:var(--spacing-2xl)}.legal-text h2{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:3rem 0 1.5rem;margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.legal-text h2:first-child{margin-top:0}.legal-text p{color:#334155;color:var(--gray-700);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.legal-text ul{margin:1rem 0;margin:var(--spacing-md) 0;padding-left:2rem;padding-left:var(--spacing-xl)}.legal-text li{color:#334155;color:var(--gray-700);line-height:1.6;list-style-type:disc;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.legal-actions{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:center}@media (max-width:1024px){.hero .container{gap:3rem;gap:var(--spacing-2xl);grid-template-columns:1fr}.hero__title{font-size:3rem;font-size:var(--font-size-5xl)}}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-md)}.nav__menu{background-color:#fff;background-color:var(--white);height:calc(100vh - 80px);left:-100%;position:fixed;top:80px;transition:left .25s ease-in-out;transition:left var(--transition-normal);width:100%}.nav__menu.show{left:0}.nav__list{flex-direction:column;gap:2rem;gap:var(--spacing-xl);padding:3rem;padding:var(--spacing-2xl)}.nav__logo-img{height:28px}.nav__toggle{display:flex}.nav__toggle.active .nav__toggle-line:first-child{transform:rotate(45deg) translate(5px,5px)}.nav__toggle.active .nav__toggle-line:nth-child(2){opacity:0}.nav__toggle.active .nav__toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero .container{gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.hero__title{font-size:1.875rem;font-size:var(--font-size-3xl)}.hero__img{justify-self:center;margin:0 auto;max-height:300px;max-width:300px}.hero__description{font-size:1.125rem;font-size:var(--font-size-lg)}.hero__buttons{align-items:center;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.hero__buttons .btn{max-width:280px;width:100%}.section__title{font-size:1.875rem;font-size:var(--font-size-3xl)}.features__grid,.support__grid{grid-template-columns:1fr}.footer__content{flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);text-align:center}.footer__links{justify-content:center}.nav__item--lang{width:100%}.nav__link--lang{background-color:#f8fafc;background-color:var(--gray-50);color:#334155;color:var(--gray-700);font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1rem;padding:var(--spacing-md);width:100%}.lang-dropdown,.nav__link--lang{border:1px solid #e2e8f0;border:1px solid var(--gray-200)}.lang-dropdown{border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:.5rem;margin-top:var(--spacing-sm);opacity:0;position:static;transform:translateY(-10px) scale(.95);transition:all .25s ease-in-out;transition:all var(--transition-normal);visibility:hidden}.lang-dropdown.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.lang-option{font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:center}}@media (max-width:480px){.hero{padding:2rem 0;padding:var(--spacing-xl) 0}.hero .container{gap:1.5rem;gap:var(--spacing-lg)}.hero__title{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero__img{max-height:250px;max-width:250px}.hero__description{font-size:1rem;font-size:var(--font-size-base)}.hero__buttons .btn{max-width:240px}.section__title{font-size:1.5rem;font-size:var(--font-size-2xl)}.btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:768px){.tutorial__step{flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);text-align:center}.tutorial__step-number{align-self:center}.tutorial__section{margin:1.5rem;margin:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.tutorial__title{font-size:1.5rem;font-size:var(--font-size-2xl)}.tutorial__subtitle{font-size:1rem;font-size:var(--font-size-base)}}@media (max-width:480px){.tutorial__step{padding:1.5rem;padding:var(--spacing-lg)}.tutorial__step-content h3{font-size:1.125rem;font-size:var(--font-size-lg)}.tutorial__img{border-radius:.375rem;border-radius:var(--radius-md)}}@media (max-width:768px){.tutorial__sidebar{display:none}.tutorial__navigation-mobile,.tutorial__progress-mobile{display:flex}.tutorial__content{flex-direction:column;height:auto}.tutorial__main{height:calc(100vh - 200px)}.tutorial__step-body{margin-left:0}.tutorial-modal__header{padding:2rem;padding:var(--spacing-xl)}.tutorial-modal__header .tutorial__title{font-size:1.5rem;font-size:var(--font-size-2xl)}.tutorial-modal__header .tutorial__subtitle{font-size:1rem;font-size:var(--font-size-base)}.tutorial__content{height:calc(100vh - 120px);max-height:calc(100vh - 120px);overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg)}.tutorial__steps{gap:0}.tutorial__step{background-color:transparent;border-left:none;border-radius:0;display:none;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);text-align:center}.tutorial__step.active{animation:slideIn .3s ease-out;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.tutorial__step-number{align-self:center;font-size:1.5rem;font-size:var(--font-size-2xl);height:56px;width:56px}.tutorial__step-content h3{display:none}.tutorial__step-content p{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6}.tutorial__image{margin-top:2rem;margin-top:var(--spacing-xl)}.tutorial__img{border-radius:.5rem;border-radius:var(--radius-lg);max-width:100%}.tutorial__close{height:36px;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);width:36px}}@media (max-width:480px){.tutorial-modal__container{border-radius:0!important;bottom:0!important;height:100%!important;left:0!important;max-height:100vh!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.tutorial-modal__header{padding:1.5rem;padding:var(--spacing-lg)}.tutorial__content{height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow-y:auto;padding:1rem;padding:var(--spacing-md)}.tutorial__step{padding:1.5rem;padding:var(--spacing-lg)}.tutorial__step-header h3{font-size:1.125rem;font-size:var(--font-size-lg)}.tutorial__step-content p{font-size:1rem;font-size:var(--font-size-base)}.tutorial__img{border-radius:.375rem;border-radius:var(--radius-md)}.tutorial__nav-btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}.tutorial-page{background-color:#f8fafc;background-color:var(--gray-50);display:none;min-height:100vh;padding:3rem 0;padding:var(--spacing-2xl) 0}.tutorial-page.active{display:block}.tutorial-page__header{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:1.5rem;padding:var(--spacing-lg)}.tutorial-page__back{align-items:center;background-color:#f1f5f9;background-color:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial-page__back:hover{background-color:#e2e8f0;background-color:var(--gray-200);color:#0f172a;color:var(--gray-900)}.tutorial-page__back svg{height:16px;width:16px}.tutorial-page__title{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0}.tutorial-page__list{display:grid;grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.tutorial-page__item{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial-page__item:hover{transform:translateY(-2px)}.tutorial-page__item-icon{align-items:center;background-color:#ff6b35;background-color:var(--primary-color);border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.tutorial-page__item-content{flex:1}.tutorial-page__item-content h3{color:#0f172a;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.tutorial-page__item-content p{color:#475569;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);margin:0}.tutorial-page__item-arrow{color:#94a3b8;color:var(--gray-400);transition:color .25s ease-in-out;transition:color var(--transition-normal)}.tutorial-page__item:hover .tutorial-page__item-arrow{color:#ff6b35;color:var(--primary-color)}.tutorial-page__item-arrow svg{height:20px;width:20px}.tutorial-page__content{display:none}.tutorial-page__content.active{display:block}.tutorial-page__section{display:none}.tutorial-page__section.active{display:block}.tutorial-page__section-header{background-color:#fff;background-color:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-xl);text-align:center}.tutorial-page__section-header h2{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.tutorial-page__section-header p{color:#475569;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);margin:0}.tutorial-page__steps{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.tutorial-page__step{background-color:#fff;background-color:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);display:none;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.tutorial-page__step.active{animation:slideInUp .3s ease-out;display:block}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-page__step-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tutorial-page__step-number{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;color:var(--white);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;width:40px}.tutorial-page__step-header h3{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.tutorial-page__step-body p{color:#475569;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.tutorial-page__image{margin:1.5rem 0;margin:var(--spacing-lg) 0;text-align:center}.tutorial-page__image img{border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);height:auto;max-width:100%}.tutorial-page__image-caption{color:#64748b;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic;margin-top:.5rem;margin-top:var(--spacing-sm)}.tutorial-page__tips{background-color:#f8fafc;background-color:var(--gray-50);border-left:4px solid #ff6b35;border-left:4px solid var(--primary-color);border-radius:.375rem;border-radius:var(--radius-md);margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.tutorial-page__tips h4{color:#0f172a;color:var(--gray-900);font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.tutorial-page__tips h4,.tutorial-page__tips p{font-size:.875rem;font-size:var(--font-size-sm)}.tutorial-page__tips p{color:#475569;color:var(--gray-600);line-height:1.6;margin:0}.tutorial-page__navigation{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.tutorial-page__nav-btn{align-items:center;background-color:#ff6b35;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.tutorial-page__nav-btn:hover:not(:disabled){background-color:#e55a2b;background-color:var(--primary-dark);transform:translateY(-1px)}.tutorial-page__nav-btn:disabled{background-color:#cbd5e1;background-color:var(--gray-300);box-shadow:none;color:#64748b;color:var(--gray-500);cursor:not-allowed;transform:none}.tutorial-page__nav-btn svg{height:16px;width:16px}.tutorial-page__progress{align-items:center;display:flex;flex:1;gap:1rem;gap:var(--spacing-md);max-width:200px}.tutorial-page__progress-bar{background-color:#e2e8f0;background-color:var(--gray-200);border-radius:.5rem;border-radius:var(--radius-lg);flex:1;height:6px;overflow:hidden}.tutorial-page__progress-fill{background:linear-gradient(90deg,#ff6b35,#ff8c42);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:.5rem;border-radius:var(--radius-lg);height:100%;transition:width .25s ease-in-out;transition:width var(--transition-normal);width:25%}.tutorial-page__progress-text{color:#475569;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}@media (max-width:768px){.tutorial-page__header,.tutorial-page__item{flex-direction:column;gap:1rem;gap:var(--spacing-md);text-align:center}.tutorial-page__item-content{text-align:center}.tutorial-page__navigation{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.tutorial-page__progress{max-width:none}}.tutorial-doc{display:flex;flex-direction:column;gap:48px;padding-bottom:48px}.tutorial-doc__block{background:#fff;background:var(--white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);margin-bottom:0;padding:32px 24px}.tutorial-doc__block h2{color:#ff6b35;color:var(--primary-color);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:16px}.tutorial-doc__block p{color:#334155;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);margin-bottom:16px}.tutorial-doc__block ol{color:#1e293b;color:var(--gray-800);font-size:1rem;font-size:var(--font-size-base);line-height:1.8;margin-bottom:20px;margin-left:20px}.tutorial-doc__block li{margin-bottom:8px}.tutorial-doc__tips{background:#f8fafc;background:var(--gray-50);border-left:4px solid #ff6b35;border-left:4px solid var(--primary-color);border-radius:.375rem;border-radius:var(--radius-md);color:#334155;color:var(--gray-700);margin-top:12px}.tutorial-doc__tips,.tutorial-page__float-back{font-size:.875rem;font-size:var(--font-size-sm);padding:12px 16px}.tutorial-page__float-back{align-items:center;background:#ff6b35;background:var(--primary-color);border:none;border-radius:50px;bottom:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:8px;position:fixed;right:24px;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1000}.tutorial-page__float-back:hover{background:#e55a2b;background:var(--primary-dark);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.tutorial-page__float-back svg{height:16px;width:16px}@media (max-width:768px){.tutorial-doc__block{padding:20px 8px}.tutorial-page__float-back{bottom:16px;font-size:.75rem;font-size:var(--font-size-xs);padding:10px 14px;right:16px}}.download{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);padding:4rem 0;padding:var(--spacing-3xl) 0}.download__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;grid-gap:var(--spacing-xl);gap:2rem;gap:var(--spacing-xl);margin-bottom:4rem;margin-bottom:var(--spacing-3xl)}.download__card{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.download__card:hover{border-color:#ff6b35;border-color:var(--primary-color);transform:translateY(-4px)}.download__platform{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.download__icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#ff8c42);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.download__info{flex:1}.download__title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.download__description{color:#475569;color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.download__actions{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:flex-start}.download__btn{align-items:center;border:2px solid transparent;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-sm);min-height:48px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.download__btn svg{margin-right:4px}@media (max-width:768px){.download__grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.download__card{padding:1.5rem;padding:var(--spacing-lg)}.download__platform{flex-direction:column;gap:1rem;gap:var(--spacing-md);text-align:center}.download__icon{align-self:center}.download__actions{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.download__btn{justify-content:center;width:100%}}@media (max-width:480px){.download{padding:3rem 0;padding:var(--spacing-2xl) 0}.download__card{padding:1rem;padding:var(--spacing-md)}}