*{box-sizing:border-box}body{margin:0;background:transparent;color:#302633;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}header,.editor{max-width:1220px;margin:40px auto;padding:0 24px}header span{font-size:10px;font-weight:750;letter-spacing:2.4px;color:#8b2990}h1{font-size:46px;line-height:1.08;letter-spacing:-2px;margin:20px 0 14px}em{font-style:normal;color:#942895}header p,.editor>p{color:#776d7a;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 24px 26px;max-width:1270px;margin:auto}.card{position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:25px 26px 22px;min-height:410px;border:1px solid #ffffffeb;border-radius:29px;background:rgba(249,248,250,.94);box-shadow:0 6px 20px #45244e0e,inset 0 1px 0 #fff,0 0 0 1px #7e528c19;backdrop-filter:blur(20px);transition:transform .25s,box-shadow .25s}.card:before{content:'';position:absolute;top:0;left:28px;right:28px;height:2px;background:#942895;opacity:.5}.c1{background:rgba(246,249,236,.94)}.c1:before{background:#98b732}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.icon{width:90px;height:90px;overflow:hidden;border-radius:50%;position:relative;box-shadow:0 5px 12px #32163c20}.icon img{position:absolute;width:151%;max-width:none;height:151%;left:-25.5%;top:-26%;object-fit:cover}.arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #e5dce8;color:#8d7a93;font-size:19px;background:#ffffff99}.card small{font-size:8px;letter-spacing:1.8px;font-weight:750;color:#8a718e}.card h2{font-size:23px;line-height:1.18;letter-spacing:-.7px;margin:10px 0 12px;max-width:280px}.card p{font-size:14px;line-height:1.6;color:#746b77;margin:0 0 28px;max-width:300px}.action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #8d62961a;padding-top:17px;color:#85278b;font-size:13px;font-weight:650;margin-top:auto}.action b{font-size:19px;font-weight:400}.c1 .action{color:#5e741b}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #45244e17,0 0 0 1px #94289533}.card:focus-visible{outline:3px solid #942895;outline-offset:4px}.editor{border-top:1px solid #e6dfe8;padding-top:28px;padding-bottom:35px}.editor h2{font-size:24px;letter-spacing:-.7px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}fieldset{border:1px solid #e8e0eb;border-radius:16px;padding:16px}legend{color:#85278b;font-weight:650;font-size:14px}label{display:block;font-size:12px;font-weight:600;margin:10px 0}input,textarea{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #ded5e1;border-radius:8px;font:13px/1.5 inherit;background:#fff;color:#46374c}textarea{height:95px;font-family:monospace;font-size:11px}button{border:0;border-radius:10px;background:#942895;color:#fff;padding:13px 20px;font-weight:650;cursor:pointer}.note{font-size:12px!important;line-height:1.6}span[role=status]{font-size:12px;margin-left:12px}@media(max-width:700px){.cards,.fields{grid-template-columns:1fr}.card{min-height:360px}.card h2{max-width:none}.card p{max-width:none}h1{font-size:36px}.cards{padding:16px;gap:16px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.card{background:#f9f8fa;backdrop-filter:none}.c1{background:#f6f9ec}}

/* Compact everyday links, with decoration kept to the supplied icons. */
.cards{gap:14px;padding:12px 16px 18px}.card{min-height:255px;padding:18px 20px 16px;border-radius:17px;background:#ffffffed;box-shadow:0 2px 7px #35203d09,0 0 0 1px #74527c1c}.card:before{display:none}.top{margin-bottom:14px;align-items:center}.icon{height:52px;width:52px;box-shadow:0 2px 5px #32163c18}.arrow{display:none}.card small{display:none}.card h2{font-size:18px;line-height:1.25;letter-spacing:-.35px;margin:0 0 9px;max-width:none}.card p{font-size:12px;line-height:1.55;margin:0 0 17px;max-width:none}.action{padding-top:12px;font-size:12px}.action b{font-size:16px}.c1{background:#fff}.card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #45244e12,0 0 0 1px #94289540}.editor{margin-top:28px}.editor h2{font-size:20px}@media(max-width:700px){.cards{gap:12px;padding:10px 12px}.card{min-height:240px;padding:18px 20px}.card h2{font-size:18px}.icon{width:48px;height:48px}}
.top{justify-content:center}
.card{text-align:center;align-items:center;padding:20px 22px 17px;min-height:268px}.top{width:100%;margin-bottom:16px}.card h2{max-width:260px;min-height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.card p{max-width:285px;margin-left:auto;margin-right:auto}.action{width:100%;justify-content:center;gap:10px}.action b{font-size:16px}@media(max-width:700px){.card{min-height:245px}.card h2{min-height:0}}
.card,.c1{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}.card:hover{background:transparent;box-shadow:none}.action{border-top-color:#94289526}@media(prefers-reduced-transparency:reduce){.card,.c1{background:transparent}}
.card:hover,.card:focus-visible{border-color:#942895;box-shadow:0 0 0 1px #94289520;background:transparent}.card:focus-visible{outline:2px solid #942895;outline-offset:3px}
/* Quiet frosted surfaces with Legacy-tinted depth. */
.card,.c1{background:rgba(249,246,250,.88);border:1px solid rgba(148,40,149,.13);box-shadow:inset 0 1px 0 #fff,0 4px 14px #46234d0b;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.c1{background:rgba(246,249,237,.9);border-color:rgba(152,183,50,.2)}.card:hover,.card:focus-visible{background:rgba(250,247,252,.96);border-color:#942895;box-shadow:inset 0 1px 0 #fff,0 7px 18px #70217614}.c1:hover,.c1:focus-visible{background:rgba(248,250,241,.96)}@media(prefers-reduced-transparency:reduce){.card{background:#f9f6fa;backdrop-filter:none;-webkit-backdrop-filter:none}.c1{background:#f6f9ed}}
.icon img{position:static;width:100%;height:100%;object-fit:contain;display:block}
/* Legacy brand surfaces, restrained enough for everyday SharePoint use. */
.card{background:rgba(148,40,149,.075);border-color:rgba(148,40,149,.24);box-shadow:inset 0 1px 0 #ffffffdb,0 4px 12px #65246c0c}.c1{background:rgba(152,183,50,.15);border-color:rgba(152,183,50,.4)}.c2{background:rgba(148,40,149,.12);border-color:rgba(148,40,149,.29)}.card h2{color:#762078}.c1 h2{color:#50651a}.card p{color:#65516a}.c1 p{color:#596344}.action{color:#942895;border-top-color:#94289530}.c1 .action{color:#526b15;border-top-color:#98b73265}.icon{width:58px;height:58px;box-shadow:0 3px 8px #4c245b24}.card:hover,.card:focus-visible{background:rgba(148,40,149,.12);border-color:#942895;box-shadow:inset 0 1px 0 #ffffffed,0 7px 16px #7021761c}.c1:hover,.c1:focus-visible{background:rgba(152,183,50,.22)}.c2:hover,.c2:focus-visible{background:rgba(148,40,149,.17)}@media(prefers-reduced-transparency:reduce){.card{background:#f7eff7}.c1{background:#eff4df}.c2{background:#f2e5f2}}
.card,.c1,.c2{background:rgba(148,40,149,.12);border-color:rgba(148,40,149,.29)}.card h2,.c1 h2{color:#762078}.card p,.c1 p{color:#65516a}.action,.c1 .action{color:#942895;border-top-color:#94289530}.card:hover,.card:focus-visible,.c1:hover,.c1:focus-visible,.c2:hover,.c2:focus-visible{background:rgba(148,40,149,.17);border-color:#942895}@media(prefers-reduced-transparency:reduce){.card,.c1,.c2{background:#f2e5f2}}