@font-face{font-family:Nunito;src:url('/colabora/nunito.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fc;color:#1b2941;font-family:Nunito,system-ui,sans-serif;font-size:17px;line-height:1.65}a{color:#2454d7;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #2454d7;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:12px;z-index:10;background:white;padding:12px}header{background:#fff;border-bottom:1px solid #e1e6f0}.nav{max-width:1200px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.brand{font-size:29px;font-weight:900;letter-spacing:-1px;color:#15233a;text-decoration:none;display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:38px;height:38px}.nav>a:not(.brand){font-size:15px;text-decoration:none;font-weight:700}main{max-width:1200px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center;padding:76px 0 54px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#2454d7}h1{font-size:clamp(38px,4.6vw,65px);line-height:1.07;letter-spacing:-2.3px;margin:20px 0 24px}h1 em{color:#2454d7;font-style:normal}h2{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}p{color:#4c5970}.lead{font-size:20px;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:26px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 22px;border-radius:10px;background:#2454d7;color:white;border:1px solid #2454d7;text-decoration:none;font-weight:800;font-size:16px}.button.secondary{background:white;color:#20334f;border-color:#bbc6da}.button:hover{filter:brightness(.94)}.hero-visual{border-radius:28px;background:#172b47;padding:14px 14px 24px;transform:rotate(1deg);color:white;box-shadow:0 22px 55px #142f5220}.hero-visual img{display:block;width:100%;height:260px;object-fit:cover;border-radius:18px}.hero-visual p{color:#dce9fc;margin:18px 16px 6px}.hero-visual strong{display:block;font-size:24px;margin:0 16px}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tag{font-size:13px;border:1px solid #d8e1ef;padding:6px 12px;border-radius:50px;background:white}.section{padding:42px 0 56px;border-top:1px solid #e0e5ef}.section>p{max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;border:1px solid #dce3ee;border-radius:18px;background:white}.card .num{color:#2454d7;font-size:32px;font-weight:800}.card a{font-weight:800}.band{background:#152b47;border-radius:24px;padding:38px;color:white}.band p{color:#d4dfef}.band .eyebrow{color:#75e1c4}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-link{display:block;padding:24px;border-radius:14px;background:white;border:1px solid #dce3ee;color:#20334f;text-decoration:none}.guide-link strong{font-size:21px;display:block}.guide-link span{display:block;margin-top:10px;color:#2454d7;font-size:14px}footer{max-width:1200px;margin:40px auto 0;padding:28px;border-top:1px solid #dce3ee;display:flex;gap:20px;flex-wrap:wrap;font-size:14px}footer p{margin:0 auto 0 0}.article{max-width:850px;padding:52px 0;margin:auto}.article h1{font-size:clamp(36px,5vw,54px)}.article section{margin:32px 0}.example{background:#edf3ff;border-left:4px solid #2454d7;padding:24px;border-radius:0 14px 14px 0}.example h3{margin-top:0}.checklist{padding-left:24px}.checklist li{margin:10px 0}.tool-head{padding:48px 0 20px;max-width:800px}.tool-head h1{font-size:clamp(36px,4vw,52px)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:48px}.form{padding:28px;border:1px solid #dce3ee;border-radius:20px;background:white}.form label{display:grid;gap:7px;margin-bottom:18px;font-weight:700;font-size:15px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #b6c3d8;border-radius:8px;background:#fff;color:#1b2941}.form textarea{min-height:95px;resize:vertical}.form fieldset{border:0;margin:0;padding:0}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:14px;color:#576780}.preview{position:sticky;top:20px;background:#152b47;border-radius:20px;padding:30px;color:white}.preview p{color:#d6e3f6}.preview h2{margin:0}.preview textarea{display:block;min-height:420px;resize:vertical;width:100%;background:#fff;color:#20334f;padding:20px;border:0;border-radius:10px;line-height:1.6;margin:18px 0}.preview .button.secondary{background:#f0f5ff}.preview [hidden]{display:none}.status{font-weight:700;color:#176d55;background:#e6f8f0;padding:10px;border-radius:8px}.catalog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.catalog-list article{padding:22px;background:white;border:1px solid #dce3ee;border-radius:14px}.catalog-list h3{margin-top:0}.catalog-list .meta{font-size:14px}.empty{background:#edf3ff;padding:24px;border-radius:14px}.consent{font-size:13px;margin-top:20px}.consent button{font-size:13px;background:transparent;border:0;text-decoration:underline;color:#2454d7;margin:0 8px;padding:3px}.consent[hidden]{display:none}@media(max-width:760px){.nav{padding:16px 20px;gap:14px}.nav>a:not(.brand){font-size:13px}.brand{font-size:25px}.hero{grid-template-columns:1fr;gap:28px;padding:42px 0}.hero-visual{transform:none}.hero-visual img{height:210px}main{padding:0 20px}h1{letter-spacing:-1.4px}.grid,.guide-grid,.tool-grid,.catalog-list{grid-template-columns:1fr}.section{padding:28px 0 36px}.card,.form,.preview{padding:22px}.preview{position:static}.form .row{grid-template-columns:1fr}.actions .button{flex:1;min-width:190px}.article{padding-top:28px}.band{padding:25px}.tool-head{padding-top:32px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}