:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#292346;background:#f8f6ff;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{max-width:1140px;margin:auto;padding:0 22px}.top{background:#fff;box-shadow:0 2px 18px #50387a0e;position:sticky;top:0;z-index:10}.top .shell{display:flex;align-items:center;gap:22px;min-height:76px}.brand{font-size:22px;font-weight:900;color:#6b45d9;white-space:nowrap}.nav{display:flex;gap:16px;margin-left:auto;align-items:center}.nav a{font-weight:650;color:#625a78;font-size:14px}.btn{border:0;border-radius:14px;padding:12px 19px;background:#f0eaff;color:#6844d2;font-weight:750}.btn.primary{background:linear-gradient(110deg,#7550e6,#ef5c9e);color:#fff}.btn.ghost{border:1px solid #e2d9f7;background:#fff}.hero{margin:35px 0 25px;padding:54px 48px;border-radius:30px;background:linear-gradient(118deg,#6f4cdb,#ad6ce7 63%,#ff81b1);color:white;display:flex;align-items:center;justify-content:space-between;gap:22px}.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.16;margin:10px 0}.hero p{max-width:630px;font-size:17px;color:#fff4ff}.hero .art{font-size:clamp(70px,11vw,125px)}.hero .btn{display:inline-block;background:white;color:#704bd9}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em}.section-head{margin:30px 0 17px}.section-head h2{font-size:27px;margin:4px 0}.section-head p{margin:0;color:#77718c}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{background:white;border:1px solid #eae5f5;border-radius:24px;padding:26px;min-height:210px;box-shadow:0 10px 30px #4b35800a;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s}.category:hover{transform:translateY(-4px)}.category .emoji{font-size:42px}.category h3{margin:14px 0 5px;font-size:20px}.category p{margin:0;color:#746d89;font-size:14px}.category .more{margin-top:auto;color:#794fe2;font-weight:800;padding-top:16px}.panel{background:white;border:1px solid #eae4f6;border-radius:23px;padding:24px;box-shadow:0 9px 24px #4331750a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#655b7a}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd4f0;border-radius:11px;padding:12px;background:#fff;color:#292346;min-width:0}.field textarea{min-height:95px;resize:vertical}.field.full{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.note{font-size:13px;color:#766d87}.status{font-size:13px;background:#f2edff;border-radius:12px;padding:10px 13px;color:#6441a8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.person{background:#fcfaff;border:1px solid #e9e2f8;border-radius:18px;padding:18px}.avatar{display:grid;place-items:center;width:54px;height:54px;background:#f0e7ff;border-radius:50%;font-size:27px}.person h3{margin:9px 0 4px}.person p{color:#766f87;font-size:13px}.pill{display:inline-block;background:#f1eaff;color:#6844bd;padding:5px 9px;border-radius:30px;font-size:12px;font-weight:700}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tabs button{background:#f4efff;border:1px solid #e7dff8;border-radius:12px;padding:10px 13px;font-weight:750;color:#6744b5}.tabs button.active{background:#704bdc;color:#fff}.list{display:grid;gap:10px}.item{background:#fcfaff;border:1px solid #eee8fa;border-radius:14px;padding:13px;display:flex;gap:12px;align-items:center;justify-content:space-between}.item strong{display:block}.item small{color:#80788d}.messages{min-height:220px;max-height:370px;overflow:auto;background:#faf8ff;border:1px solid #ebe6f5;border-radius:15px;padding:12px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:82%;align-self:flex-start;padding:9px 12px;border-radius:13px;background:#ebe5f8;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#ded2ff}.bubble small{display:block;color:#756d88}.chatbar{display:flex;gap:8px;margin-top:10px}.chatbar input{flex:1;min-width:0;padding:11px;border:1px solid #ddd5ee;border-radius:12px}.hidden{display:none!important}.notice{padding:14px;border:1px solid #f3d7e6;background:#fff5fa;border-radius:15px;font-size:14px;color:#7e4d6c}.check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#6d637d}.check input{margin-top:4px}.page-heading{padding:34px 0 16px}.page-heading h1{font-size:clamp(28px,4vw,40px);margin:6px 0}.page-heading p{color:#77708a}.stack{display:grid;gap:18px}.section-title{margin:0 0 14px}.footer{margin-top:45px;border-top:1px solid #e8e1f3;color:#81798e;padding:24px 0;font-size:13px}.footer .shell{display:flex;gap:14px;flex-wrap:wrap}.dialog{border:0;border-radius:23px;padding:25px;width:min(95vw,440px);box-shadow:0 20px 80px #21113b45}.dialog::backdrop{background:#24163b88}.dialog h2{margin-top:0}.dialog form{display:grid;gap:12px}.dialog .close{float:right;background:none;border:0;font-size:20px}.empty{color:#857c91;padding:25px;text-align:center;border:1px dashed #d9d0eb;border-radius:14px}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.navback{font-size:14px;color:#754ce2;font-weight:750}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:820px){.category-grid{grid-template-columns:repeat(2,1fr)}.two-col,.grid2{grid-template-columns:1fr}.hero{padding:35px 26px}.hero .art{display:none}.top .shell{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:8px}.nav{order:3;width:100%;justify-content:space-around;margin-left:0}.nav a{font-size:13px}}@media(max-width:520px){.shell{padding:0 14px}.category-grid{gap:10px}.category{padding:17px;min-height:190px;border-radius:18px}.category h3{font-size:16px}.category p{font-size:12px}.hero{margin-top:15px;border-radius:20px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:17px;border-radius:17px}.top .brand{font-size:19px}}
