:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#24233a;background:#f8f8fd}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}a:hover{color:#6754e8}.wrap{max-width:1200px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid #eeeef5;position:sticky;top:0;z-index:3}.bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:28px;font-weight:850;letter-spacing:-1.5px}.mark,.dot{color:#7764e9}.bar nav,.account{display:flex;align-items:center;gap:22px}.bar nav a{font-size:14px;color:#64647b;font-weight:600}.account{gap:10px}.pill{border:1px solid #e5e3f2;border-radius:12px;padding:10px 15px;font-weight:650;font-size:14px}.btn{display:inline-block;background:#6855e9;color:#fff;border:0;border-radius:13px;padding:14px 21px;font-weight:750;cursor:pointer;font-size:14px;box-shadow:0 8px 20px #6855e922}.btn:hover{color:#fff;background:#5846d2}.small{padding:11px 15px}.plain{border:0;background:none;color:#77718b;cursor:pointer}.hero{background:linear-gradient(115deg,#efecff 0%,#faf4ff 65%,#fff4ef 100%);border-radius:26px;margin:28px 0 32px;min-height:292px;padding:46px 55px;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;color:#7c6ce5}.hero h1{font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-2px;margin:14px 0}.hero h1 em{font-style:normal;color:#7660e8}.hero p{max-width:475px;color:#706b85;line-height:1.65;margin:0 0 25px}.hero-art{width:35%;position:relative;display:grid;place-items:center}.orb{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#c9baff,#816cf1);display:grid;place-items:center;color:white;font-size:110px;box-shadow:0 25px 60px #826fe555;transform:rotate(-16deg)}.float{position:absolute;background:white;border-radius:15px;padding:13px 18px;box-shadow:0 12px 35px #7c6ce52a;font-size:13px;font-weight:750;white-space:nowrap}.one{top:20px;right:-20px}.two{bottom:10px;left:-30px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:24px;align-items:start}.side{padding:14px 0;position:sticky;top:95px}.side-title{color:#a3a0b5;font-size:11px;letter-spacing:1.3px;font-weight:800;margin:0 0 17px 14px}.side-link{display:flex;gap:13px;align-items:center;padding:14px;border-radius:12px;font-size:14px;font-weight:650;color:#77748b}.side-link.active{background:#ece9ff;color:#6855e9}.side-note{margin:30px 8px;background:#f0eefe;padding:20px;border-radius:17px;color:#776ca2;line-height:1.65;font-size:13px}.card{background:white;border:1px solid #eeedf5;border-radius:19px;padding:23px;margin-bottom:17px;box-shadow:0 6px 25px #34305707}.section-head{margin:8px 0 22px}.section-head h2{font-size:30px;letter-spacing:-.8px;margin:9px 0 5px}h2,h3{letter-spacing:-.5px}.muted{color:#9691a7;font-size:14px;line-height:1.5}.form-card h2,.form-card h3{margin-top:0}.form-card label{display:block;font-size:13px;font-weight:700;margin:16px 0;color:#4b475e}.form-card input,.form-card textarea,.form-card select{display:block;width:100%;margin-top:9px;padding:13px 14px;border:1px solid #e4e1ef;border-radius:11px;font:inherit;font-size:14px;color:#333;background:#fff;outline:none}.form-card input:focus,.form-card textarea:focus{border-color:#8c7ff1}.form-card textarea{resize:vertical}.author{display:flex;align-items:center;gap:11px}.avatar{background:#eae5ff;color:#6855e9;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:850}.author small,.comment small{display:block;color:#a39eb1;font-size:11px;margin-top:5px}.post h3{margin:18px 0 9px;font-size:19px}.post p{line-height:1.75;color:#686479;font-size:14px;overflow-wrap:anywhere}.post-footer{border-top:1px solid #f0eef5;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;color:#928da4;font-size:13px}.tag{margin-left:auto;background:#f1efff;color:#7665dc;padding:8px 11px;border-radius:20px;font-size:11px}.right-card{padding:24px}.right-card p{font-size:13px;color:#8d879e;line-height:1.8}.spark{font-size:30px}.rule{height:1px;background:#f0eef5;margin:20px 0}.empty{text-align:center;padding:45px 20px;color:#9893a9}.empty div{font-size:44px}.invite{font-size:14px}.invite a,.form-card a{color:#6855e9;font-weight:750}.react{background:#f0edff;border:0;border-radius:12px;padding:12px 17px;color:#6e5de1;cursor:pointer}.comment p{line-height:1.6}.alert{padding:16px 20px;border-radius:13px;background:#fff1f2;color:#9c3249;margin-bottom:20px}footer{text-align:center;padding:65px 15px 30px;color:#aaa4b7;font-size:12px}@media(max-width:1050px){.layout{grid-template-columns:190px minmax(0,1fr)}.right{display:none}.bar nav{gap:12px}}@media(max-width:720px){.bar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.bar nav{order:3;width:100%;justify-content:space-between;overflow:auto}.bar nav a{font-size:12px;white-space:nowrap}.logo{font-size:24px}.account{gap:6px}.account .pill,.account .small{padding:9px;font-size:12px}.hero{padding:28px;min-height:auto}.hero-art{display:none}.hero h1{letter-spacing:-1px}.layout{display:block}.side{position:static;display:flex;overflow-x:auto;gap:7px;padding:0 0 18px}.side-title,.side-note{display:none}.side-link{white-space:nowrap;padding:10px 13px;background:white}.content{min-width:0}.card{padding:19px}.post-footer{gap:10px;flex-wrap:wrap}}

/* Presiva visual identity */
:root{--accent:#7653a5;--forest:#235b48}body{background:#f8f7f9}.top{box-shadow:0 2px 16px #29203908}.logo{display:flex;align-items:center;gap:8px}.brand-icon{object-fit:contain}.hero{background:linear-gradient(110deg,#f0e9f7,#fff7ef 68%,#e9f1ec);border:1px solid #eee6ee}.hero h1 em,.eyebrow,.mark,.dot{color:#7955a3}.btn{background:#7252a5}.btn:hover{background:#5d418a}.orb{background:transparent;box-shadow:none;transform:none}.orb img{object-fit:contain;filter:drop-shadow(0 20px 20px #5c3e7533)}.side-link.active,.react{background:#eee6f6;color:#68418e}.avatar{background:#e9e0ef;color:#68418e}.side-note{background:#edf2ed;color:#3b6856}.tag{background:#e9f1eb;color:#386b54}.right-card{border-top:4px solid #54816c}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b39ada;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}footer a{text-decoration:underline}@media(max-width:720px){.brand-icon{width:30px;height:30px}}