/* 로그인 후 초보자 안내 — 첫 화면(BUILD THE FUTURE)과 같은 톤 */
.ob-bg{position:fixed;inset:0;z-index:1000;background:rgba(3,5,10,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:obfade .25s ease}
@keyframes obfade{from{opacity:0}to{opacity:1}}
.ob{width:min(1080px,100%);height:min(640px,calc(100vh - 32px));display:flex;overflow:hidden;border-radius:20px;color:#f4f6fb;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;
  border:1px solid transparent;background:linear-gradient(#0a0d18,#0a0d18) padding-box,linear-gradient(135deg,rgba(127,227,255,.55),rgba(167,139,250,.25) 45%,rgba(255,91,214,.5)) border-box;box-shadow:0 0 60px rgba(127,227,255,.1),0 40px 100px rgba(0,0,0,.6)}
.ob-img{position:relative;width:380px;flex:none;background:#05070d}
.ob-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.ob-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,24,0) 55%,#0a0d18 100%),linear-gradient(0deg,rgba(10,13,24,.7) 0%,rgba(10,13,24,0) 30%)}
.ob-unit{position:absolute;left:22px;bottom:20px;z-index:1;font-size:11px;letter-spacing:.24em;color:#7fe3ff;text-shadow:0 0 10px rgba(127,227,255,.7)}
.ob-body{flex:1;min-width:0;padding:38px 46px 30px;display:flex;flex-direction:column;gap:16px;overflow:auto}
.ob-top{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.2em}
.ob-tag{color:#7fe3ff;font-weight:600}.ob-cnt{margin-left:auto;color:rgba(244,246,251,.5)}
.ob-skip{background:none;border:0;color:rgba(244,246,251,.55);font:inherit;letter-spacing:.06em;cursor:pointer;min-height:32px}.ob-skip:hover{color:#fff}
.ob h2{margin:4px 0 0;font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1.25}
.ob-desc{margin:0;font-size:16px;line-height:1.7;color:rgba(244,246,251,.65)}
.ob-steps{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ob-steps li{display:flex;gap:16px;align-items:flex-start}
.ob-steps span{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#7fe3ff;border:1px solid rgba(127,227,255,.45);background:rgba(127,227,255,.06)}
.ob-steps b{display:block;font-size:16px;font-weight:600}.ob-steps small{display:block;font-size:13px;color:rgba(244,246,251,.55);margin-top:3px;line-height:1.55}
.ob-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ob-card{border-radius:14px;padding:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;min-height:200px}
.ob-card small{font-size:11px;font-weight:600;letter-spacing:.08em}.ob-card b{font-size:17px}.ob-card p{margin:0;font-size:13px;line-height:1.6;color:rgba(244,246,251,.65)}.ob-card em{margin-top:auto;font-style:normal;font-size:12px;color:rgba(244,246,251,.45)}
.ob-card.ok{border-color:rgba(52,211,153,.55);background:rgba(52,211,153,.06)}.ob-card.ok small{color:#34d399}
.ob-card.cy small{color:#7fe3ff}.ob-card.mg small{color:#f0abfc}
.ob-nav{margin-top:auto;display:flex;align-items:center;gap:16px;padding-top:12px}
.ob-prev{width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#f4f6fb;font-size:18px;cursor:pointer}.ob-prev:disabled{opacity:.3;cursor:default}
.ob-dots{display:flex;gap:7px}.ob-dots i{width:8px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);transition:width .2s}.ob-dots i.on{width:26px;background:linear-gradient(90deg,#7fe3ff,#a78bfa)}
.ob-next{margin-left:auto;height:46px;padding:0 24px;border-radius:12px;border:1px solid rgba(127,227,255,.6);background:transparent;color:#7fe3ff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.ob-next.last,.ob-next:hover{background:linear-gradient(90deg,#7fe3ff,#a78bfa);color:#060814;border-color:transparent}
.ob button:focus-visible{outline:2px solid #7fe3ff;outline-offset:2px}
@media(max-width:820px){.ob{flex-direction:column;height:calc(100vh - 32px)}.ob-img{width:100%;height:160px}.ob-img img{object-position:50% 15%}.ob-body{padding:22px 20px}.ob h2{font-size:24px}.ob-cards{grid-template-columns:1fr}.ob-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.ob-bg{animation:none}.ob-dots i{transition:none}}