*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f3efe7;--bg-deep: #ece7de;--surface: #ffffff;--surface-warm: #fdfbf8;--border: #dfd8cc;--border-subtle: #ede8e0;--text-1: #1c1916;--text-2: #5a5449;--text-3: #9a948e;--navy: #2d2b6e;--navy-d: #21205a;--navy-l: #eeedf8;--gold: #a8945e;--gold-d: #8e7a47;--gold-l: #fdf5e6;--green: #4c7a60;--green-d: #3b6149;--green-m: #5d9275;--green-l: #edf4ef;--green-xl: #f5faf7;--red: #b84545;--red-l: #fdf0f0;--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-xs: 0 1px 3px rgba(28, 25, 22, .06);--shadow-sm: 0 2px 8px rgba(28, 25, 22, .07), 0 1px 2px rgba(28, 25, 22, .04);--shadow: 0 4px 20px rgba(28, 25, 22, .08), 0 1px 4px rgba(28, 25, 22, .04);--shadow-md: 0 8px 32px rgba(28, 25, 22, .1), 0 2px 8px rgba(28, 25, 22, .05);--shadow-lg: 0 16px 48px rgba(28, 25, 22, .12), 0 4px 16px rgba(28, 25, 22, .06);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--t-fast: .15s var(--ease);--t: .22s var(--ease);--t-slow: .36s var(--ease)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--sans);font-weight:400;background:var(--bg);color:var(--text-1);min-height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.2}to{transform:scale(.95);opacity:.5}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.skeleton{background:linear-gradient(90deg,var(--border-subtle) 25%,var(--bg-deep) 50%,var(--border-subtle) 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}.loading-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--bg)}.loading-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner-wrap{position:relative;width:40px;height:40px}.loading-spinner-wrap:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:var(--green-l);animation:pulse-ring 2s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:2.5px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:13px;font-weight:300;color:var(--text-3);letter-spacing:.04em}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr}@media (min-width: 900px){.login-page{grid-template-columns:44% 56%}}.login-panel{display:none;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.07) 0%,transparent 45%),radial-gradient(circle at 15% 75%,rgba(184,147,90,.15) 0%,transparent 45%),linear-gradient(155deg,#3e6b52,#2e5240 55%,#213c2f)}@media (min-width: 900px){.login-panel{display:flex;flex-direction:column;justify-content:space-between;padding:48px 44px}}.login-panel__logo{display:flex;align-items:center}.login-panel__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 0}.login-panel__quote{font-family:var(--serif);font-size:38px;font-style:italic;font-weight:400;color:#ffffffe6;line-height:1.25;letter-spacing:.01em;max-width:320px}.login-panel__sub{margin-top:16px;font-size:14px;font-weight:300;color:#ffffff8c;letter-spacing:.02em}.login-panel__footer{font-size:12px;font-weight:300;color:#ffffff59;letter-spacing:.03em}.login-panel__orb{position:absolute;border-radius:50%;pointer-events:none}.login-panel__orb--1{width:300px;height:300px;top:-80px;right:-80px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.login-panel__orb--2{width:200px;height:200px;bottom:60px;left:-60px;background:radial-gradient(circle,rgba(184,147,90,.1) 0%,transparent 70%)}.login-form-side{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:32px 20px;background:var(--bg);position:relative}@media (min-width: 900px){.login-form-side{min-height:unset;background:var(--surface);padding:48px 56px}}.login-card{width:100%;max-width:400px}.login-card__mobile-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:40px}@media (min-width: 900px){.login-card__mobile-brand{display:none}}.login-card__mobile-mark{width:48px;height:48px}.login-card__mobile-name{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--green);letter-spacing:.02em}.login-card__eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.login-card__heading{font-family:var(--serif);font-size:36px;font-weight:600;color:var(--text-1);line-height:1.15;margin-bottom:10px}.login-card__sub{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.65;margin-bottom:36px}.login-card__error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--red-l);border:1px solid #f0cccc;border-radius:var(--r-sm);margin-top:14px;font-size:13px;color:var(--red)}.login-card__hint{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:12px;font-weight:300;color:var(--text-3);text-align:center;line-height:1.6}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:var(--sans);font-size:15px;font-weight:500;color:var(--text-1);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--t),transform var(--t-fast),border-color var(--t-fast);text-align:center}.btn-google:hover:not(:disabled){box-shadow:var(--shadow);border-color:var(--green-m);transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-google:disabled{opacity:.55;cursor:not-allowed}.btn-google__icon{flex-shrink:0;width:20px;height:20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--green);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t);text-decoration:none;box-shadow:0 2px 8px #4c7a604d}.btn-primary:hover:not(:disabled){background:var(--green-d);box-shadow:0 4px 16px #4c7a6059;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;background:transparent;color:var(--text-2);border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);text-decoration:none;white-space:nowrap}.btn-outline:hover{background:var(--bg);border-color:var(--text-3);color:var(--text-1)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 24px;background:transparent;color:var(--red);border:1.5px solid #e8cccc;border-radius:var(--r-sm);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);width:100%}.btn-danger:hover{background:var(--red-l);border-color:#d8aaaa}.navbar{position:sticky;top:0;z-index:100;background:#f3efe7e0;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--border-subtle)}.navbar__inner{max-width:860px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.navbar__brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar__logo{width:30px;height:30px}.navbar__name{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--green);letter-spacing:.02em;white-space:nowrap}.navbar__sub{font-size:11px;color:var(--text-3);letter-spacing:.04em;display:none}@media (min-width: 540px){.navbar__sub{display:block}}.navbar__right{display:flex;align-items:center;gap:10px}.navbar__email{display:none;font-size:12px;font-weight:400;color:var(--text-3);padding:5px 12px;background:var(--bg-deep);border-radius:20px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 540px){.navbar__email{display:block}}.dash-page{min-height:100dvh;background:var(--bg)}.dash-container{max-width:860px;margin:0 auto;padding:0 24px 64px}.dash-welcome{padding:36px 0 28px;border-bottom:1px solid var(--border-subtle);margin-bottom:32px}.dash-welcome__eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.dash-welcome__heading{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--text-1);line-height:1.2;margin-bottom:8px}@media (min-width: 600px){.dash-welcome__heading{font-size:38px}}.dash-welcome__stats{font-size:13px;font-weight:300;color:var(--text-3);display:flex;align-items:center;gap:6px}.dash-welcome__stat-dot{width:3px;height:3px;border-radius:50%;background:var(--border);display:inline-block}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;transition:box-shadow var(--t),transform var(--t)}.group-card:hover{box-shadow:var(--shadow)}.group-card__header{padding:24px 28px 20px;background:linear-gradient(135deg,var(--green-xl) 0%,var(--surface-warm) 100%);border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.group-card__header-left{flex:1;min-width:0}.group-card__label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:6px}.group-card__label-dot{width:5px;height:5px;border-radius:50%;background:var(--green-m);flex-shrink:0}.group-card__title{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--text-1);line-height:1.2;margin-bottom:8px}.group-card__meta{display:flex;flex-wrap:wrap;gap:8px}.group-card__pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:400;color:var(--text-3);padding:3px 10px;background:#ffffffb3;border:1px solid var(--border-subtle);border-radius:20px}.group-card__count-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;background:var(--green);border-radius:var(--r-sm);box-shadow:0 2px 8px #4c7a6040}.group-card__count-num{font-family:var(--serif);font-size:22px;font-weight:600;color:#fff;line-height:1}.group-card__count-label{font-size:9px;font-weight:500;color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.rec-list{padding:6px 0}.rec-row{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border-subtle);transition:background var(--t-fast);position:relative}.rec-row:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--green);border-radius:0 2px 2px 0;opacity:0;transition:opacity var(--t-fast)}.rec-row:last-child{border-bottom:none}.rec-row:hover{background:var(--green-xl)}.rec-row:hover:before{opacity:1}@media (max-width: 600px){.rec-row{padding:14px 18px;gap:12px}}.rec-row__num{font-family:var(--serif);font-size:13px;font-weight:400;color:var(--text-3);width:22px;text-align:right;flex-shrink:0;line-height:1}.rec-row__icon{width:36px;height:36px;border-radius:50%;background:var(--green-l);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green);transition:background var(--t-fast),transform var(--t-fast)}.rec-row:hover .rec-row__icon{background:var(--green);color:#fff;transform:scale(1.06)}@media (max-width: 480px){.rec-row__num{display:none}.rec-row__icon{width:32px;height:32px}}.rec-row__info{flex:1;min-width:0}.rec-row__title{font-size:14px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.rec-row__date{font-size:12px;font-weight:300;color:var(--text-3)}.rec-row__action{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t);cursor:pointer}.rec-row__action:hover{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 10px #4c7a604d}.no-access-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg)}.no-access-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:48px 36px 40px;text-align:center}@media (max-width: 480px){.no-access-card{padding:36px 24px 32px;border-radius:var(--r-lg)}}.no-access-card__icon-wrap{width:72px;height:72px;margin:0 auto 24px;background:var(--gold-l);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold)}.no-access-card__eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.no-access-card__heading{font-family:var(--serif);font-size:28px;font-weight:600;color:var(--text-1);margin-bottom:12px;line-height:1.2}.no-access-card__body{font-size:14px;font-weight:300;color:var(--text-2);line-height:1.7;margin-bottom:24px}.no-access-card__email-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:24px;font-size:13px;color:var(--text-2);font-weight:400}.no-access-card__email-strip strong{font-weight:500;color:var(--text-1);word-break:break-all}.no-access-card__support{padding:16px 20px;background:var(--green-xl);border:1px solid #d4e8dd;border-radius:var(--r-sm);margin-bottom:28px;font-size:13px;font-weight:300;color:var(--text-2);line-height:1.65}.no-access-card__support a{color:var(--green);font-weight:500;text-decoration:none}.no-access-card__support a:hover{text-decoration:underline}.group-card--course{border-top:3px solid var(--gold)}.group-card--course .group-card__header{background:linear-gradient(135deg,var(--gold-l) 0%,var(--surface-warm) 100%)}.group-card--course .group-card__label{color:var(--gold-d)}.group-card--course .group-card__label-dot{background:var(--gold)}.group-card--course .group-card__count-badge{background:var(--gold);box-shadow:0 2px 8px #a8945e47}.rec-row--course:hover{background:var(--gold-l)}.rec-row--course:before{background:var(--gold)}.rec-row--course .rec-row__icon{background:var(--gold-l);color:var(--gold-d)}.rec-row--course:hover .rec-row__icon{background:var(--gold);color:#fff}.rec-row__action--course{border-color:#dcc99a;color:var(--gold-d)}.rec-row__action--course:hover{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 2px 10px #a8945e52}.empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:8px;color:var(--text-3)}.empty-state__icon{width:40px;height:40px;opacity:.4;margin-bottom:4px}.empty-state__text{font-size:13px;font-weight:300}.dash-footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;opacity:.5}.dash-footer__mark{width:18px;height:18px}.dash-footer__text{font-size:12px;font-weight:300;color:var(--text-3);font-family:var(--serif)}@media (max-width: 480px){.group-card__header{padding:18px 18px 14px}.group-card__count-badge{width:44px;height:44px}.group-card__count-num{font-size:18px}.group-card__title{font-size:19px}.dash-container{padding-left:16px;padding-right:16px}.navbar__inner{padding:0 16px}.rec-row__action{padding:12px 16px;min-height:44px}}.vp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#080604d6;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);display:flex;align-items:center;justify-content:center;padding:20px 16px;-webkit-user-select:none;user-select:none}.vp-container{background:#141210;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;width:100%;max-width:920px;box-shadow:0 40px 100px #000000a6,0 0 0 1px #ffffff0a;-webkit-user-select:none;user-select:none}.vp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px 16px;background:#1c1916;border-bottom:1px solid rgba(255,255,255,.06)}.vp-header__info{flex:1;min-width:0}.vp-header__label{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:5px}.vp-header__title{font-family:var(--serif);font-size:20px;font-weight:600;color:#ffffffeb;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-header__duration{display:inline-block;margin-top:5px;font-size:11px;font-weight:400;color:#ffffff59;letter-spacing:.02em}.vp-close{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.vp-close:hover{background:#ffffff24;border-color:#ffffff38;color:#fff}.vp-player{position:relative;background:#000;-webkit-user-select:none;user-select:none}.vp-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 24px;text-align:center;color:#ffffff59}.vp-fallback__heading{font-family:var(--serif);font-size:18px;font-weight:500;color:#ffffffa6}.vp-fallback__sub{font-size:13px;font-weight:300;color:#ffffff59;line-height:1.6}.vp-fallback__sub a{color:var(--gold);text-decoration:none}.vp-fallback__sub a:hover{text-decoration:underline}.vp-mobile-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;padding:32px 24px;text-align:center}.vp-mobile-fallback__msg{color:#aaa;font-size:14px;line-height:1.5;max-width:280px}.vp-open-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#c8a96e;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;transition:background .15s}.vp-open-btn:hover{background:#dbb97e}.vp-footer{padding:9px 22px;background:#111;font-size:11px;font-weight:300;color:#fff3;text-align:center;letter-spacing:.02em}.vp-footer kbd{font-family:var(--sans);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:1px 6px;font-size:10px}.rec-list,.rec-row{-webkit-user-select:none;user-select:none}.logo-img{display:block;object-fit:contain;mix-blend-mode:multiply}.logo-img--navbar{height:52px;width:auto}.logo-img--loading{height:110px;width:auto;animation:float 3s ease-in-out infinite}.logo-img--card{height:80px;width:auto;margin-bottom:8px}.logo-img--footer{height:32px;width:auto;opacity:.45}.logo-img--light{mix-blend-mode:normal;height:72px;width:auto;background:#fff;border-radius:12px;padding:10px 20px}