:root{--primary-color:#0f67fe;--primary-dark:#0d59db;--secondary-color:#4facfe;--success-color:#10b981;--warning-color:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-700:#374151;--gray-900:#111827}body{background-color:#f8fafc!important}.my-navbar{position:absolute!important;width:100%;background:0 0!important;border-bottom:none!important}@media (min-width:992px){.my-navbar .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.9)!important}.my-navbar .navbar-nav .active>.nav-link,.my-navbar .navbar-nav .nav-item.active .nav-link{color:#fbbf24!important;text-shadow:0 2px 4px rgba(0,0,0,.1)}}#tutorial{padding:0 0 60px}.doc-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:6rem 0 2rem;border-radius:0 0 16px 16px;box-shadow:0 4px 20px rgba(37,99,235,.15);margin-bottom:2.5rem}.logo-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.logo{display:flex;align-items:center;gap:20px}.logo-icon{font-size:3.5rem;line-height:1}.logo-text{display:flex;flex-direction:column;justify-content:center}.logo-text h1{font-size:2.2rem;font-weight:800;margin:0;line-height:1.2}.logo-text p{font-size:1.1rem;opacity:.9;margin:4px 0 0}.header-tag{background-color:rgba(255,255,255,.2);padding:8px 20px;border-radius:50px;font-size:.9rem;display:flex;align-items:center;gap:8px}.doc-content{display:flex;gap:30px}.doc-nav{width:280px;flex-shrink:0;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);height:fit-content;position:sticky;top:100px}.nav-title{color:var(--primary-dark);font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.nav-list{list-style:none}.nav-list li{margin-bottom:.75rem}.nav-list a{display:block;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;border-radius:10px;transition:.2s}.nav-list a.active,.nav-list a:hover{background-color:#eff6ff;color:var(--primary-dark);font-weight:600}.doc-main{flex:1}.doc-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;color:var(--gray-900);padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.section-title i{color:var(--primary-color)}.section-title h2{font-size:1.5rem}.content-card{background-color:var(--gray-50);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid var(--primary-color)}.content-card h3{color:var(--primary-dark);margin-bottom:1rem}.feature-list{list-style:none;margin:1.5rem 0}.feature-list li{padding:.75rem 0;border-bottom:1px dashed var(--gray-200);display:flex;align-items:flex-start;gap:10px}.feature-list li:last-child{border-bottom:none}.feature-list i{color:var(--success-color);margin-top:4px}.warning-box{background-color:#fef3c7;border-radius:10px;padding:1.5rem;margin:1.5rem 0;border-left:4px solid var(--warning-color)}.warning-box h4{color:#92400e;margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.image-placeholder{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:12px;padding:2rem;text-align:center;margin:1.5rem 0;border:2px dashed #bae6fd}.image-placeholder i{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.image-caption{font-size:.9rem;color:var(--gray-700);margin-top:1rem;font-style:italic}.step-box{background-color:#f0fdf4;border-radius:12px;padding:1.5rem;margin:1.5rem 0;counter-reset:step-counter}.step-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;counter-increment:step-counter}.step-item:last-child{margin-bottom:0}.step-number{background-color:var(--success-color);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;flex-shrink:0}.compatibility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.compatibility-card{background-color:#fff;border-radius:10px;padding:1.5rem;border:1px solid var(--gray-200);box-shadow:0 2px 8px rgba(0,0,0,.05)}.compatibility-card h4{color:var(--primary-dark);margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.contact-info{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:center}.contact-info h4{margin-bottom:1rem}.contact-info .phone{font-size:1.5rem;font-weight:700;margin:1rem 0}.qrcode-placeholder{background-color:#fff;width:150px;height:150px;margin:1rem auto;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gray-700)}@media (max-width:992px){.doc-content{flex-direction:column}.doc-nav{width:100%;position:static;margin-bottom:30px}.logo-area{flex-direction:column;align-items:flex-start;gap:20px}.logo-text h1{font-size:1.5rem}.doc-header{margin-top:0;padding:5rem 0 2.5rem;border-radius:0 0 16px 16px}.compatibility-grid{grid-template-columns:1fr}}