.main{position:relative}
.wel-screen{position:absolute;inset:0;z-index:300;background:var(--bg);overflow:auto;padding:0}
.wel-wrap{max-width:1040px;margin:0 auto;padding:52px 30px 46px}
.wel-eyebrow{font-size:11.5px;letter-spacing:.5px;color:var(--text3);margin:0 0 7px;font-weight:600;text-transform:uppercase}
.wel-h1{font-size:27px;font-weight:600;letter-spacing:-.5px;color:var(--text);margin:0 0 5px;font-family:var(--font-display,inherit)}
.wel-sub{font-size:13.5px;color:var(--text3);margin:0 0 28px}
.wel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(182px,1fr));gap:14px}
.wel-tile{display:flex;flex-direction:column;gap:11px;align-items:flex-start;text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:17px 16px 16px;cursor:pointer;transition:border-color .14s,background .14s,transform .12s}
.wel-tile:hover{border-color:var(--blue);background:#272f39;transform:translateY(-2px)}
.wel-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:rgba(47,161,173,.13);color:var(--blue-m)}
.wel-chip .ic{width:21px;height:21px;display:block}
.wel-lbl{font-size:14.5px;font-weight:600;letter-spacing:-.1px;color:var(--text)}
.wel-desc{font-size:12.5px;color:var(--text3);line-height:1.45}
#wel-recent{margin-top:30px}
.wel-recent-head{font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text3);text-transform:uppercase;margin:0 0 12px}
.wel-recent-list{display:flex;flex-direction:column;gap:8px;max-width:560px}
.wel-recent-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:11px;padding:11px 14px;cursor:pointer;transition:border-color .14s,background .14s;color:var(--text);font-family:inherit}
.wel-recent-row:hover{border-color:var(--blue);background:#272f39}
.wel-recent-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.wel-recent-lbl{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wel-recent-sub{font-size:11.5px;color:var(--text3)}
.wel-recent-arrow{width:16px;height:16px;color:var(--text3);flex-shrink:0}
/* CTP-BG START — welcome ("what would you like to do") screen: reveal the bg image + login-style glass tiles */
.wel-screen{
  background-image:linear-gradient(rgba(8,12,16,.60),rgba(8,12,16,.72)), var(--ctp-bg);
  background-size:cover,cover; background-position:center,50% 42%;
  background-attachment:fixed,fixed; background-repeat:no-repeat,no-repeat;
}
.wel-h1{ color:#eef6f8; text-shadow:0 1px 16px rgba(0,0,0,.55); }
.wel-sub, .wel-eyebrow, .wel-recent-head{ text-shadow:0 1px 10px rgba(0,0,0,.5); }
.wel-tile{
  background:rgba(10,15,20,.58); -webkit-backdrop-filter:blur(14px) saturate(120%); backdrop-filter:blur(14px) saturate(120%);
  border:1px solid rgba(130,220,228,.16); border-radius:16px;
  box-shadow:0 18px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(180,240,244,.08);
}
.wel-tile:hover{
  border-color:rgba(95,228,234,.55); background:rgba(16,23,30,.66); transform:translateY(-2px);
  box-shadow:0 22px 54px rgba(0,0,0,.5), 0 0 30px rgba(40,200,210,.16), inset 0 1px 0 rgba(180,240,244,.12);
}
.wel-chip{ background:rgba(70,192,208,.14); border:1px solid rgba(130,220,228,.26); color:#7fe6ec; box-shadow:inset 0 1px 0 rgba(180,240,244,.18); }
.wel-recent-row{
  background:rgba(10,15,20,.55); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid rgba(130,220,228,.14); border-radius:12px;
}
.wel-recent-row:hover{ border-color:rgba(95,228,234,.5); background:rgba(16,23,30,.64); }
/* CTP-BG END */