:root{
 --cream:#f5efe5;--cream2:#fbf8f2;--sand:#e7dccb;--paper:#fff;--ink:#173f3f;--muted:#6e7f7e;
 --brand:#5c9386;--brand2:#8db7aa;--dark:#245c56;--soft:#e8f2ee;--line:#dedfd9;
 --green:#dcecdf;--yellow:#f2e3b4;--red:#efcecd;--blue:#ddeaf1;--orange:#ead0ac;--shadow:0 18px 48px rgba(69,59,45,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f6f2;color:var(--ink);line-height:1.45}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 18px;background:var(--dark);color:#fff;font-weight:800}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.soft{background:var(--soft);color:var(--dark)}
.logo{display:block;width:auto;height:54px;object-fit:contain;object-position:left center}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(255,253,249,.98);border-bottom:1px solid #ebe4da;position:sticky;top:0;z-index:30}.navlinks{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}
.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:660px;background:linear-gradient(110deg,#faf5ec 0%,#f5eee4 48%,#e5eee9 100%)}.hero-copy{padding:82px 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--brand);margin-bottom:12px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,6vw,88px);line-height:.96;letter-spacing:-.035em;margin:0 0 24px;color:#244d4a;font-weight:600}.hero p{font-size:20px;max-width:720px;color:#546d6a}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:10px}.trust-item{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700}.miniicon{width:39px;height:39px;border-radius:14px;background:#efe8dc;display:grid;place-items:center;color:#355f59;font-weight:900}
.hero-scene{position:relative;overflow:hidden;min-height:660px;background:linear-gradient(180deg,#f7eadc 0 35%,#dfe8e2 35% 100%)}.window{position:absolute;right:9%;top:8%;width:65%;height:45%;background:linear-gradient(180deg,#f8d9b6,#e8c9a8 44%,#a8c4bc 45%,#88aaa1);border:14px solid #f7f0e5;box-shadow:0 0 0 1px rgba(61,68,60,.08);border-radius:4px}.window:before,.window:after{content:"";position:absolute;background:#f7f0e5}.window:before{width:10px;height:100%;left:50%;top:0}.window:after{height:10px;width:100%;top:50%;left:0}.desk{position:absolute;left:5%;right:3%;bottom:13%;height:19%;background:linear-gradient(180deg,#9c795c,#745843);border-radius:10px 10px 5px 5px;box-shadow:0 18px 35px rgba(58,42,29,.18)}.desk:after{content:"";position:absolute;left:7%;right:7%;bottom:-34px;height:34px;background:#6d5340;border-radius:0 0 8px 8px}.laptop{position:absolute;width:48%;height:31%;right:13%;bottom:29%;background:#2f3434;border-radius:14px;padding:9px;box-shadow:0 18px 35px rgba(32,37,36,.22)}.laptop-screen{height:100%;border-radius:8px;background:#f9fbfa;padding:15px;display:grid;grid-template-columns:90px 1fr;gap:12px}.fake-side{background:#e7f2ee;border-radius:7px}.fake-main{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fake-card{background:#fff;border:1px solid #dfe8e3;border-radius:8px}.plant{position:absolute;left:10%;bottom:33%;width:120px;height:200px}.pot{position:absolute;bottom:0;left:25px;width:72px;height:70px;background:#b77f5b;border-radius:6px 6px 28px 28px}.stem{position:absolute;left:58px;bottom:62px;width:7px;height:110px;background:#537969}.leaf{position:absolute;width:48px;height:24px;border-radius:100% 0 100% 0;background:#759f87;transform-origin:right center}.l1{left:14px;top:54px;transform:rotate(24deg)}.l2{left:60px;top:33px;transform:rotate(145deg)}.l3{left:6px;top:90px;transform:rotate(8deg)}.l4{left:63px;top:78px;transform:rotate(155deg)}.scene-card{position:absolute;left:7%;top:9%;width:210px;background:rgba(255,253,249,.94);border:1px solid #ded7cc;border-radius:18px;padding:18px;box-shadow:var(--shadow)}.scene-card b{display:block;margin-bottom:8px}.scene-card p{font-size:13px;margin:0;color:#5c7470}.scene-note{position:absolute;right:8%;bottom:7%;background:#fffaf2;border:1px solid #e6ddd0;border-radius:16px;padding:13px 16px;color:#4d6863;font-size:14px;font-weight:700;box-shadow:0 10px 25px rgba(73,55,40,.08)}
.values{display:grid;grid-template-columns:repeat(4,1fr);background:#edf2ee;border-top:1px solid #dce4de;border-bottom:1px solid #dce4de}.value{padding:28px 30px;border-right:1px solid #d9e0db;display:flex;gap:14px}.value:last-child{border-right:0}.value strong{display:block;margin-bottom:4px}.section{padding:78px 5vw;background:#fffdf9}.section.alt{background:#f3eee6}.section h2{font-family:Georgia,"Times New Roman",serif;font-size:50px;line-height:1.05;margin:0 0 12px;font-weight:600}.section p.lead{font-size:18px;color:var(--muted);max-width:850px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.feature{background:#fff;border:1px solid #e3ddd3;border-radius:18px;padding:22px;box-shadow:0 6px 18px rgba(63,53,42,.04)}.feature h3{margin:12px 0 7px}.contact-card{max-width:1180px;margin:auto;background:#fff;border:1px solid #e1dbd1;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow)}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact-mail{font-weight:800;color:var(--dark)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f3eb}.login-side{padding:60px 7vw;background:linear-gradient(150deg,#e7ddcf,#e4eee9);display:flex;flex-direction:column;justify-content:center}.login-side h1{font-family:Georgia,"Times New Roman",serif;font-size:50px;line-height:1.02;margin:28px 0 12px;font-weight:600}.login-side .logo{height:62px;max-width:520px}.login-wrap{display:grid;place-items:center;padding:30px}.login-box{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.login-box h2{margin-top:0}.field label{display:block;font-size:11px;font-weight:800;margin:10px 0 5px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #d5d9d3;border-radius:10px;background:#fff}.field textarea{min-height:95px}.demo-creds{margin-top:18px;background:#f4f1eb;border:1px dashed #cfc7ba;border-radius:12px;padding:12px;font-size:12px}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:250px 1fr auto;gap:20px;align-items:center;padding:0 20px;position:sticky;top:0;z-index:20}.topbar .logo{height:48px;max-width:240px}.search{max-width:650px;background:#f5f7f5;border:1px solid var(--line);border-radius:999px;padding:10px 15px;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:#c9ded7;display:grid;place-items:center;font-weight:900}
.shell{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 76px)}aside{background:#fff;border-right:1px solid var(--line);padding:15px 10px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}aside button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#365352;margin:3px 0}aside button.active,aside button:hover{background:#e5f0ed;color:#245e59}.navico{width:21px;height:21px;border:1.5px solid currentColor;border-radius:6px;display:grid;place-items:center;font-size:10px}.side-bottom{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
main{padding:20px;max-width:1500px;width:100%}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.header h1{margin:0;font-size:30px}.header p{margin:4px 0 0}.student-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 19px;margin-bottom:14px}.student-photo{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#dfece8,#efe0cf);display:grid;place-items:center;font-size:24px;font-weight:900}.student-head h1{margin:0 0 4px}.quote{font-style:italic;color:#5f7774;margin-top:6px}.head-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:310px;background:#f6f8f6;border:1px solid var(--line);border-radius:12px;padding:12px}.head-meta b{font-size:11px;display:block}.head-meta span{font-size:11px;color:var(--muted)}
.tabs{display:flex;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:0 12px;margin-bottom:14px;overflow:auto}.tab{border:0;background:transparent;padding:13px 4px;font-weight:750;color:#4f6866;white-space:nowrap}.tab.active{color:#234b47;border-bottom:3px solid #234b47}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.c12{grid-column:span 12}.c8{grid-column:span 8}.c6{grid-column:span 6}.c4{grid-column:span 4}.c3{grid-column:span 3}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(31,59,57,.025)}.card h2{font-size:16px;margin:0 0 12px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.link{font-size:11px;color:var(--brand);font-weight:700}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--soft);font-size:11px;font-weight:800}.moods{display:flex;justify-content:space-between;gap:8px;background:#f7f9f8;border-radius:12px;padding:12px}.mood{border:0;background:transparent;font-size:30px;opacity:.42}.mood.active{opacity:1;transform:scale(1.2)}.listitem{padding:10px 0;border-bottom:1px solid #edf1ef}.listitem:last-child{border-bottom:0}
.network-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.network{position:relative;min-height:390px;background:radial-gradient(circle,#f7fbf9 0,#eef5f2 72%,#fff 100%);border-radius:16px}.node{position:absolute;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:7px;font-size:10px;border:3px solid #cfded8;background:#fff;box-shadow:0 8px 22px rgba(40,69,65,.07)}.node.center{width:105px;height:105px;left:50%;top:50%;transform:translate(-50%,-50%);background:#dfeee9;font-size:12px;font-weight:900}.node.positive{border-color:#7db79d;background:#edf7f0}.node.negative{border-color:#d68181;background:#fbeeee}.node.complicated{border-color:#d6b65f;background:#fbf6e7}.node.neutral{border-color:#9eb3b8;background:#f3f7f8}.n1{left:8%;top:7%}.n2{right:8%;top:7%}.n3{left:8%;bottom:8%}.n4{right:8%;bottom:8%}.n5{left:50%;bottom:0;transform:translateX(-50%)}.n6{left:0;top:43%}.n7{right:0;top:43%}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px}.legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.lg-pos:before{background:#7db79d}.lg-neg:before{background:#d68181}.lg-com:before{background:#d6b65f}.lg-neu:before{background:#9eb3b8}.relation-row{display:grid;grid-template-columns:1fr 130px;gap:8px;margin-bottom:9px}.relation-row input,.relation-row select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px}.maprow{display:grid;grid-template-columns:125px 1fr 115px;gap:10px;align-items:center;margin:10px 0;font-size:12px}.meter{height:11px;border-radius:99px;background:#edf1f2;overflow:hidden}.meter i{display:block;height:100%;border-radius:99px}.good{background:#6fc092}.mid{background:#efc765}.bad{background:#ee858a}.insight{display:grid;gap:8px}.insight-item{display:flex;gap:9px;font-size:12px}.dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.green{background:var(--green);color:#24745f}.yellow{background:var(--yellow);color:#8b6a18}.red{background:var(--red);color:#a23d44}.blue{background:var(--blue);color:#2c6b83}.timeline{border-left:2px solid #c9ddd6;padding-left:18px}.timeline .item{position:relative;margin-bottom:17px}.timeline .item:before{content:"";position:absolute;left:-24px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--brand)}.goal{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ef}.goal:last-child{border-bottom:0}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-scene{min-height:520px}.values,.feature-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-side{display:none}.shell{grid-template-columns:1fr}aside{display:none}.grid .c8,.grid .c6,.grid .c4,.grid .c3{grid-column:span 12}.topbar{grid-template-columns:1fr auto}.search{display:none}.head-meta{display:none}.network-wrap{grid-template-columns:1fr}}
@media(max-width:650px){.navlinks a:not(.btn){display:none}.values,.feature-grid{grid-template-columns:1fr}.student-head{grid-template-columns:auto 1fr}.student-head>div:last-child{grid-column:1/-1}.relation-row{grid-template-columns:1fr}.logo{height:44px}.hero-copy{padding:62px 22px}.section{padding:60px 22px}.scene-card{left:5%;top:5%;width:180px}.laptop{width:60%;right:7%}}