.hero{background:radial-gradient(ellipse 800px 400px at 90% -20%, #6fe0db29, transparent 60%), linear-gradient(150deg, var(--teal-ink) 0%, var(--teal-deep) 60%, var(--teal) 100%);color:#fff;text-align:center;padding:64px 24px 72px}.hero-badge{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 16px;font-size:12.5px;font-weight:700;display:inline-flex}.hero-badge .icon{width:14px;height:14px;color:var(--cyan)}.hero h1{font-family:var(--font-display);margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.45}.hero h1 em{color:var(--cyan);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 16\" preserveAspectRatio=\"none\"><path d=\"M0 8h34l7-7 9 13 7-6h63\" fill=\"none\" stroke=\"%23D99A2B\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") 50%/100% 100% no-repeat;height:11px;position:absolute;bottom:-3px;left:0;right:0}.hero p{color:#fffc;margin-bottom:28px;font-size:15px}.search-box{background:#fff;border-radius:999px;align-items:center;gap:12px;max-width:620px;margin:0 auto 26px;padding:8px 8px 8px 22px;display:flex;box-shadow:0 12px 40px #04282859}.search-box .icon{width:18px;height:18px;color:var(--gray-400)}.search-box input{min-width:0;color:var(--gray-800);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.hero-stats{justify-content:center;display:flex}.hero-statsline{color:#ffffffb8;letter-spacing:.3px;font-size:12.5px}.hero-statsline b{color:#fff;margin:0 1px;font-size:15px}.hero-stat{color:#ffffffa6;font-size:12.5px}.hero-stat strong{font-family:var(--font-latin);color:#fff;font-size:28px;font-weight:700;line-height:1.2;display:block}.filter-section{border-bottom:1px solid var(--gray-200);z-index:50;background:#fff;position:sticky;top:68px}.filter-inner{max-width:var(--max-w);align-items:center;gap:8px;margin:0 auto;padding:14px 24px;display:flex;overflow-x:auto}.filter-inner::-webkit-scrollbar{display:none}.filter-label{color:var(--gray-400);flex-shrink:0;margin-right:6px;font-size:12px;font-weight:700}.main{max-width:var(--max-w);grid-template-columns:260px 1fr;align-items:start;gap:32px;margin:0 auto;padding:40px 24px 80px;display:grid}@media (max-width:900px){.main{grid-template-columns:1fr}}.sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:140px}@media (max-width:900px){.sidebar{position:static}}.sidebar-card{border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:22px}.sidebar-title{color:var(--navy);border-bottom:1px solid var(--gray-100);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:14px;font-weight:800;display:flex}.sidebar-title .icon{width:15px;height:15px;color:var(--teal)}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-group-label{color:var(--gray-400);letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.checkbox-item{color:var(--gray-600);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:6px 4px;font-size:13.5px;display:flex}.checkbox-item:hover{background:var(--gray-50);color:var(--teal-deep)}.checkbox-item input{accent-color:var(--teal);width:15px;height:15px}.count-badge{color:var(--gray-400);background:var(--gray-100);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.month-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.month-grid .tag-btn{justify-content:center;padding:7px 4px}.filter-select{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-600);background:#fff;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}.filter-note{color:var(--gray-400);margin-top:6px;font-size:11.5px;line-height:1.6}.filter-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:18px;display:flex}.filter-clear{color:var(--gray-400);text-align:center;font-size:12px;font-weight:700}.filter-clear:hover{color:var(--teal-deep)}.sort-form{align-items:center;gap:8px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.empty-state .icon{width:30px;height:30px;color:var(--gray-300)}.empty-title{color:var(--navy);font-size:15.5px;font-weight:700}.empty-text{color:var(--gray-400);font-size:13px}.empty-state .btn{margin-top:6px}.detail-pending{color:var(--gray-400);font-size:11.5px;font-weight:700}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.section-header h2{font-family:var(--font-display);color:var(--navy);font-size:24px}.section-header .result-count{color:var(--gray-400);font-size:12.5px}.sort-select{border:1.5px solid var(--gray-200);color:var(--gray-600);background:#fff;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}.pickup-banner{background:var(--gold-pale);border-radius:var(--r-md);border:1px solid #f0dfb6;align-items:center;gap:16px;margin-bottom:24px;padding:16px 22px;display:flex}.pickup-icon{background:var(--gold);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.pickup-icon .icon{width:19px;height:19px}.pickup-label{color:var(--gold);letter-spacing:1px;font-size:11px;font-weight:800}.pickup-title{color:var(--navy);font-size:14.5px;font-weight:700}.seminar-grid{flex-direction:column;gap:16px;display:flex}.seminar-card{grid-template-columns:92px 1fr auto;align-items:center;gap:22px;padding:22px 24px;display:grid}.date-block{text-align:center;border-right:1px solid var(--gray-100);flex-direction:column;justify-content:center;align-self:stretch;padding-right:22px;display:flex}.date-month{color:var(--teal);letter-spacing:1.5px;font-size:12px;font-weight:700}.date-day{font-family:var(--font-latin);color:var(--navy);font-size:34px;font-weight:700;line-height:1.1}.date-weekday{color:var(--gray-400);margin-top:2px;font-size:11px;font-weight:600}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:9px;display:flex}.card-tag{border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700}.tag-online{background:var(--teal-pale);color:var(--teal-deep)}.tag-offline{color:#5b45a8;background:#ede9f8}.tag-beginner{background:var(--sage-pale);color:var(--sage)}.tag-advanced{color:var(--navy-2);background:#e8eef6}.tag-free{background:var(--gold-pale);color:#a8731b}.tag-new{background:var(--coral-pale);color:var(--coral)}.tag-theme{background:var(--sage-pale);color:var(--sage)}.card-title{color:var(--navy);margin-bottom:7px;font-size:16px;font-weight:700;line-height:1.55}.seminar-card:hover .card-title{color:var(--teal-deep)}.card-organizer{color:var(--gray-600);align-items:center;gap:6px;margin-bottom:9px;font-size:12.5px;display:inline-flex}.card-organizer .icon{width:13px;height:13px;color:var(--teal)}.card-meta{flex-wrap:wrap;gap:16px;display:flex}.meta-item{color:var(--gray-400);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.meta-item .icon{width:13px;height:13px}.card-right{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.price{font-family:var(--font-body);color:var(--navy);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.2}.price .price-sub{color:var(--gray-400);font-size:11px;font-weight:600}.price.free{color:var(--sage)}.seats-left{color:var(--coral);background:var(--coral-pale);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:700px){.seminar-card{grid-template-columns:1fr;gap:14px}.date-block{border-right:none;border-bottom:1px solid var(--gray-100);flex-direction:row;justify-content:flex-start;align-items:baseline;gap:10px;padding:0 0 12px}.card-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.pagination{justify-content:center;gap:8px;margin-top:40px;display:flex}.page-btn{border:1.5px solid var(--gray-200);min-width:40px;height:40px;color:var(--gray-600);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.page-btn:hover{border-color:var(--teal);color:var(--teal)}.page-btn-disabled{color:var(--gray-300);border-color:var(--gray-100)}.page-btn-disabled:hover{border-color:var(--gray-100);color:var(--gray-300)}.page-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.page-ellipsis{background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}