.tutorial{width:80%;margin:2rem auto;background:#fff;padding:2rem 1.5rem}.tutorial h2,.tutorial h3,.tutorial h4,.tutorial p{margin:0;padding:0;text-align:center;color:#2d3748}.tutorial h2{font-size:28px;margin-bottom:16px}.tutorial h3{font-size:24px;margin-bottom:12px}.tutorial p{font-size:17px;letter-spacing:1px;line-height:1.8;font-weight:400}.tutorial ul{list-style:none;padding:0;margin:48px 0 0}.tutorial li{margin-bottom:1rem;text-align:center}.block-area{padding:32px;margin:32px 0;color:#232323;background:#fff8e8;border-left:solid 10px #ffb144}.blocks{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;margin-top:24px}.blocks .block{display:flex;flex-direction:column;align-items:center}.blocks .block:not(:last-child){margin-bottom:24px}img.block-img,img.block-big-img{display:block;margin-top:16px}img.block-img{height:64px}img.block-big-img{height:128px}.howto{padding:24px 16px;margin:2em 0;font-weight:700;border:solid 2px #ccc;border-radius:8px}img.howto-img{width:60%;margin:auto;display:block;border:solid 2px #ccc;border-radius:8px}.description{margin-top:24px;border-top:#2d3748 solid 1px;padding:24px 20px 0}.description p,.trivia h4,.trivia p{text-align:left}.trivia{margin:24px 16px;position:relative;padding:18px 28px;border:solid 2px #ffcb8a;border-radius:3px 0}.trivia:before,.trivia:after{content:"";position:absolute;width:10px;height:10px;border:solid 2px #ffcb8a;border-radius:50%}.trivia:after{top:-12px;left:-12px}.trivia:before{bottom:-12px;right:-12px}.trivia p{margin:0;padding:0}.trivia .item:not(:last-child){margin-bottom:16px;padding:0}.trivia .item h4{margin-bottom:10px;padding:0}.try-section{padding:24px 32px;margin:32px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:solid 2px #6091d3;border-radius:10px}.try-section h3,.try-section p{color:#6091d3}.try-section p{text-align:left}.circle{width:24px;height:24px;vertical-align:bottom;border-style:solid;border-width:1px;border-radius:50%;display:inline-block;margin:0 4px}.circle-yellow{background-color:#ffd501;border-color:#dfae77}.circle-orange{background-color:#ffab1a;border-color:#cf8b16}.circle-green{background-color:#1abd8c;border-color:#1f9670}.circle-blue{background-color:#4c97fe;border-color:#3373cc}.circle-purple{background-color:#9966fe;border-color:#774dcb}.navigation{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1em;margin:2em 0 1em;width:100%}.back-to-top{position:fixed;right:32px;bottom:64px;margin:0;z-index:1000;display:inline-block;background:#fff;color:#4f8cff;border:1.5px solid #4f8cff;border-radius:100px;padding:.7em 1.6em;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #4f8cff14;transition:background .2s,color .2s,border .2s}.back-to-top:hover{background:#4f8cff;color:#fff;border:1.5px solid #4f8cff}.primary-btn{background:linear-gradient(90deg,#ffb144 0%,#f7731b 100%);color:#fff;border:none;border-radius:8px;padding:.75em 2em;font-size:1.1em;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;outline:none}.primary-btn:hover{background:linear-gradient(90deg,#f7731b 0%,#ffb144 100%);transform:translateY(-2px) scale(1.03)}.secondary-btn{background:#fff;color:#f7731b;border:1.5px solid #f7731b;border-radius:8px;padding:.75em 2em;font-size:1.1em;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.secondary-btn:hover{background:#ffb1441c;transform:translateY(-2px) scale(1.03)}body{margin:0;padding:0}header{background:#E4E7EB;color:#333;text-align:center;padding:24px}header h1{font-size:26px;margin:0}.logo{width:120px}a{display:inline-block}.center{text-align:center;width:100%}.my-24{margin:24px 0}footer{background:#333;text-align:center;padding:1.2rem;font-size:.95rem;color:#fff;margin-top:2rem}