:root{--ink:#10182e;--red:#f04462;--purple:#873ed7;--lavender:#e4d1ff;--blue:#8ecaf2;--yellow:#ffd32a}*{box-sizing:border-box}html{min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 50% -10%,#d6e5ff 0,#e4d2ff 40%,#ffd1df 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1130px,100% - 32px);margin-inline:auto}.hero{border:3px solid var(--red);color:#fff;background:linear-gradient(110deg,#4f56d8,#8b36d5 60%,#b32db8);border-radius:20px;grid-template-columns:140px 230px 1fr;align-items:center;gap:20px;min-height:142px;margin-top:16px;padding:14px 24px;display:grid;box-shadow:0 9px #68708f}.brandmark{aspect-ratio:1;color:#6935bd;background:#fff;border:6px solid #f2f5ff;border-radius:50%;align-content:center;place-items:center;width:120px;display:grid;box-shadow:0 0 0 2px #b8b9ec}.brandmark span{font-size:42px;line-height:.8}.brandmark b{color:#345fc0;margin-top:8px;font-size:13px}.audience{grid-template-columns:1fr 1fr;gap:10px;display:grid}.audience button,.account button{color:#fff;cursor:pointer;background:linear-gradient(#18bcea,#0879b9);border:2px solid #fff;border-radius:13px;padding:10px 12px;font-style:italic;font-weight:800;box-shadow:0 4px #74205e}.audience button:nth-child(2){background:linear-gradient(#ef86dc,#d043b9)}.audience button:nth-child(3){background:linear-gradient(#ff9f43,#e76015)}.audience button:nth-child(4){background:linear-gradient(#ff758e,#d53457)}.title{text-align:center}.title h1{color:var(--yellow);text-shadow:2px 3px #8a2aa1;margin:0;font-size:39px;font-style:italic;font-weight:950}.title p{margin:0;font-weight:800}.account{justify-content:flex-end;gap:8px;padding:12px 0 6px;display:flex}.account button{color:#15151f;background:linear-gradient(#ffe67c,#ffc620);padding:7px 18px;font-size:12px}.account .danger{color:#fff;background:linear-gradient(#f06a78,#cf334d)}.layout{grid-template-columns:290px 1fr;align-items:start;gap:20px;display:grid}.side-card,.feed,.links{border:3px solid var(--red);border-radius:20px;overflow:hidden;box-shadow:0 9px #73768b}.menu-card{background:linear-gradient(#7b68e7,#c64dcc);padding:12px}.menu-card button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:13px;width:100%;padding:13px 14px;font-style:italic;font-weight:900;display:block}.menu-card button:hover,.menu-card button.active{background:#ffffff1f;outline:2px solid #e5dbff}.menu-card hr{border:0;border-top:2px solid #ffffff59;margin:10px 0}.ads{text-align:center;background:#67687c;margin-top:20px;padding:12px 14px 18px}.ads h2,.links h2{color:var(--yellow);margin:0 0 12px;font-size:22px;font-style:italic}.ad-window{background:#a6a3b4;border:1px solid #d6d4e2;border-radius:15px;align-items:center;height:190px;padding:10px;display:flex}.ad-window p{color:#fff;background:#7f8095;border-radius:13px;padding:25px 12px;font-size:13px;font-weight:800}.ad-window button{color:#fff;background:#686a80;border:0;border-radius:50%;font-size:24px}.dots{color:#cbc8d5;letter-spacing:4px}.dots b{color:#ff456b}.feed{background:linear-gradient(110deg,#86cff2,#eaa6e4);padding:16px}.feed-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feed-heading h2{color:#fff;margin:0;font-size:28px;font-style:italic}.feed-heading button,.source-action a{color:#fff;cursor:pointer;background:#121a34;border:0;border-radius:15px;padding:12px 18px;font-style:italic;font-weight:900;box-shadow:0 5px #77758f}.news-card{background:#fffffff0;border-radius:22px;min-height:640px;padding:26px;box-shadow:0 10px 12px #2e23503b}.eyebrow{justify-content:space-between;gap:16px;font-size:12px;font-weight:900;display:flex}.eyebrow span{color:#f1274f}.eyebrow time{color:#fff;background:#121a34;border-radius:14px;padding:7px 13px}.news-card h3{max-width:750px;margin:25px 0;font-size:19px}.news-card p{font-size:14px;line-height:1.65}.ministry-art{background:linear-gradient(120deg,#fff9,#c4e5f099),repeating-linear-gradient(165deg,#eff7f9 0 30px,#dceef3 30px 32px);border-radius:15px;place-items:center;height:175px;margin:18px 0;display:grid;overflow:hidden}.seal{color:#ec2f4b;text-align:center;background:#fff;border:4px double #ec2f4b;border-radius:50%;place-items:center;width:100px;height:100px;font-weight:900;display:grid}.source{background:#f0f4f9;border-radius:14px;flex-direction:column;gap:7px;padding:17px;font-size:12px;display:flex}.source a{color:#1d49bd;font-weight:900}.source-action{text-align:right;margin-top:20px}.source-action a{box-shadow:none;text-decoration:none;display:inline-block}.pagination{flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 0 2px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#111a35;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}.pagination .selected{color:#18213b;background:#fff;outline:4px solid #ffffff73}.links{text-align:center;background:#7063c8;margin-top:20px;padding:10px}.links h2{margin-bottom:8px;font-size:20px}.links div{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.links a{color:#fff;background:#7770ca;border:1px solid #dcd4ff;border-radius:10px;padding:10px 6px;font-size:12px;font-style:italic;font-weight:900;text-decoration:none;box-shadow:0 3px #39356f}footer{justify-content:center;align-items:center;gap:14px;display:flex;margin-top:18px!important;margin-bottom:28px!important}footer>div{text-align:center;border:3px solid var(--red);background:#9bd52e;border-radius:18px;flex:1;padding:12px 20px;box-shadow:0 8px #77776f}footer h2{margin:0;font-size:22px;font-style:italic}footer p{font-size:12px;font-style:italic;font-weight:800}.accessibility{color:#fff;background:#15203d;border:0;border-radius:50%;width:44px;height:44px;font-weight:900}.chat-button{cursor:pointer;background:#ffd646;border:0;border-radius:12px;padding:11px 16px;font-style:italic;font-weight:900;box-shadow:0 4px #d09e20}.assistant-panel{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#362644e6;border:2px solid #ff4d6959;border-radius:24px;grid-template-rows:auto 1fr auto;width:min(350px,100vw - 24px);height:min(570px,100vh - 36px);display:grid;position:fixed;bottom:18px;right:18px;overflow:hidden;box-shadow:0 22px 60px #1611256b}.assistant-header{color:#141a31;background:linear-gradient(135deg,#ffdf57,#ffc439);justify-content:space-between;align-items:center;padding:18px 18px 16px;display:flex}.assistant-header h2{margin:0;font-size:18px;font-style:normal}.assistant-header span{margin-top:4px;font-size:11px;display:block}.assistant-header button{cursor:pointer;color:#10182e;background:0 0;border:0;font-size:28px;font-weight:900;line-height:1}.assistant-messages{flex-direction:column;gap:14px;padding:18px 14px;display:flex;overflow-y:auto}.message-bubble{white-space:pre-wrap;border-radius:15px;max-width:86%;padding:13px 14px;font-size:14px;line-height:1.55;box-shadow:0 3px 10px #140f2324}.message-bubble.assistant{color:#25233a;background:#fff4c9;border-bottom-left-radius:5px;align-self:flex-start}.message-bubble.user{color:#fff;background:#141b35;border-bottom-right-radius:5px;align-self:flex-end}.message-bubble strong{font-weight:900}.assistant-compose{background:#18142abf;grid-template-columns:1fr auto;gap:8px;padding:13px;display:grid}.assistant-compose input{color:#171b30;background:#fff;border:0;border-radius:12px;outline:2px solid #0000;min-width:0;padding:13px 12px}.assistant-compose input:focus{outline-color:#ffcf3f}.assistant-compose button{color:#17182b;cursor:pointer;background:#e7b83e;border:0;border-radius:12px;padding:0 15px;font-weight:900}.assistant-compose button:hover{background:#ffd24d}.modal-backdrop{z-index:20;background:#0f10279e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:3px solid var(--red);background:#f8f7ff;border-radius:22px;flex-direction:column;gap:10px;width:min(440px,100%);padding:28px;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}.modal h2{margin:0 0 8px}.modal label{font-size:13px;font-weight:900}.modal input,.modal textarea{background:#fff;border:2px solid #bbb5d7;border-radius:10px;padding:12px}.modal textarea{resize:vertical;min-height:110px}.modal .primary{color:#fff;cursor:pointer;background:#713bd0;border:0;border-radius:11px;padding:12px;font-weight:900}.close{cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:10px;right:14px}.bot-reply{white-space:pre-wrap;background:#e9e0ff;border-radius:12px;padding:13px;line-height:1.5}.modal small{color:#5d6070;line-height:1.4}@media (width<=850px){.hero{grid-template-columns:100px 1fr}.brandmark{width:90px}.audience{display:none}.title h1{font-size:28px}.layout{grid-template-columns:1fr}.menu-card{gap:4px;display:flex;overflow-x:auto}.menu-card button{min-width:max-content}.menu-card hr,.ads{display:none}.links div{grid-template-columns:repeat(4,1fr)}.news-card{min-height:auto}.feed{padding:10px}.eyebrow{align-items:flex-start}.eyebrow time{font-size:10px}.ministry-art{height:130px}footer{flex-wrap:wrap}footer>div{flex-basis:100%}}@media (width<=520px){.shell{width:min(100% - 18px,1130px)}.hero{text-align:center;grid-template-columns:1fr;padding:12px}.brandmark{margin:auto}.title h1{font-size:24px}.account{justify-content:center}.feed-heading h2{font-size:23px}.news-card{padding:17px}.news-card h3{font-size:17px}.eyebrow{flex-direction:column}.links div{grid-template-columns:repeat(2,1fr)}.pagination button{width:35px;height:35px}.chat-button{flex:1}.assistant-panel{border-radius:20px;width:calc(100vw - 16px);height:min(620px,100vh - 16px);bottom:8px;right:8px}.assistant-header{padding:15px}.assistant-messages{padding:14px 11px}.message-bubble{max-width:90%}}
