:root { --pink:#ee9a78; --accent:#ee9a78; --line:rgba(255,255,255,.12); }
*, *::before, *::after { box-sizing:border-box; }
html { min-height:100%; background:#050507!important; background-image:none!important; scroll-padding-top:120px; }
body { min-height:100svh; isolation:isolate; background:#050507!important; background-image:none!important; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:1!important; background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.7)),url("site-bg.jpg") center/cover no-repeat!important; }
body::after { pointer-events:none; }

#reveal-stage > .texture-grain,
#reveal-stage > .texture-vignette,
#reveal-stage > .texture-dots,
#reveal-stage > .home-aurora,
#reveal-stage > .particle-field,
#reveal-stage > .cursor-spotlight { display:none!important; }
#reveal-stage, .home-collections, .tools-strip { background:none!important; }
#reveal-stage::before, #reveal-stage::after,
.tools-strip::before, .tools-strip::after { content:none!important; display:none!important; }
img, video { max-width:100%; }
input, select, textarea { min-width:0; max-width:100%; }
h1, h2, h3, p, a, strong { overflow-wrap:break-word; }
:focus-visible { outline:2px solid #99adff; outline-offset:4px; }
[hidden] { display:none!important; }
.login-stage, #reveal-stage, .tools-strip, .store-section { background:transparent!important; background-image:none!important; }
.login-stage { padding:116px 20px 48px; }
.site-nav, .login-nav { gap:20px; }
.nav-links, .login-nav-links { min-width:0; }
.site-nav .discord-btn, #discord-login.discord-btn, .login-nav-action, .discord-login {
  background:#5865f2!important; color:#fff!important; background-image:none!important; box-shadow:none!important;
}
.site-nav .discord-btn:hover, #discord-login.discord-btn:hover, .login-nav-action:hover, .discord-login:not(.disabled):hover { background:#6f7aff!important; color:#fff!important; }
.discord-login img, .login-nav-action img { filter:brightness(0) invert(1)!important; }
.nav-links a::before, .nav-links a::after { content:none!important; display:none!important; }
.home-hero { height:auto!important; min-height:100svh!important; padding:156px 24px 80px!important; }
.home-hero h1 { max-width:100%; font-size:clamp(40px,6.3vw,112px)!important; line-height:1.08!important; }
.home-hero h1 em { margin-left:0!important; }
.hero-signature, .hero-actions { flex-wrap:wrap; justify-content:center; }
.tools-panel { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important; gap:40px!important; }
.tools-copy, .tools-grid, .course-title, .lesson-content, .admin-layout > *, .library-actions label { min-width:0; }
.library-brand strong { background:transparent!important; color:#ee9a78!important; }
.library-actions { flex-wrap:wrap; }
.library-actions label { flex:1 1 180px; }
.library-actions input { width:100%; }
.admin-layout { grid-template-columns:220px minmax(0,1fr); }
.category-head, .category-actions, .video-row, .workspace-head { gap:12px; flex-wrap:wrap; }
.video-row > *, .folder-depth { min-width:0; }
.video-row > span { overflow-wrap:anywhere; }
.resource-file { overflow-wrap:anywhere; }
.account-menu { max-width:calc(100vw - 32px); }
.site-nav .account-shell { z-index:20; }
.site-nav .account-menu {
  top:calc(100% + 12px);
  width:268px;
  padding:6px;
  border:1px solid #ffffff14;
  border-radius:20px;
  background:#0c0d10!important;
  background-image:none!important;
  box-shadow:0 18px 44px #0006!important;
  backdrop-filter:none;
  max-height:calc(100svh - 140px);
  overflow-y:auto;
}
.account-menu .account-summary { padding:14px 12px 16px; gap:5px; border-bottom:1px solid #ffffff12; }
.account-summary strong { color:#f4f4f6; font-size:14px; font-weight:650; letter-spacing:-.02em; }
.account-summary small { color:#a1a3ae; font-size:12px; }
.account-summary code { color:#727580; font:11px/1.5 Inter,system-ui,sans-serif; overflow-wrap:anywhere; }
.account-menu .account-menu-links { gap:3px; padding-top:7px; }
.account-menu .account-menu-links a,
.account-menu .account-menu-links button {
  min-height:43px;
  padding:10px 13px;
  gap:12px;
  border-radius:10px;
  background:transparent!important;
  color:#dcdee5!important;
  font:550 12px/1.4 Inter,system-ui,sans-serif;
  box-shadow:none!important;
  transition:background .16s ease,color .16s ease;
}
.account-menu .account-menu-links a:hover,
.account-menu .account-menu-links a:focus-visible { background:#ffffff09!important; color:#fff!important; }
.account-menu .account-menu-icon { width:16px; height:16px; flex-basis:16px; opacity:.6; }
.account-menu .account-menu-links .sign-out {
  margin-top:6px;
  padding:13px;
  border-top:1px solid #ffffff12;
  border-radius:0 0 14px 14px;
  color:#ef777b!important;
}
.account-menu .account-menu-links .sign-out:hover,
.account-menu .account-menu-links .sign-out:focus-visible { background:#ef777b0a!important; color:#ff9699!important; }
.site-nav .account-trigger img { width:32px; height:32px; border:1px solid #ffffff20; }
.site-nav .account-trigger strong { font-size:12px; }
.site-nav .account-trigger small { font-size:10px; }
.site-nav .account-trigger {
  background:#0c0d10!important;
  background-image:none!important;
  color:#f5f5f7!important;
  border:1px solid #ffffff24!important;
  box-shadow:none!important;
}
.site-nav .account-trigger:hover,
.site-nav .account-trigger[aria-expanded="true"] {
  background:#2b2d34!important;
  border-color:#ffffff40!important;
}
.site-nav .account-trigger small,
.site-nav .account-trigger > b { color:#b5b7c2!important; }
.viewer-watermark-layer span, .viewer-watermark-layer::before, .viewer-watermark-layer::after { border-color:rgba(255,255,255,.2); color:rgba(255,255,255,.72); }
.viewer-watermark-layer::before, .viewer-watermark-layer::after { content:none!important; display:none!important; }
.viewer-watermark-layer span:nth-child(n+2) { display:none!important; }
.viewer-watermark-layer span:first-child { top:50%!important; left:50%!important; right:auto!important; bottom:auto!important; width:92%!important; max-width:92%!important; padding:9px 12px!important; animation:none!important; transform:translate(-50%,-50%) rotate(18deg)!important; transform-origin:center; font-size:clamp(9px,1vw,14px); line-height:1.5; text-align:center; overflow-wrap:anywhere; white-space:normal; opacity:.65; }
.video-shell.has-video-error .viewer-watermark-layer { display:none!important; }
.viewer-fullscreen-button, .video-error button { background:#252730!important; color:#f5f5f7!important; border:1px solid #ffffff30!important; box-shadow:none!important; }
.viewer-fullscreen-button:hover, .video-error button:hover { background:#353844!important; color:#fff!important; }
.video-error { position:absolute; inset:0; display:grid; align-content:center; justify-items:center; gap:16px; padding:24px; background:#101116; color:#fff; text-align:center; z-index:3; }
.video-error p { max-width:44ch; margin:0; line-height:1.6; }
.video-error button { padding:10px 18px; border:1px solid #ffffff30; border-radius:8px; background:#5865f2; color:white; cursor:pointer; }
@media(max-width:1000px) {
  .connection-panel { grid-template-columns:minmax(0,1fr) auto; }
  .connection-panel .divider { grid-column:1/-1; width:100%; height:1px; }
}
@media(max-width:760px) {
  .tools-panel { grid-template-columns:minmax(0,1fr)!important; gap:28px!important; }
  .admin-layout { grid-template-columns:minmax(0,1fr); }
  .library-actions { width:100%; }
  .library-actions input { width:100%!important; }
  .course-hero { flex-wrap:wrap; }
  .course-user { display:none; }
  .home-hero { padding:140px 20px 64px!important; }
  .hero-signature { gap:8px; max-width:100%!important; line-height:1.6; }
  .home-hero h1 { font-size:clamp(36px,8vw,60px)!important; }
  .category { margin-left:0; padding:14px; }
  .category-actions { width:100%; }
  .upload-form { grid-template-columns:minmax(0,1fr); }
  .legal-nav, .team-nav, .purchase-nav, .course-nav { gap:12px; }
}
@media(max-width:480px) {
  .connection-panel, .subfolder-grid { grid-template-columns:minmax(0,1fr); }
  .connection-panel .connect-button { justify-self:start; }
  .hero-actions { width:100%; gap:12px; }
  .hero-actions > a { min-width:0; max-width:100%; }
  .purchase-nav { padding:12px; height:auto; min-height:62px; }
  .brand, .legal-brand, .team-brand { font-size:12px; }
  .store-card { padding:18px; gap:12px; }
  header h1 { font-size:clamp(34px,10vw,48px); }
  .login-card { width:100%; max-width:400px; padding:28px 22px; }
}
.sale-promo { width:min(1120px,calc(100% - 48px)); margin:0 auto 56px; display:grid; grid-template-columns:1fr 1fr; gap:32px 48px; padding:36px; border:1px solid #ffffff20; border-radius:16px; background:#121318; }
.sale-label { color:#b8bbc6; font:600 10px/1.5 Inter,system-ui,sans-serif; letter-spacing:.1em; }
.sale-copy h2 { margin:14px 0; font-size:clamp(30px,4vw,48px); line-height:1.08; letter-spacing:-.045em; }
.sale-copy h2 em { font-style:normal; color:#f1c5ab; }
.sale-copy > p { color:#b5b7c2; font-size:14px; line-height:1.7; margin:0 0 24px; }
.sale-cta { display:inline-flex; align-items:center; gap:20px; padding:12px 16px; background:#f1c5ab; border-radius:8px; color:#191515; text-decoration:none; font:600 12px/1.5 Inter,system-ui,sans-serif; }
.sale-cta:hover { background:#f8d7c3; }
.sale-prices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sale-prices > div { padding:22px; border:1px solid #ffffff16; border-radius:10px; background:#191b21; display:flex; flex-direction:column; justify-content:center; gap:12px; }
.sale-prices span { color:#c8cad3; font-size:13px; }
.sale-prices strong { color:#f1c5ab; font-size:clamp(26px,3vw,38px); line-height:1.1; letter-spacing:-.04em; }
.sale-prices small { color:#969aa8; font:500 10px Inter,system-ui,sans-serif; letter-spacing:0; }
.sale-terms { grid-column:1/-1; border-top:1px solid #ffffff16; padding-top:18px; margin:0; color:#a3a5af; font-size:11px; line-height:1.8; }
.sale-terms a { color:#c9cbd4; text-underline-offset:3px; }
body:has(.purchase-hero) .sale-promo { width:100%; margin-top:40px; }
@media(max-width:760px) { .sale-promo { width:calc(100% - 32px); padding:24px; grid-template-columns:minmax(0,1fr); gap:24px; } .sale-prices > div { padding:18px 14px; } }

:root { --surface:#121318; --text:#f2f1ed; --muted:#a3a5af; --edge:#ffffff18; }
body { color:var(--text); font-family:Inter,system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
button, input, select, textarea { font-family:inherit; }
.site-nav, .login-nav { border-radius:16px!important; background:rgba(12,13,16,.94)!important; border-color:var(--edge)!important; box-shadow:none!important; }
.nav-brand { gap:9px; }
.nav-brand img { width:38px!important; height:38px!important; filter:none!important; }
.nav-wordmark { display:flex!important; flex-direction:column; align-items:flex-start; font:700 15px/1.25 Inter,system-ui,sans-serif; letter-spacing:-.03em; color:#f2f1ed; }
.nav-wordmark span { color:#a3a5af!important; font-size:10px; font-weight:500; letter-spacing:.03em; }
.home-hero { min-height:85svh!important; max-width:1120px; padding-top:174px!important; padding-bottom:90px!important; }
.home-hero h1 { font-size:clamp(42px,6.4vw,96px)!important; letter-spacing:-.065em; line-height:1.05!important; gap:12px; }
.home-hero h1 em { color:#f1c5ab!important; -webkit-text-fill-color:#f1c5ab!important; background:none!important; }
.home-hero .hero-signature { font-size:12px; color:#c1c2c9; margin:0 0 32px; }
.home-hero .hero-description { max-width:540px; margin:24px 0 30px; color:#c0c1c9; font-size:16px; line-height:1.7; }
.hero-actions { gap:12px; }
.hero-actions a { min-height:48px; padding:14px 22px; border-radius:9px!important; font-size:13px; }
.purchase-action { background:#f1c5ab!important; color:#191515!important; }
.purchase-action:hover { background:#f8d7c3!important; }
.showcase-action { background:#17181e!important; border:1px solid var(--edge)!important; }
.discount-banner { background:#0c0d10!important; border-color:var(--edge)!important; }
.discount-banner p, .discount-banner p a { font-size:11px; }
.discount-banner a { color:#f1c5ab!important; }
.home-collections { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:32px 0 80px; }
.home-collections > header { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-label { color:#b1b3be; font-size:10px; letter-spacing:.14em; font-weight:650; }
.home-collections h2 { margin:12px 0 0; max-width:560px; font-size:clamp(28px,3.5vw,42px); line-height:1.15; letter-spacing:-.045em; }
.home-collections > header > a { flex-shrink:0; color:#d9dae1; font-size:12px; text-decoration:none; padding:10px 0; border-bottom:1px solid #ffffff30; }
.collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.collection-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--edge); border-radius:14px; background:#121318; color:var(--text); text-decoration:none; transition:transform .2s ease,border-color .2s ease; }
.collection-card:hover { transform:translateY(-4px); border-color:#ffffff38; }
.collection-card > img { width:42px; height:42px; object-fit:contain; margin:0 0 24px; }
.collection-card > img[src$="discord-logo.png"] { filter:brightness(0) invert(1); opacity:.9; }
.collection-card h3 { margin:0 0 12px; font-size:23px; letter-spacing:-.035em; }
.collection-card p { margin:0 0 28px; color:#a3a5af; font-size:13px; line-height:1.7; }
.collection-link { display:flex; justify-content:space-between; margin-top:auto; padding-top:20px; border-top:1px solid var(--edge); font-size:12px; }
.collection-link b { font-size:16px; font-weight:500; }
.tools-strip { padding:12px 24px 96px!important; }
.tools-panel { background:#121318!important; border-radius:14px!important; padding:40px!important; backdrop-filter:none!important; }
.tools-copy h2 { font-size:clamp(30px,3.5vw,44px)!important; line-height:1.12; }
.tools-copy h2 em { color:#f1c5ab!important; -webkit-text-fill-color:#f1c5ab!important; }
.tools-copy p { color:#a3a5af!important; font-size:13px!important; line-height:1.7; }
.tool-card { border-radius:8px; background:transparent!important; }
.tool-card small { color:#a3a5af!important; font-size:11px; }
.site-footer { background:#0c0d10!important; border-color:var(--edge)!important; }
.footer-brand p { color:#a3a5af; }
.footer-column h2 { color:#bfc1cb!important; }
.library-nav, .team-nav, .legal-nav, .course-nav, .purchase-nav, body:has(.admin-layout) > nav { background:#0c0d10ed!important; border-color:var(--edge)!important; }
.library-header h1, .purchase-hero h1, .team-hero h1, .legal-hero h1 { letter-spacing:-.06em; line-height:1.06; }
.library-header p, .purchase-hero p, .team-hero p, .course-title p { color:#b5b7c2!important; font-size:14px; line-height:1.7; }
.library-course, .store-card, .module, .module-card, .subfolder, .category, .resource-panel, .course-resources { background:#121318!important; border:1px solid var(--edge)!important; border-radius:12px; box-shadow:none!important; }
.library-course { min-height:100px; padding:18px 22px; }
.library-course-copy strong { font-size:16px; }
.library-course-copy small { font-size:12px; color:#a3a5af; }
.library-course:hover { padding-left:22px; background:#191b22!important; }
.library-actions button, .courses-refresh, .connect-button.secondary { background:#22242d!important; color:#f2f1ed!important; }
.store-card h3 { font-size:21px; }
.store-card p { font-size:12px; color:#a3a5af; }
.course-icon, .step, .verify-button { background:#22242d!important; border-color:#ffffff20!important; color:#d5d7e0!important; }
.connection-panel { background:#121318; padding:24px; border-radius:12px; }
.login-card { background:#121318f5!important; border-radius:20px; border-color:#ffffff20; padding:38px 34px; backdrop-filter:none!important; box-shadow:0 24px 60px #0003!important; }
.login-card h1 { font-size:28px; letter-spacing:-.045em; }
.login-card p { color:#a3a5af; line-height:1.65; }
.discord-login { border-radius:10px; min-height:50px; }
.legal-content, .legal-section { color:#c1c3cb; line-height:1.85; }
.video-shell { border-radius:12px; box-shadow:none; }
.workspace-head, .resource-head { gap:16px; }
input:not([type=checkbox]):not([type=range]), select, textarea { border-radius:8px; background:#15161c; border-color:#ffffff24; }
@media(max-width:900px) { .collection-card { padding:22px; } }
@media(max-width:760px) {
  .home-hero { min-height:80svh!important; padding:144px 16px 64px!important; }
  .home-hero h1 { font-size:clamp(34px,8vw,60px)!important; }
  .home-hero .hero-description { font-size:14px; }
  .home-collections { width:calc(100% - 32px); padding-bottom:56px; }
  .home-collections > header { align-items:start; flex-direction:column; gap:12px; }
  .collection-grid { grid-template-columns:1fr; }
  .collection-card { padding:24px; }
  .collection-card > img { margin:0 0 18px; }
  .tools-strip { padding:0 16px 64px!important; }
  .tools-panel { padding:26px!important; }
  .library-course:hover { padding-left:14px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-delay:0ms!important; transition-duration:.01ms!important; }
}