.class-list-page[data-v-373ed5b6]{padding:20px 0 40px}.container[data-v-373ed5b6]{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.page-header[data-v-373ed5b6]{border-bottom:2px solid #1e88e5;margin-bottom:30px;padding-bottom:10px}.page-header h1[data-v-373ed5b6]{color:#333;font-size:24px;margin:0;padding-left:15px;position:relative}.page-header h1[data-v-373ed5b6]:before{background-color:#1e88e5;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}@media(max-width:768px){.page-header h1[data-v-373ed5b6]{font-size:20px}}.class-grid[data-v-373ed5b6]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){.class-grid[data-v-373ed5b6]{grid-template-columns:1fr}}.class-item[data-v-373ed5b6]{background-color:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden;transition:all .3s ease}.class-item[data-v-373ed5b6]:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.class-item:hover .arrow-icon[data-v-373ed5b6]{transform:translate(5px)}.class-link[data-v-373ed5b6]{color:#333;display:block;padding:20px}@media(max-width:768px){.class-link[data-v-373ed5b6]{padding:15px}}.class-info[data-v-373ed5b6]{align-items:center;display:flex;justify-content:space-between}.class-info h3[data-v-373ed5b6]{font-size:18px;font-weight:500;margin:0}.arrow-icon[data-v-373ed5b6]{align-items:center;color:#1e88e5;display:flex;font-size:18px;height:24px;justify-content:center;transition:transform .3s ease;width:24px}