*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:#213a36;font:15px/1.65 system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:32px}.welcome{width:100%;max-width:1060px;display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid #dce5e0;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px #213a3609}.welcome-story{background:#edf3ee;padding:44px;display:flex;flex-direction:column;gap:42px;justify-content:space-between}.welcome-brand{display:flex;align-items:center;gap:14px;font-weight:700;font-size:21px}.welcome-brand img{border-radius:12px;object-fit:contain;background:white}.welcome-brand small{display:block;font-size:12px;font-weight:400;color:#556d63}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#6d558b}h1{font-size:clamp(30px,3.3vw,43px);line-height:1.18;letter-spacing:-1.3px;margin:16px 0 20px}h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:15px 0 20px}p{color:#526760}.intro{font-size:16px;max-width:360px}.welcome-steps{list-style:none;padding:0;margin:0;display:grid;gap:15px;font-size:13px}.welcome-steps span{color:#6b8176;margin-right:14px;font-size:11px}.welcome-signin{padding:54px 44px}button{width:100%;min-height:52px;border:1px solid #a5b7ae;border-radius:10px;background:white;color:#213a36;display:flex;align-items:center;justify-content:center;gap:12px;font:600 14px system-ui;cursor:pointer;margin-top:28px}button:hover{background:#f3f7f4}button:disabled{opacity:.6;cursor:wait}button:focus-visible,summary:focus-visible{outline:3px solid #806199;outline-offset:4px}.google-mark{color:#4285f4;font:bold 22px Arial}.access-note,#status{font-size:12px}details{border-top:1px solid #e1e9e4;padding-top:18px;margin-top:26px;font-size:12px}summary{cursor:pointer;font-weight:600}footer{margin-top:36px;font-size:11px;color:#718178}footer small{display:block;margin-top:18px}.welcome-error{background:#fff0ed;color:#8d3429;padding:12px;border-radius:8px}@media(max-width:700px){body{padding:16px;display:block}.welcome{grid-template-columns:1fr;border-radius:18px}.welcome-story{padding:26px;gap:22px}.welcome-brand{font-size:19px}.welcome-brand img{width:48px;height:48px}h1{font-size:30px}.welcome-steps{display:none}.intro{font-size:14px;margin-bottom:0}.welcome-signin{padding:28px 26px}h2{font-size:25px}footer{margin-top:24px}}
.welcome-story{gap:30px}.welcome-visual{margin:0}.mini-artefacts{display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 0}.mini-artefacts>div{width:112px;height:133px;padding:11px 9px;border:1px solid #d1dacb;box-shadow:1px 7px 12px #243e2910;border-radius:3px;background:#fffef7;display:flex;flex-direction:column;gap:8px;flex-shrink:1;min-width:0}.mini-artefacts strong{font-size:9px;line-height:1.2;letter-spacing:-.2px}.mini-canvas{transform:rotate(-6deg)}.mini-canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:24px 24px;gap:3px}.mini-canvas-grid i{background:#f7e7a0;box-shadow:1px 2px 1px #8b79351a}.mini-canvas-grid i:nth-child(2),.mini-canvas-grid i:nth-child(5){background:#d6e2cc}.mini-canvas>span{font-size:6px;color:#819078}.mini-artefacts .mini-test{background:#e7edc6;transform:rotate(2deg);border-color:#ced8a5}.mini-artefacts .mini-learning{background:#dcebf0;transform:rotate(-3deg);border-color:#bdd4dc}.mini-artefacts small{font-size:6px;line-height:1.2;color:#60715e;display:block}.mini-artefacts .mini-learning small{color:#527582}.mini-test>i,.mini-learning>i{background:#ffffffbf;display:block;min-height:22px;border-radius:1px}.artefact-arrow{color:#8c9c80;font-size:12px}.welcome-visual figcaption{font-size:11px;color:#73836a;text-align:center;margin-top:14px}.back-studio{display:inline-block;margin-bottom:27px;color:#687d68;font-size:11px;text-decoration:none}.back-studio:hover{text-decoration:underline}.back-studio:focus-visible{outline:3px solid #806199;outline-offset:4px}
.jaba-theme{background:radial-gradient(ellipse at top left,#fff1cb,transparent 65%),#faf8f2;color:#292929}.jaba-theme .welcome{border-color:#e5e1d8;box-shadow:0 20px 70px #29292909}.jaba-theme .welcome-story{background:#f5f0e4}.jaba-theme .eyebrow{color:#806000}.jaba-theme p{color:#606060}.jaba-theme .welcome-brand small,.jaba-theme small{color:#6d675a}.jaba-theme .welcome-visual figcaption{color:#806000}.jaba-theme .back-studio{color:#806000}.jaba-theme button{border-color:#d3cbbb;color:#292929}.jaba-theme button:hover{background:#fff7df}.jaba-theme details{border-color:#e5e1d8}.jaba-theme footer{color:#787266}.jaba-theme .welcome-error{color:#8d3429}.jaba-theme .mini-artefacts>div{border-color:#d9cfb6}.jaba-theme .mini-test{border-color:#ced8a5}.jaba-theme .mini-learning{border-color:#bdd4dc}
@media(max-width:700px){.welcome-story{padding:22px 24px;gap:14px}.welcome-brand{font-size:17px}.welcome-brand img{width:38px;height:38px}.welcome-brand small{font-size:10px}.welcome-story h1{font-size:25px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 0}.welcome-story .eyebrow{font-size:8px;margin:0}.welcome-story .intro{display:none}.mini-artefacts{gap:7px;padding:4px 0}.mini-artefacts>div{height:84px;width:87px;padding:7px;gap:4px}.mini-artefacts strong{font-size:7px}.mini-artefacts small{font-size:4.8px}.mini-test>i,.mini-learning>i{min-height:12px}.mini-canvas-grid{grid-template-rows:16px 16px;gap:2px}.mini-canvas>span{font-size:4.8px}.artefact-arrow{font-size:10px}.welcome-visual figcaption{font-size:9px;margin-top:9px}.welcome-signin{padding:23px 24px}.back-studio{margin-bottom:16px;font-size:10px}.welcome-signin .eyebrow{font-size:8px;margin:0}.welcome-signin h2{font-size:24px;margin:9px 0 12px}.welcome-signin>p{font-size:13px;line-height:1.6}.welcome-signin button{margin-top:18px}.welcome-signin #status{margin:7px 0}.welcome-signin .access-note{font-size:11px}.welcome-signin details{margin-top:20px}.invitation-welcome .welcome-visual{display:none}.invitation-welcome .welcome-story h1{font-size:22px}.invitation-welcome .welcome-story h1 br{display:none}}
.access-page{background:white;border:1px solid #e5e1d8;border-radius:20px;max-width:560px;width:100%;padding:36px;overflow-wrap:anywhere;box-shadow:0 16px 60px #29292908}.access-page .welcome-brand{margin-bottom:32px;font-size:18px}.access-page .welcome-brand img{width:48px;height:48px}.access-page .eyebrow{margin-top:0}.access-page h1{font-size:31px}.access-page h2{font-size:15px;letter-spacing:0;margin:19px 0 6px}.access-page p{font-size:13px;line-height:1.8}.access-guidance{border:1px solid #e7e0d2;border-radius:10px;padding:0 18px 12px;background:#faf8f2;margin-top:23px}.access-page footer{margin-top:24px}@media(max-width:600px){.access-page{padding:25px 23px}.access-page h1{font-size:27px}.access-page .welcome-brand{font-size:17px}.access-guidance{padding:0 15px 12px}}