/* TinkerPie Studio - Welcome page */
body.wel{--wbg:linear-gradient(160deg,#1d6fe0 0%,#2f8cff 45%,#5aa9ff 100%);--card:#ffffff;--ink:#0e1a3a;--sub:#4b5878;--tile:#f6f9ff;--tline:#dde6f6;
  background:#1d6fe0;background-image:var(--wbg);min-height:100vh}
@media (prefers-color-scheme:dark){body.wel{--wbg:linear-gradient(160deg,#0b1430 0%,#0b0c10 60%);--card:#11141b;--ink:#eef1f6;--sub:#a9b2c3;--tile:#171b24;--tline:#262b36;background:#0b0c10}}
body.wel .top{background:#0b0c10;max-width:none;padding-left:max(16px,calc((100% - 1100px)/2 + 16px));padding-right:max(16px,calc((100% - 1100px)/2 + 16px))}
.wel-main{max-width:1180px;margin:0 auto;padding:24px 16px 48px}
.wel-card{background:var(--card);color:var(--ink);border-radius:24px;padding:28px clamp(16px,3vw,36px) 30px;box-shadow:0 20px 60px rgba(4,20,60,.25);text-align:center}
.wel-logo{display:block;margin:0 auto 6px;width:88px;height:88px;border-radius:20px}
.wel-card h1{margin:6px 0 4px;font:800 clamp(28px,5vw,48px)/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);letter-spacing:-.5px}
.wel-card h1 span{color:#1d6fe0}@media (prefers-color-scheme:dark){.wel-card h1 span{color:#5aa9ff}}
.wel-sub{font-size:clamp(17px,2.2vw,22px);color:var(--sub);margin:0 0 14px;font-weight:600}
.wel-acct{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px 0 6px}
.wel-btn{min-height:48px;min-width:150px;padding:0 22px;border-radius:999px;font:700 16px system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;border:2px solid #1d6fe0}
.wel-btn.ghost{background:transparent;color:#1d6fe0}.wel-btn.solid{background:#1d6fe0;color:#fff}.wel-btn:hover{filter:brightness(1.08)}
@media (prefers-color-scheme:dark){.wel-btn{border-color:#5aa9ff}.wel-btn.ghost{color:#8cc3ff}.wel-btn.solid{background:#1d6fe0}}
.wel-note{font-size:14px;color:var(--sub);margin:4px auto 18px;max-width:640px;min-height:22px}
.wel-note b{color:var(--ink)}
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:center}
.tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--tile);border:2px solid var(--tline);border-radius:20px;padding:16px 18px 20px;transition:transform .15s,box-shadow .15s}
.tool:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(10,30,80,.12)}
.tool .art{width:100%;max-width:360px;height:auto}
.tool h2{margin:4px 0 0;font:800 clamp(20px,2.4vw,26px)/1.2 system-ui,sans-serif;color:var(--ink)}
.tool p{margin:0 0 8px;color:var(--sub);font-size:15.5px;line-height:1.5;max-width:420px}
.tool .go{margin-top:auto;min-height:52px;width:min(100%,340px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font:800 18px system-ui,sans-serif;text-decoration:none}
.tool .go:hover{filter:brightness(1.1)}.tool .go span{font-size:22px}
.t-blue{background:linear-gradient(180deg,#eaf3ff,var(--tile));border-color:#cfe2ff}.t-blue .go{background:#1d6fe0}
.t-green{background:linear-gradient(180deg,#e8f8ee,var(--tile));border-color:#c8ecd6}.t-green .go{background:#0b7a3a}
.t-orange{background:linear-gradient(180deg,#fff3e2,var(--tile));border-color:#ffe0b3}.t-orange .go{background:#a34c00}
.t-purple{background:linear-gradient(180deg,#f1ebff,var(--tile));border-color:#ddd0ff}.t-purple .go{background:#6a3de8}
.t-teal{background:linear-gradient(180deg,#e3f7f8,var(--tile));border-color:#bfe9ec}.t-teal .go{background:#0b7c86}
@media (prefers-color-scheme:dark){.t-blue,.t-green,.t-orange,.t-purple,.t-teal{background:var(--tile)}.t-blue{border-color:#1d4f9a}.t-green{border-color:#16613a}.t-orange{border-color:#7a4a10}.t-purple{border-color:#4a2f99}.t-teal{border-color:#145e66}}
.tool.wide{grid-column:1/-1;flex-direction:row;text-align:left;gap:22px;align-items:center}
.tool.wide .art{max-width:520px;flex:1 1 55%}.wide-txt{flex:1 1 45%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.last{position:absolute;top:12px;left:12px;background:#ffb020;color:#2b1a00;font:800 12px/1 system-ui,sans-serif;padding:7px 10px;border-radius:999px;letter-spacing:.3px}
.tool.is-last{box-shadow:0 0 0 3px #ffb020}
.wel-more{margin:22px 0 0;color:var(--sub);font-size:15px}.wel-more a{color:#1d6fe0;font-weight:700}
@media (prefers-color-scheme:dark){.wel-more a{color:#8cc3ff}}
@media (max-width:640px){.tools{grid-template-columns:1fr}.tool.wide{flex-direction:column;text-align:center}.wide-txt{align-items:center}.wel-card{border-radius:18px;padding-top:20px}.wel-btn{flex:1 1 140px}}
@media (prefers-reduced-motion:reduce){.tool{transition:none}.tool:hover{transform:none}}