:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#26313c;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}header{max-width:1060px;height:88px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-.8px}.brand img{width:34px;height:34px}nav{display:flex;align-items:center;gap:24px}.guide{font-size:14px;color:#606a74;padding:12px 0}.guide:hover{text-decoration:underline}.languages{display:flex;background:#efede7;border:1px solid #e5e2da;border-radius:10px;padding:3px;gap:2px}.languages button{border:0;background:transparent;padding:8px 12px;min-height:36px;border-radius:7px;color:#6c7176;font-size:13px;cursor:pointer}.languages button[aria-pressed=true]{background:white;color:#27323d;box-shadow:0 1px 4px #0000000d}main{max-width:1060px;margin:auto;padding:45px 32px 64px}.intro{margin-bottom:36px;text-align:center}h1{font-size:36px;letter-spacing:-1px;font-weight:700;line-height:1.3;margin:0 0 12px}.intro p{margin:0;color:#67727b;font-size:17px;line-height:1.6}.choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice{display:flex;background:white;border:1px solid #e5e5e0;border-radius:20px;box-shadow:0 5px 18px #363a4008;transition:transform .18s,box-shadow .18s}.choice:hover{transform:translateY(-3px);box-shadow:0 10px 26px #363a4015}.choice:focus-visible,button:focus-visible,.guide:focus-visible,.brand:focus-visible{outline:3px solid #167fcc;outline-offset:4px}.card-body{padding:28px;width:100%;display:flex;flex-direction:column}.card-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-title h2{font-size:25px;font-weight:700;letter-spacing:-.6px;margin:0}.type{font-size:12px;color:#64717b;border:1px solid #e2e6e9;padding:5px 8px;border-radius:6px;white-space:nowrap}.card-body p{font-size:16px;line-height:1.75;color:#64707b;margin:16px 0 24px;min-height:56px}.illustration{height:190px;display:flex;align-items:center;justify-content:center;background:#f5f6f8;border-radius:12px;margin-bottom:24px;padding:22px}.illustration img{display:block;object-fit:contain;max-width:100%;max-height:100%;height:auto}.real-icon-blocks{width:88%}.real-text-blocks{width:auto}.enter{display:flex;align-items:center;justify-content:space-between;min-height:50px;border-radius:10px;padding:12px 16px;background:#087fe6;color:white;font-size:15px;font-weight:600;margin-top:auto}.enter>span:last-child{font-size:22px;font-weight:400}.block-choice .enter{background:#087fe6}@media(max-width:700px){header{height:76px;padding:0 20px}.brand{font-size:22px;gap:8px}.brand img{width:30px;height:30px}nav{gap:12px}.guide{font-size:13px}.languages button{padding:7px 9px;min-height:36px}main{padding:26px 20px 40px}.intro{margin-bottom:26px}h1{font-size:28px;letter-spacing:-.6px;margin-bottom:10px}.intro p{font-size:15px}.choices{grid-template-columns:1fr;gap:20px}.card-body{padding:22px}.card-title{gap:10px}.card-title h2{font-size:23px}.card-body p{margin:14px 0 18px;min-height:0;font-size:15px}.illustration{height:156px;padding:18px;margin-bottom:20px}.choice{border-radius:16px}}@media(max-width:370px){header{padding:0 16px}.brand{font-size:21px}nav{gap:8px}.languages button{padding:7px}.guide{font-size:12px}main{padding-left:16px;padding-right:16px}h1{font-size:26px}.card-body{padding:18px}.card-title h2{font-size:21px}.type{font-size:11px}.illustration{padding:14px;height:145px}}@media(prefers-reduced-motion:reduce){.choice{transition:none}.choice:hover{transform:none}}

.language-select{display:none;font:inherit;font-size:14px;color:#26313c;border:1px solid #e5e2da;background:#efede7;border-radius:9px;padding:10px 12px;min-height:44px;max-width:120px}.language-select:focus-visible{outline:3px solid #167fcc;outline-offset:3px}@media(max-width:700px){.languages{display:none}.language-select{display:block}}

.card-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.card-title h2{font-size:28px;letter-spacing:-.5px;line-height:1.3}.type{font-size:14px;color:#73808b;border:0;padding:0;border-radius:0}@media(max-width:700px){.card-title h2{font-size:26px}.type{font-size:14px}}

.card-title .type{font-size:20px;font-weight:600;line-height:1.4;color:#4f5d69}@media(max-width:700px){.card-title .type{font-size:19px}}

.card-title{position:relative}.last-used{position:absolute;right:0;top:4px;font-size:12px;font-weight:500;color:#1769aa;background:#edf6ff;border-radius:6px;padding:5px 8px}@media(max-width:700px){.last-used{position:static;align-self:flex-start;margin-top:2px}}