.su-page{color:#21123f;padding:30px 0 65px}.su-crumb{font-size:.89rem;color:#665c81;margin:0 0 18px}.su-hero{background:linear-gradient(110deg,#25134c 0%,#6e2dd5 66%,#d23fa9 100%);border-radius:28px;min-height:226px;padding:40px 42px;color:#fff;display:flex;overflow:hidden;position:relative;box-shadow:0 16px 34px #5d2aa51b}.su-hero-text{z-index:2;max-width:780px}.su-eyebrow{font-weight:800;font-size:.78rem;letter-spacing:.19em;color:#efccff}.su-hero h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.08;margin:20px 0 12px;letter-spacing:-.04em}.su-hero p{font-size:1.02rem;line-height:1.55;color:#eee3ff}.su-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.su-tags span{border:1px solid #ffffff47;background:#ffffff1c;padding:8px 12px;font-size:.78rem;border-radius:999px}.su-art{font-size:260px;position:absolute;right:4%;top:-120px;color:#fff;opacity:.14;font-weight:900;transform:rotate(-17deg)}.su-work,.su-guide,.su-related{background:white;border:1px solid #e7dff6;border-radius:23px;box-shadow:0 10px 25px #28134508;padding:27px 29px;margin:24px 0}.su-work header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.su-work header h2,.su-guide h2,.su-related h2{margin:0 0 7px;font-size:1.55rem;color:#211444}.su-work header p{color:#736c7f;margin:0}.su-status-pill{padding:9px 14px;background:#f0e8fc;color:#682bb9;border-radius:999px;font-size:.8rem;font-weight:800}.su-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.su-box{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfd1f4;border-radius:16px;background:#faf7ff;min-width:0}.su-box>span{display:flex;justify-content:space-between;gap:10px;padding:15px;color:#32215f;font-weight:800}.su-box small{font-size:.72rem;font-weight:500;color:#78698b}.su-box textarea{background:#fff;color:#2b1c42;padding:18px;min-height:290px;width:100%;box-sizing:border-box;border:0;border-top:1px solid #e9dff5;outline:none;resize:vertical;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.su-box textarea:focus{box-shadow:inset 0 0 0 2px #b274ff}.su-import{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.su-import label{cursor:pointer}.su-fields{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.su-fields label{display:flex;flex-direction:column;gap:7px;color:#3a245f;font-size:.86rem;font-weight:750}.su-fields input{border:1px solid #decdeb;background:#fff;border-radius:10px;padding:12px;outline:none;box-sizing:border-box;width:100%;color:#24193c}.su-fields input:focus{border-color:#943be6;box-shadow:0 0 0 3px #af63e72e}.su-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 12px}.su-actions .primary{background:linear-gradient(96deg,#6232d9,#ab2bbb);border-color:transparent;color:#fff}.su-actions button:disabled{opacity:.48;cursor:not-allowed}.su-good,.su-bad{padding:10px 14px;border-radius:9px;font-size:.88rem;font-weight:700}.su-good{background:#eafbf1;color:#166f43}.su-bad{background:#fff0f0;color:#ab2e34}.su-honest{color:#6f667d;font-size:.79rem;line-height:1.6}.su-guide ol{line-height:1.9;color:#5c5271;padding-left:23px}.su-guide details{padding:13px 0;border-top:1px solid #eee9f5;color:#554669}.su-guide summary{font-weight:800;cursor:pointer}.su-related>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.su-chip{display:inline-flex;padding:10px 13px;background:#f4ecfc;color:#6a2bb3;text-decoration:none;border:1px solid #ead4f8;border-radius:999px;font-size:.84rem}.su-chip:hover{background:#e9d5fc}.su-page .ad-placement{margin:17px 0}@media(max-width:840px){.su-columns{grid-template-columns:1fr}.su-hero{padding:30px 25px}.su-box textarea{min-height:225px}.su-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.su-work,.su-guide,.su-related{padding:18px}.su-hero h1{font-size:2rem}.su-fields{grid-template-columns:1fr}.su-work header{align-items:start}.su-tags span{font-size:.71rem}}