@font-face{font-family:Nunito;src:url(/fanlar/it/nunito.woff2)}*{box-sizing:border-box}body{margin:0;background:#f5f8ff;color:#19344d;font:18px/1.8 Nunito,system-ui,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}a{color:#245da0}h1{font-size:clamp(30px,5vw,50px);line-height:1.2}h2,h3{line-height:1.4}.hero{background:linear-gradient(120deg,#e2f4ff,#eee7ff,#ddf3e8);padding:clamp(22px,4vw,42px);border:1px solid #c7d9ed;border-radius:28px}.badge{color:#704ba3;font-weight:900;font-size:13px;letter-spacing:.06em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px;margin:24px 0}.card,.panel{background:#fff;border:1px solid #cad9e8;border-radius:20px;padding:24px;margin:24px 0;min-width:0}.grid .card{margin:0}.card a{font-weight:850}.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;list-style:none;padding:0;counter-reset:flow}.flow li{counter-increment:flow;background:#eaf2ff;border:1px solid #bed3ee;border-radius:15px;padding:18px}.flow li:before{content:counter(flow) ' → ';color:#7752ac;font-weight:900}.flow li:nth-child(2n){background:#eee7ff}.button,button{display:inline-block;padding:11px 18px;border:1px solid #7597ba;background:#fff;color:#244f7d;font:inherit;border-radius:12px;cursor:pointer;text-decoration:none;min-height:44px}.primary{background:#2b629e;color:#fff}pre{background:#182b41;color:#e3efff;padding:20px;border-radius:16px;overflow:auto;font:14px/1.8 Consolas,monospace;max-width:100%;white-space:pre}iframe{width:100%;height:490px;border:1px solid #c1d4e6;border-radius:16px;background:white}label{display:flex;flex-direction:column;gap:8px;margin:16px 0}input,textarea,select{max-width:100%;padding:11px;border:1px solid #8ba9c3;border-radius:10px;font:inherit}input[type=range]{width:100%;accent-color:#426bb1}output,.result{display:block;padding:18px;background:#e3f3ee;color:#214f42;border-radius:14px;margin:16px 0;overflow-wrap:anywhere}.note{background:#fff2d8;padding:18px;border-left:4px solid #b48232;border-radius:12px}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left}.quiz-options .wrong{background:#fff0ea;border-color:#b35b38}.quiz-options .right{background:#e0f2e7;border-color:#2b805c}svg{display:block;width:100%;height:auto;max-height:210px}svg text{font:19px Nunito,system-ui;fill:#264765}.dots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.dot{padding:12px;border-radius:12px;background:#dce9fd;text-align:center}.dot.test{background:#edddff}.actions{display:flex;flex-wrap:wrap;gap:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #855bc1;outline-offset:3px}.panel p{max-width:78ch}.steps li{padding-bottom:12px}footer{font-size:15px;color:#60778d}@media(max-width:500px){header,main,footer{padding:16px}.panel,.card{padding:18px}.dots{grid-template-columns:repeat(2,1fr)}}