.tutorial-ad-banner[data-v-46bc4275]{margin:2rem auto;max-width:100%}.banner-container[data-v-46bc4275]{border-radius:1rem;overflow:hidden;padding:1.5rem;position:relative}@media (min-width:768px){.banner-container[data-v-46bc4275]{padding:2rem}}.banner-container[data-v-46bc4275]{background:linear-gradient(135deg,#f8fafc,#e2e8f0 30%,#cbd5e1);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;transition:all .3s ease}.banner-container[data-v-46bc4275]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.decoration-circle[data-v-46bc4275]{background:#2e7eee1a;border-radius:9999px;opacity:.1;position:absolute}.decoration-circle-1[data-v-46bc4275]{animation:float-46bc4275 6s ease-in-out infinite;height:120px;right:-60px;top:-60px;width:120px}.decoration-circle-2[data-v-46bc4275]{animation:float-46bc4275 4s ease-in-out infinite reverse;bottom:-40px;height:80px;left:-40px;width:80px}.decoration-lines[data-v-46bc4275]{top:0;right:0;bottom:0;left:0;opacity:.1;overflow:hidden}.decoration-lines[data-v-46bc4275],.line[data-v-46bc4275]{position:absolute}.line[data-v-46bc4275]{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:2px}.line-1[data-v-46bc4275]{animation:slideUpDown-46bc4275 8s ease-in-out infinite;height:60px;left:15%;top:20%;width:2px}.line-2[data-v-46bc4275]{animation:slideUpDown-46bc4275 6s ease-in-out 2s infinite;height:40px;right:20%;top:60%;width:2px}.line-3[data-v-46bc4275]{animation:slideUpDown-46bc4275 10s ease-in-out 4s infinite;height:30px;right:10%;top:30%;width:2px}.banner-content[data-v-46bc4275]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;position:relative}@media (min-width:768px){.banner-content[data-v-46bc4275]{flex-direction:row}}.banner-content[data-v-46bc4275]{z-index:1}.content-left[data-v-46bc4275]{align-items:center;display:flex;flex:1 1 0%;gap:1rem}.icon-container[data-v-46bc4275]{align-items:center;border-radius:.75rem;border-width:1px;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem;--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.practice-icon[data-v-46bc4275]{height:2rem;width:2rem;--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity))}.text-content[data-v-46bc4275]{flex:1 1 0%}.main-title[data-v-46bc4275]{font-size:1.125rem;font-weight:700;line-height:1.75rem;line-height:1.25;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(var(--color-gray-800)/1);color:rgb(var(--color-gray-800)/var(--tw-text-opacity))}@media (min-width:768px){.main-title[data-v-46bc4275]{font-size:1.25rem;line-height:1.75rem}}.sub-title[data-v-46bc4275]{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(var(--color-gray-600)/1);color:rgb(var(--color-gray-600)/var(--tw-text-opacity))}@media (min-width:768px){.sub-title[data-v-46bc4275]{font-size:1rem;line-height:1.5rem}}.content-right[data-v-46bc4275]{flex-shrink:0}.cta-button[data-v-46bc4275]{align-items:center;border-radius:.75rem;display:inline-flex;gap:.5rem;--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-weight:600;padding:.75rem 1.5rem;--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cta-button[data-v-46bc4275]:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-50)/1);background-color:rgb(var(--color-gray-50)/var(--tw-bg-opacity))}.cta-button[data-v-46bc4275]:active{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/1);background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity))}.cta-button[data-v-46bc4275]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) #ffffff4d,0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));--tw-ring-opacity:.3}.cta-button[data-v-46bc4275]{box-shadow:0 4px 15px #0000001a}.cta-button[data-v-46bc4275]:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-1px)}.cta-button[data-v-46bc4275]:active{transform:translateY(0)}.cta-button[data-v-46bc4275]:disabled{cursor:not-allowed;opacity:.5}.cta-button[data-v-46bc4275]:disabled:hover{box-shadow:0 4px 15px #0000001a;transform:none}.button-text[data-v-46bc4275]{font-size:.875rem;font-weight:600;line-height:1.25rem}@media (min-width:768px){.button-text[data-v-46bc4275]{font-size:1rem;line-height:1.5rem}}.button-icon[data-v-46bc4275]{height:1.25rem;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.cta-button:hover .button-icon[data-v-46bc4275]{transform:translate(2px)}@keyframes float-46bc4275{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUpDown-46bc4275{0%,to{opacity:.1;transform:translateY(0) scaleY(1)}50%{opacity:.3;transform:translateY(-20px) scaleY(1.2)}}@media (max-width:768px){.banner-container[data-v-46bc4275]{padding:1.5rem}.banner-content[data-v-46bc4275],.content-left[data-v-46bc4275]{text-align:center}.content-left[data-v-46bc4275]{flex-direction:column}.cta-button[data-v-46bc4275]{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.banner-container[data-v-46bc4275]{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.banner-container[data-v-46bc4275]:hover{box-shadow:0 25px 30px -5px #0006,0 15px 15px -5px #0003}}