:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#15392d;background:#f3f6f3}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.hero{background:radial-gradient(ellipse at 80% 20%,#347c62,transparent 50%),linear-gradient(160deg,#0f342a,#195441);color:#fff;padding:clamp(30px,5vw,85px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.brand{font-size:26px;font-weight:850;letter-spacing:-1px}.brand span{color:#9ce2b5}.hero h1{font-size:clamp(40px,4.5vw,70px);line-height:1.09;letter-spacing:-.055em;max-width:600px}.hero p:not(.eyebrow){color:#cee5d8;line-height:1.8;max-width:520px;font-size:17px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#78bca0}.pill{margin-top:20px;display:inline-block;border:1px solid #ffffff44;border-radius:40px;padding:12px 17px;font-size:12px}.hero small{color:#accfbf}.right{display:grid;place-items:center;padding:28px}.panel{width:min(100%,435px);animation:enter .4s ease-out}.panel h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.sub{color:#718478;line-height:1.7}.tabs{display:flex;background:#e5ebe6;padding:5px;border-radius:13px;margin:28px 0}.tabs button{flex:1;border:0;background:none;padding:12px;cursor:pointer;border-radius:10px;color:#234f3d}.tabs .selected{background:white;box-shadow:0 2px 9px #17392c15;font-weight:700}label{display:block;margin:16px 0;font-size:13px;font-weight:650}input,select{display:block;width:100%;border:1px solid #d6e1d8;border-radius:10px;background:white;padding:13px;margin-top:8px;font:inherit;color:inherit}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #9dccb7;outline-offset:2px}.primary{width:100%;background:#1a7958;color:white;border:0;border-radius:10px;padding:14px;font-weight:750;cursor:pointer;margin-top:8px;transition:transform .2s,background .2s}.primary:hover{background:#116747;transform:translateY(-1px)}.primary:disabled{opacity:.55}.warning{font-size:12px;color:#865726;background:#fff4e5;padding:11px;border-radius:9px;line-height:1.55}#message{min-height:1.5em;color:#286a4b;font-size:13px;line-height:1.6}.status{display:flex;justify-content:space-between;border-bottom:1px solid #dbe5dd;padding:18px 0}.status span{color:#718478}#account{background:white;border:1px solid #e1e9e2;border-radius:18px;padding:32px;box-shadow:0 18px 40px #102d2010}[hidden]{display:none!important}@keyframes enter{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:850px){.layout{grid-template-columns:1fr}.hero{min-height:260px;padding:30px}.hero h1{font-size:34px;margin:10px 0}.hero small{display:none}.right{padding:40px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Compact email authentication experience */
.panel .tabs{margin:15px 0 19px}
.panel label{margin:11px 0;font-size:13px}
.panel input,.panel select{margin-top:6px;padding:11px 12px;font-size:14px}
.panel .primary{margin-top:13px}
.inline-action{border:0;background:transparent;color:#176c50;text-decoration:underline;cursor:pointer;margin:13px 0 0;padding:0;font:inherit;font-size:12px;display:block;margin-left:auto}
#message:not([hidden]){min-height:0;padding:10px 12px;background:#eaf3ee;border:1px solid #c8ded0;border-radius:9px;color:#205944;margin-top:13px}
.panel h2{margin-bottom:10px}
@media(max-width:850px){.right{padding:26px 20px}.hero{min-height:200px;padding:24px}.hero h1{font-size:30px}}

.password-control{position:relative;display:flex;align-items:center}.password-control input{margin-top:0;padding-right:106px}.password-toggle{position:absolute;right:8px;border:0;border-radius:7px;background:transparent;padding:8px;color:#176c50;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.password-toggle:hover{background:#edf4ef}

/* Researcher profile */
#account{width:min(100%,510px)}
.profile-details .status strong{max-width:60%;text-align:right;overflow-wrap:anywhere;font-size:13px}
.profile-interests{border-bottom:1px solid #dbe5dd;padding:17px 0}
.profile-interests span{color:#718478}
.profile-interests p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.6;font-size:14px}
.secondary-button{background:#edf5f0;border:1px solid #c6ddce;border-radius:10px;color:#176747;padding:12px 14px;cursor:pointer;font:inherit;font-weight:700}
#edit-profile{width:100%;margin-top:18px}
.logout-button{width:100%;margin-top:12px}
#profile-form h3{margin:22px 0 10px}
#profile-form textarea{display:block;width:100%;resize:vertical;border:1px solid #d6e1d8;border-radius:10px;background:white;padding:12px;margin-top:8px;font:inherit;color:inherit}
.profile-actions{display:flex;gap:10px;align-items:center;margin-top:16px}
.profile-actions>*{flex:1;margin-top:0}
#profile-message:not([hidden]){position:fixed;top:18px;right:18px;z-index:30;max-width:min(360px,calc(100vw - 36px));padding:12px 16px;border:1px solid #c8ded0;border-radius:10px;background:#eaf3ee;color:#205944;box-shadow:0 10px 28px #102d2022;font-size:13px;line-height:1.5}

/* Projects workspace */
.projects{border-top:1px solid #dbe5dd;margin-top:28px;padding-top:20px}
.projects-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.projects-heading h3{margin:5px 0 14px;font-size:22px}
.projects-heading .secondary-button{font-size:13px}
.project-card{background:#f5f9f6;border:1px solid #dbe7de;border-radius:12px;padding:16px;margin:12px 0}
.project-card h4{margin:0 0 7px;font-size:17px;overflow-wrap:anywhere}
.project-status{color:#176747;font-size:12px;font-weight:800}
.project-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#52695b;line-height:1.55}
.project-actions{display:flex;gap:10px;margin-top:12px}
.project-actions button{font-size:12px;padding:8px 12px}
.project-delete{border:1px solid #e6cdca;border-radius:10px;background:#fff6f5;color:#9c4b42;cursor:pointer}
#project-form{padding-top:8px}
#project-form textarea{display:block;width:100%;resize:vertical;border:1px solid #d6e1d8;border-radius:10px;padding:12px;margin-top:8px;font:inherit}
#projects-message:not([hidden]){padding:9px;color:#256444;background:#eaf3ee;border-radius:9px;margin-top:12px;font-size:13px}

/* Separate profile / researcher workspace navigation */
.account-navigation{display:flex;gap:8px;margin-bottom:24px;background:#edf4ef;border-radius:12px;padding:5px}
.account-navigation button{flex:1;min-width:0;border:0;background:transparent;color:#245940;border-radius:9px;padding:11px 8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.account-navigation button.selected{background:white;box-shadow:0 2px 10px #103a291c}
#workspace-screen>.sub{margin-bottom:22px}
#workspace-screen .projects{margin-top:10px}