@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0f1e;--bg-secondary:#111827;--bg-card:#1a2235;--bg-glass:#111827bf;--bg-glass-light:#ffffff0d;--accent-primary:#4f8ef7;--accent-primary-glow:#4f8ef74d;--accent-secondary:#7c3aed;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-color-hover:#4f8ef766;--shadow-sm:0 2px 8px #0000004d;--shadow-card:0 8px 32px #0006;--shadow-hover:0 20px 60px #00000080, 0 0 30px #4f8ef71a;--shadow-glow:0 0 40px #4f8ef733;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--nav-height:70px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none}input,textarea,select{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.5rem)}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1rem}.btn{border-radius:var(--radius-md);font-size:.95rem;font-weight:600;font-family:var(--font-body);transition:all var(--transition-base);cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 15px #4f8ef74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f8ef773}.btn-outline{color:var(--accent-primary);border:1.5px solid var(--accent-primary);background:0 0}.btn-outline:hover{background:var(--accent-primary-glow);transform:translateY(-2px)}.btn-ghost{background:var(--bg-glass-light);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--border-color-hover);background:#ffffff1a}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-upcoming{color:var(--accent-primary);background:#4f8ef726;border:1px solid #4f8ef74d}.badge-completed{color:var(--accent-success);background:#10b98126;border:1px solid #10b9814d}.badge-pending{color:var(--accent-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rejected{color:var(--accent-danger);background:#ef444426;border:1px solid #ef44444d}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-color-hover);transform:translateY(-6px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #4f8ef700}50%{box-shadow:0 0 0 8px #4f8ef71a}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-fade-up{animation:.6s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.form-input::placeholder{color:var(--text-muted)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (width<=768px){.section{padding:60px 0}.container{padding:0 16px}.hide-mobile{display:none}}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d}.navbar__inner{align-items:center;gap:32px;width:100%;display:flex}.navbar__brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar__logo{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #4f8ef74d}.navbar__brand-text{flex-direction:column;line-height:1;display:flex}.navbar__brand-main{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.08em;font-size:1rem;font-weight:800}.navbar__brand-sub{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:500}.navbar__links{flex:1;align-items:center;gap:4px;list-style:none;display:flex}.navbar__link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;padding:6px 14px;font-size:.875rem;font-weight:500}.navbar__link:hover{color:var(--text-primary);background:var(--bg-glass-light)}.navbar__link--active{color:var(--accent-primary);background:#4f8ef71a}.navbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar__icon-btn{border-radius:var(--radius-sm);background:var(--bg-glass-light);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.navbar__notif-dot{background:var(--accent-primary);border:1.5px solid var(--bg-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.navbar__user{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-color);background:var(--bg-glass-light);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.navbar__user:hover{border-color:var(--border-color-hover);background:#4f8ef70d}.navbar__avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.navbar__user-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.navbar__chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-card);z-index:100;animation:.15s fadeUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.navbar__dropdown-item{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;display:flex}.navbar__dropdown-item:hover{background:var(--bg-card);color:var(--text-primary)}.navbar__dropdown-item--danger:hover{color:var(--accent-danger)}.navbar__hamburger{background:var(--bg-glass-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-primary);ml:4px;justify-content:center;align-items:center;display:none}.navbar__mobile-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;padding:12px 16px 20px;animation:.2s fadeUp;display:flex;position:absolute;top:100%;left:0;right:0}.navbar__mobile-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:10px 14px;font-size:.925rem;font-weight:500}.navbar__mobile-link:hover,.navbar__mobile-link.active{background:var(--bg-card);color:var(--text-primary)}.navbar__mobile-link--danger{color:var(--accent-danger)}.navbar__mobile-divider{background:var(--border-color);height:1px;margin:6px 0}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}.navbar__icon-btn{display:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:64px 24px 48px;display:grid}.footer__logo-wrap{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer__logo{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.footer__brand-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1rem;font-weight:700}.footer__brand-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.footer__desc{color:var(--text-secondary);max-width:300px;margin-bottom:20px;font-size:.875rem;line-height:1.7}.footer__socials{gap:10px;display:flex}.footer__social{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__social:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#4f8ef714}.footer__col-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;font-size:.8rem;font-weight:600}.footer__links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer__links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem}.footer__links a:hover{color:var(--accent-primary)}.footer__bottom{border-top:1px solid var(--border-color);padding:20px 0}.footer__bottom-inner{justify-content:space-between;align-items:center;display:flex}.footer__copy{color:var(--text-muted);font-size:.8rem}.footer__credit{color:#ef4444;align-items:center;gap:5px;font-size:.8rem;display:flex}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.footer__brand{grid-column:1/-1}}@media (width<=600px){.footer__grid{grid-template-columns:1fr;gap:24px;padding:40px 16px 32px}.footer__bottom-inner{text-align:center;flex-direction:column;gap:8px}}.wcard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex-direction:column;animation:.5s both fadeUp;display:flex;position:relative;overflow:hidden}.wcard:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.wcard:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.wcard__accent{flex-shrink:0;width:100%;height:4px}.wcard__body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.wcard__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.wcard__type-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.wcard__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.wcard__desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.wcard__meta{flex-direction:column;gap:6px;display:flex}.wcard__meta-item{color:var(--text-muted);align-items:center;gap:7px;font-size:.8rem;display:flex}.wcard__meta-item svg{color:var(--text-muted);flex-shrink:0}.wcard__capacity{flex-direction:column;gap:6px;display:flex}.wcard__cap-row{justify-content:space-between;align-items:center;display:flex}.wcard__cap-label{color:var(--text-muted);align-items:center;gap:5px;font-size:.77rem;display:flex}.wcard__cap-pct{color:var(--text-secondary);font-size:.77rem;font-weight:600}.wcard__progress-bg{background:var(--bg-secondary);border-radius:999px;height:5px;overflow:hidden}.wcard__progress-fill{border-radius:999px;height:100%;transition:width .6s}.wcard__tags{flex-wrap:wrap;gap:6px;display:flex}.wcard__tag{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:999px;padding:3px 10px;font-size:.7rem}.wcard__footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.wcard__instructor{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;font-weight:500;overflow:hidden}.wcard__cta{color:var(--accent-primary);cursor:pointer;transition:gap var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:5px;padding:4px 0;font-size:.8rem;font-weight:600;display:flex}.wcard:hover .wcard__cta{gap:8px}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1)}}.hero__bg{z-index:0;background-image:url(/workshop_booking/hero-bg.jpg);background-position:50% 30%;background-size:cover;animation:7s cubic-bezier(.25,.8,.25,1) forwards slowZoom;position:absolute;inset:0;transform:scale(1.05)}.hero__overlay{z-index:1;background:linear-gradient(160deg,#0a0f1ed1 0%,#0a0f1eb3 50%,#0a0f1eeb 100%);position:absolute;inset:0}.hero__content{z-index:2;opacity:0;padding-top:120px;padding-bottom:80px;transition:opacity .7s,transform .7s;position:relative;transform:translateY(30px)}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__badge{color:var(--accent-primary);letter-spacing:.03em;background:#4f8ef726;border:1px solid #4f8ef759;border-radius:999px;align-items:center;gap:7px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero__title{color:var(--text-primary);max-width:780px;margin-bottom:20px;font-size:clamp(2.2rem,5.5vw,4rem);font-weight:900;line-height:1.1}.hero__title-accent{background:linear-gradient(135deg, var(--accent-primary) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#f1f5f9c7;max-width:600px;margin-bottom:36px;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7}.hero__cta{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:56px;display:flex}.hero__btn-main,.hero__btn-secondary{border-radius:var(--radius-lg);padding:14px 28px;font-size:1rem}.hero__stats{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);grid-template-columns:repeat(4,auto);gap:24px;width:fit-content;padding:24px 32px;display:grid}.hero__stat{text-align:center;border-right:1px solid var(--border-color);flex-direction:column;align-items:center;padding:0 16px;display:flex}.hero__stat:last-child{border-right:none}.hero__stat-icon{color:var(--accent-primary);margin-bottom:6px}.hero__stat-val{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:800;line-height:1}.hero__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.72rem;font-weight:500}.hero__scroll-hint{color:var(--text-muted);cursor:pointer;animation:2s ease-in-out infinite float;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.features__grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:28px;animation:.5s both fadeUp}.feature-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.feature-card__icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--accent-primary);background:#4f8ef71f;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-card__title{color:var(--text-primary);margin-bottom:10px;font-size:1.05rem;font-weight:700}.feature-card__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.65}.workshops-section__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.workshops-section__filters{gap:8px;display:flex}.filter-btn{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;padding:8px 18px;font-size:.85rem;font-weight:500}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.filter-btn--active{border-color:var(--accent-primary);color:var(--accent-primary);background:#4f8ef71f}.workshops-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.workshops-section__more{justify-content:center;margin-top:48px;display:flex}.types-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.type-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;animation:.5s both fadeUp;display:flex}.type-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.type-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.type-card__name{font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem;font-weight:700}.type-card__count{color:var(--text-muted);font-size:.75rem}.type-card__desc{color:var(--text-secondary);text-align:center;font-size:.75rem;line-height:1.5}.cta-banner{border-radius:var(--radius-2xl);padding:64px 56px;position:relative;overflow:hidden}.cta-banner__bg{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);opacity:.12;z-index:0;position:absolute;inset:0}.cta-banner:before{content:"";background:var(--bg-card);border:1px solid var(--border-color);border-radius:inherit;z-index:-1;position:absolute;inset:0}.cta-banner__content{z-index:1;max-width:640px;position:relative}.cta-banner__title{color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.cta-banner__desc{color:var(--text-secondary);margin-bottom:32px;font-size:1rem;line-height:1.65}.cta-banner__btns{flex-wrap:wrap;gap:14px;display:flex}@media (width<=1200px){.types-grid{grid-template-columns:repeat(3,1fr)}.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.workshops-grid{grid-template-columns:repeat(2,1fr)}.hero__stats{grid-template-columns:repeat(2,auto)}}@media (width<=768px){.workshops-grid{grid-template-columns:1fr}.hero__stats{gap:16px;padding:20px}.hero__stat{padding:0 12px}.hero__stat-val{font-size:1.3rem}.types-grid{grid-template-columns:repeat(2,1fr)}.cta-banner{padding:40px 28px}.workshops-section__header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.hero__stats{grid-template-columns:repeat(2,1fr);width:100%}.hero__stat{border-right:none;border-bottom:1px solid var(--border-color);padding:12px 0}.hero__stat:nth-child(2n){border-right:none}.hero__stat:nth-last-child(-n+2){border-bottom:none}.types-grid{grid-template-columns:repeat(2,1fr)}}.wt-page{padding-top:var(--nav-height)}.wt-hero{padding:80px 0 64px;position:relative;overflow:hidden}.wt-hero__bg{z-index:0;filter:brightness(.4);background-image:url(/workshop_booking/hero-bg.jpg);background-position:50% 40%;background-size:cover;position:absolute;inset:0}.wt-hero__overlay{z-index:1;background:linear-gradient(#0a0f1e99,#0a0f1ef2);position:absolute;inset:0}.wt-hero__content{z-index:2;position:relative}.wt-hero__eyebrow{color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-flex}.wt-hero__title{color:var(--text-primary);margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:900}.wt-hero__sub{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.wt-search{max-width:520px;position:relative}.wt-search__icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.wt-search__input{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:14px 16px 14px 48px;font-size:1rem}.wt-search__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.wt-search__input::placeholder{color:var(--text-muted)}.wt-type-pills{flex-wrap:wrap;gap:10px;padding:32px 0 24px;display:flex}.wt-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.wt-pill:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.wt-pill--active{border-color:var(--accent-primary);color:var(--accent-primary);background:#4f8ef71a}.wt-types-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.wt-type-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);gap:16px;padding:20px;animation:.4s both fadeUp;display:flex}.wt-type-hero-card:hover{border-color:var(--tcolor);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.wt-type-hero-card__icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wt-type-hero-card__body{flex:1}.wt-type-hero-card__name{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.wt-type-hero-card__desc{color:var(--text-secondary);margin-bottom:12px;font-size:.8rem;line-height:1.5}.wt-type-hero-card__meta{justify-content:space-between;align-items:center;display:flex}.wt-type-hero-card__count{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;display:flex}.wt-type-hero-card__link{color:var(--tcolor);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.wt-results-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.wt-results-count{color:var(--text-secondary);font-size:.875rem}.wt-clear{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.8rem;font-weight:500}.wt-worksho-grid,.wt-workshops-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}.wt-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 0;display:flex}.wt-propose-cta{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;margin:0 0 80px;padding:48px}.wt-propose-cta h3{color:var(--text-primary);margin-bottom:10px;font-size:1.5rem;font-weight:800}.wt-propose-cta p{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}@media (width<=900px){.wt-types-grid,.wt-workshops-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.wt-types-grid,.wt-workshops-grid{grid-template-columns:1fr}}.dash{padding-top:calc(var(--nav-height) + 40px);min-height:100vh;padding-bottom:80px}.dash__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.dash__title{color:var(--text-primary);margin-bottom:4px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900}.dash__sub{color:var(--text-secondary);font-size:1rem}.dash__stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:36px;display:grid}.dash__stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:flex-start;gap:16px;padding:22px;animation:.5s both fadeUp;display:flex}.dash__stat-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.dash__stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dash__stat-body{flex:1}.dash__stat-value{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:1.8rem;font-weight:800;line-height:1}.dash__stat-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500}.dash__stat-delta{font-size:.72rem;font-weight:600}.dash__columns{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.dash__main{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.dash__table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.dash__section-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.dash__table-filters{gap:8px;display:flex}.dash__table-wrap{overflow-x:auto}.dash__table{border-collapse:collapse;width:100%}.dash__table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 20px;font-size:.72rem;font-weight:600}.dash__table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:16px 20px}.dash__table-row:last-child td{border-bottom:none}.dash__table-row{transition:background var(--transition-fast)}.dash__table-row:hover{background:#ffffff05}.dash__ws-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.9rem;font-weight:600;overflow:hidden}.dash__table-date{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.dash__proposer{color:var(--text-secondary);white-space:nowrap;font-size:.82rem}.dash__participants{color:var(--text-secondary);align-items:center;gap:5px;font-size:.82rem;display:flex}.dash__action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.dash__action-btn:hover{background:var(--accent-primary-glow);color:var(--accent-primary);border-color:var(--accent-primary)}.dash__sidebar{flex-direction:column;gap:16px;display:flex}.dash__profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.dash__profile-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:64px;height:64px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex;box-shadow:0 0 0 4px #4f8ef733}.dash__profile-name{color:var(--text-primary);font-size:1rem;font-weight:700}.dash__profile-role{color:var(--accent-primary);text-transform:capitalize;font-size:.8rem;font-weight:500}.dash__profile-inst{color:var(--text-muted);font-size:.78rem}.dash__profile-stats{background:var(--bg-secondary);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:14px;display:grid}.dash__profile-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.dash__profile-stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.2rem;font-weight:800}.dash__profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.dash__quick{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:20px;display:flex}.dash__quick-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex}.dash__quick-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dash__quick-icon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--accent-primary);background:#4f8ef71a;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=1100px){.dash__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dash__columns{grid-template-columns:1fr}.dash__sidebar{flex-flow:wrap}.dash__profile-card{flex:280px}.dash__quick{flex:200px}}@media (width<=600px){.dash__stats{grid-template-columns:1fr 1fr}}.auth{align-items:stretch;min-height:100vh;display:flex;position:relative}.auth__bg{z-index:0;background-image:url(/workshop_booking/hero-bg.jpg);background-position:50%;background-size:cover;position:fixed;inset:0}.auth__overlay{z-index:1;background:linear-gradient(135deg,#0a0f1eeb 0%,#0a0f1ed9 100%);position:fixed;inset:0}.auth__container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;min-height:100vh;margin:0 auto;padding:40px 24px;display:grid;position:relative}.auth__left{color:var(--text-primary)}.auth__logo-wrap{align-items:center;gap:12px;margin-bottom:56px;display:flex}.auth__logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #4f8ef74d}.auth__logo-text{font-family:var(--font-heading);letter-spacing:.1em;font-size:1rem;font-weight:800}.auth__logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem}.auth__left-title{color:var(--text-primary);margin-bottom:20px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;line-height:1.15}.auth__left-accent{background:linear-gradient(135deg, var(--accent-primary), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth__left-desc{color:#f1f5f9b8;max-width:380px;margin-bottom:40px;font-size:1rem;line-height:1.7}.auth__features{flex-direction:column;gap:12px;display:flex}.auth__feature{color:var(--text-secondary);align-items:center;gap:10px;font-size:.9rem;display:flex}.auth__right{justify-content:center;align-items:center;display:flex}.auth__card{width:100%;max-width:440px;padding:40px}.auth__tabs{background:var(--bg-secondary);border-radius:var(--radius-md);gap:4px;margin-bottom:28px;padding:4px;display:flex}.auth__tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px;font-size:.9rem;font-weight:600}.auth__tab--active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth__form-title{color:var(--text-primary);margin-bottom:6px;font-size:1.4rem;font-weight:800}.auth__form-sub{color:var(--text-secondary);margin-bottom:28px;font-size:.875rem}.auth__input-wrap{position:relative}.auth__input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth__input{padding-left:42px!important}.auth__input--pass{padding-right:42px!important}.auth__eye{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth__eye:hover{color:var(--text-secondary)}.auth__forgot{justify-content:flex-end;margin-top:-12px;margin-bottom:20px;display:flex}.auth__forgot-link{color:var(--accent-primary);font-size:.8rem;font-weight:500}.auth__forgot-link:hover{text-decoration:underline}.auth__submit{border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);justify-content:center;margin-bottom:20px;padding:14px;font-size:1rem}.auth__submit--loading{opacity:.8;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.auth__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.auth__switch{text-align:center;color:var(--text-secondary);font-size:.875rem}.auth__switch-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.auth__switch-btn:hover{text-decoration:underline}.auth__success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;animation:.4s fadeUp;display:flex}.auth__success-icon{color:var(--accent-success);animation:1.5s infinite pulse-glow}.auth__success h3{color:var(--text-primary);font-size:1.4rem}.auth__success p{color:var(--text-secondary);font-size:.9rem}@media (width<=800px){.auth__container{grid-template-columns:1fr;align-content:center;gap:32px;padding:80px 16px}.auth__left{display:none}.auth__right{justify-content:center;width:100%}.auth__card{max-width:100%}}.profile{padding-top:calc(var(--nav-height) + 0px);min-height:100vh;padding-bottom:80px}.profile__banner{border-radius:0;margin-bottom:32px;position:relative;overflow:hidden}.profile__banner-bg{filter:brightness(.35)saturate(.8);background-image:url(/workshop_booking/hero-bg.jpg);background-position:50% 35%;background-size:cover;position:absolute;inset:0}.profile__banner:after{content:"";background:linear-gradient(#0a0f1e4d,#0a0f1ed9);position:absolute;inset:0}.profile__banner-content{z-index:1;flex-wrap:wrap;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:56px 24px 40px;display:flex;position:relative}.profile__avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));width:88px;height:88px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex;box-shadow:0 0 0 4px #4f8ef74d}.profile__identity{flex:1}.profile__name{color:var(--text-primary);margin-bottom:4px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900}.profile__role{color:var(--accent-primary);text-transform:capitalize;margin-bottom:12px;font-size:.9rem;font-weight:600}.profile__meta-row{flex-wrap:wrap;gap:16px;display:flex}.profile__meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.profile__edit-btn{flex-shrink:0;align-self:flex-start}.profile__cols{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}.profile__left,.profile__right{flex-direction:column;gap:24px;display:flex}.profile__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px}.profile__card-title{color:var(--text-primary);margin-bottom:20px;font-size:1rem;font-weight:700}.profile__card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.profile__card-link{color:var(--accent-primary);font-size:.82rem;font-weight:500}.profile__card-link:hover{text-decoration:underline}.profile__info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.profile__info-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:600}.profile__info-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.profile__edit-form{flex-direction:column;display:flex}.profile__stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile__stat{background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.profile__stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile__stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.6rem;font-weight:800;line-height:1}.profile__stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.profile__ws-list{flex-direction:column;gap:12px;display:flex}.profile__ws-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:14px;display:flex}.profile__ws-item:hover{border-color:var(--border-color-hover)}.profile__ws-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-primary);background:#4f8ef71f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile__ws-body{flex:1;overflow:hidden}.profile__ws-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.875rem;font-weight:600;overflow:hidden}.profile__ws-date{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;display:flex}.profile__cta-card{text-align:center;background:linear-gradient(135deg,#4f8ef714,#7c3aed14);border-color:#4f8ef733}.profile__cta-title{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.profile__cta-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem;line-height:1.6}@media (width<=1000px){.profile__cols{grid-template-columns:1fr}}@media (width<=600px){.profile__info-grid{grid-template-columns:1fr}.profile__stats-grid{grid-template-columns:repeat(3,1fr)}.profile__banner-content{flex-direction:column;align-items:flex-start}}.propose{min-height:100vh;padding-top:var(--nav-height);padding-bottom:80px;position:relative}.propose__bg{z-index:0;filter:brightness(.25);background-image:url(/workshop_booking/hero-bg.jpg);background-position:50% 40%;background-size:cover;position:fixed;inset:0}.propose__overlay{z-index:1;background:linear-gradient(#0a0f1eb3,#0a0f1ef2);position:fixed;inset:0}.propose__container{z-index:2;max-width:760px;padding-top:48px;position:relative}.propose__header{align-items:center;gap:18px;margin-bottom:36px;display:flex}.propose__page-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 20px #4f8ef74d}.propose__title{color:var(--text-primary);margin-bottom:4px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900}.propose__sub{color:var(--text-secondary);font-size:.95rem}.propose__steps{align-items:center;gap:0;margin-bottom:32px;display:flex}.propose__step{cursor:default;flex:1;align-items:center;gap:10px;display:flex;position:relative}.propose__step-num{background:var(--bg-card);border:2px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-base);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.propose__step--active .propose__step-num{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-color:var(--accent-primary);color:#fff;box-shadow:0 0 0 4px #4f8ef733}.propose__step--done .propose__step-num{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.propose__step--done{cursor:pointer}.propose__step-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:600}.propose__step--active .propose__step-label{color:var(--accent-primary)}.propose__step--done .propose__step-label{color:var(--accent-success)}.propose__step-line{background:var(--border-color);flex:1;height:2px;margin:0 10px}.propose__form{padding:36px}.propose__form-step{animation:.3s fadeUp}.propose__form-title{color:var(--text-primary);margin-bottom:28px;font-size:1.3rem;font-weight:800}.propose__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.propose__next-btn,.propose__step-btns .btn{margin-top:8px}.propose__step-btns{justify-content:flex-end;gap:14px;margin-top:8px;display:flex}.propose__review-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.propose__review-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:16px;display:flex}.propose__review-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-primary);background:#4f8ef71a;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.propose__review-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:3px;font-size:.72rem;font-weight:600}.propose__review-val{color:var(--text-primary);font-size:.95rem;font-weight:600}.propose__review-block{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px;padding:16px}.propose__review-text{color:var(--text-secondary);margin-top:4px;font-size:.875rem;line-height:1.65}.propose__success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 36px;animation:.5s fadeUp;display:flex}.propose__success-icon{color:var(--accent-success);animation:1.5s infinite pulse-glow}.propose__success h2{color:var(--text-primary);font-size:1.8rem;font-weight:800}.propose__success p{color:var(--text-secondary);max-width:420px;font-size:.95rem}.propose__success-sub{color:var(--text-muted)!important;font-size:.82rem!important}@media (width<=600px){.propose__form{padding:24px 20px}.propose__row,.propose__review-grid{grid-template-columns:1fr}}