@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--ink:#29194d;--purple:#321c5c;--orange:#ef6b2d;--yellow:#ffbf22;--paper:#fffdf9;--muted:#776d86;--line:#eee7e5}*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}main{min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;padding:0 max(5vw,24px);justify-content:space-between;background:#fff;border-bottom:1px solid #f0eae7}.brand,.topbar{display:flex;align-items:center}.brand{gap:13px}.brand strong{font-family:Outfit,sans-serif;display:block;font-size:17px;letter-spacing:.08em;line-height:1.05}.brand em{font-style:normal;font-weight:500}.brand small{display:block;color:#8c8095;font-size:9px;letter-spacing:.26em;margin-top:5px;font-weight:700}.sunmark{width:44px;height:44px;background:linear-gradient(125deg,#ffcb27 0 25%,#ed722d 25% 48%,#d83834 48% 66%,#372060 66%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,0 82%);clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,0 82%);position:relative}.sunmark span{position:absolute;width:22px;height:22px;border-radius:50%;background:#ee7130;left:10px;top:12px}.logout{background:none;border:0;color:var(--purple);font-weight:700;font-size:13px}.logout span{color:var(--orange);padding-left:7px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 87% 120%,#ffc53c 0 8%,transparent 8.1%),linear-gradient(115deg,#301b59,#3c226a 55%,#62317a);color:white;padding:53px max(5vw,24px) 69px}.hero:after{content:"";position:absolute;right:0;bottom:0;width:45%;height:80px;background:linear-gradient(145deg,transparent 41%,#a85076 41% 49%,transparent 49%),linear-gradient(155deg,transparent 55%,#4e286b 0);opacity:.7}.hero .eyebrow{color:#ffbd54}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;margin:0 0 14px;color:#a46c7b}.hero .eyebrow span{padding:0 9px;color:#ffedba}.hero h1,.loginCard h1{font-family:Outfit,sans-serif;font-size:clamp(36px,4vw,61px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800}.hero h1 em{color:#ffb83e;font-style:normal}.hero>p:last-child{font-size:14px;color:#e0d4e8;margin:19px 0 0}.boardGrid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);width:min(1210px,90vw);margin:-25px auto 70px;z-index:1}.boardGrid,.listColumn{display:grid;grid-gap:22px;gap:22px}.listCard,.notesCard{background:var(--paper);border:1px solid #f0e8e1;border-radius:18px;box-shadow:0 17px 42px #2515350d}.listCard{padding:26px 29px 24px;min-height:225px}.cardHeading{display:flex;align-items:center;gap:15px}.avatar{width:45px;height:45px;border-radius:13px;background:#fff2e8;color:#e26932;display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:800;font-size:23px}.emerson .avatar{background:#ede9fb;color:#61439b}.cardHeading .eyebrow,.notesTop .eyebrow{margin:0 0 3px}.cardHeading h2,.notesTop h2{margin:0;font-family:Outfit,sans-serif;font-size:23px;letter-spacing:-.025em}.count{margin-left:auto;color:#8b7f93;background:#f6f1f4;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.addForm{display:flex;margin-top:22px;background:#f8f5f2;border:1px solid #f0eae6;border-radius:11px;overflow:hidden}.addForm input{width:100%;background:none;border:0;outline:0;padding:12px 14px;font-size:13px;color:var(--ink)}.addForm input::placeholder,.notesCard textarea::placeholder{color:#a89eaa}.addForm button{border:0;background:var(--purple);color:white;font-size:24px;line-height:1;width:43px;flex-shrink:0}.emerson .addForm button{background:#654899}.tasks{list-style:none;margin:10px 0 0;padding:0}.task{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.task:last-child{border-bottom:0}.check{border:1.5px solid #c9bdca;border-radius:6px;background:white;width:20px;height:20px;padding:0;display:grid;place-items:center;flex-shrink:0;color:white}.done .check{background:#775aa5;border-color:#775aa5}.taskText{flex:1 1;overflow-wrap:anywhere}.done .taskText{text-decoration:line-through;color:#aaa1ac}.delete{background:none;border:0;color:#b4a9b3;font-size:23px;line-height:1;padding:0 2px}.delete:hover{color:#d95342}.completed{margin-top:14px;color:#857988;font-size:12px}.completed summary{cursor:pointer;font-weight:700}.completed summary span{margin-left:4px}.empty{text-align:center;padding:25px 0 3px;color:#8b8190}.empty span{color:#efb646;font-size:22px}.empty p{font-weight:700;font-size:13px;margin:4px 0 1px}.empty small{font-size:11px}.notesCard{padding:31px;display:flex;flex-direction:column;min-height:480px}.notesTop{display:flex;align-items:center;justify-content:space-between}.notesTop h2{font-size:30px}.notesTop h2 span{color:var(--orange)}.notesIcon{width:40px;height:40px;border-radius:12px;background:#fff2e9;display:grid;place-items:center;color:var(--orange);font-size:24px}.notesHint{font-size:13px;color:var(--muted);margin:13px 0 21px}.notesCard textarea{background:#fbf8f4;border:1px solid #eee6de;border-radius:12px;width:100%;flex:1 1;min-height:260px;padding:18px;resize:vertical;outline:0;color:var(--ink);line-height:1.6;font-size:13px}.addForm:focus-within,.notesCard textarea:focus,.passwordRow:focus-within{border-color:#b396ca;box-shadow:0 0 0 3px #8e67bc1f}.notesFooter{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#918596;font-size:11px}.notesFooter button,.passwordRow button{background:var(--orange);border:0;border-radius:9px;color:white;font-weight:800;font-size:12px;padding:12px 17px}.notesFooter button span{margin-left:10px}.error,.toast{color:#b63236}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #efb7b7;padding:12px 18px;border-radius:9px;box-shadow:0 8px 25px #0002;font-size:13px}footer{margin-top:auto;padding:21px max(5vw,24px);border-top:1px solid #ece5e1;display:flex;justify-content:space-between;color:#9b8fa3;font-size:10px}footer span:first-child{letter-spacing:.2em;font-weight:800;color:#483168}.loginLayout{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(circle at 80% 84%,#ffba2f 0 6%,transparent 6.2%),linear-gradient(160deg,#2b1851,#4b286d 72%,#9b4c73)}.loginCard{background:#fffdf9;padding:42px;border-radius:22px;max-width:490px;width:100%;box-shadow:0 25px 70px #16092d4d}.loginIcon{font-size:27px;margin-bottom:17px}.loginCard .eyebrow{color:#c37764}.loginCard h1{color:var(--purple);font-size:49px}.intro{color:#746a80;line-height:1.6;font-size:14px;margin:18px 0 30px}.loginCard label{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.passwordRow{border:1px solid #e7dde3;background:#f9f6f4;border-radius:11px;display:flex;overflow:hidden}.passwordRow input{background:none;border:0;outline:0;padding:14px;width:100%;min-width:0}.passwordRow button{border-radius:0;white-space:nowrap}.error{font-size:13px;margin:15px 0 0}@media(max-width:800px){.boardGrid{grid-template-columns:1fr;width:min(620px,92vw);margin-top:-22px}.notesCard{min-height:400px}.hero{padding-bottom:60px}.hero:after{opacity:.3}}@media(max-width:480px){.topbar{height:76px}.brand strong{font-size:14px}.sunmark{width:37px;height:37px}.hero{padding-top:42px}.hero h1{font-size:41px}.boardGrid,.listColumn{gap:15px}.listCard,.notesCard{padding:21px}.cardHeading h2{font-size:20px}.notesTop h2{font-size:26px}.count{font-size:10px}.loginCard{padding:28px}.passwordRow{display:block}.passwordRow input{height:48px}.passwordRow button{width:100%;height:46px}footer span:last-child{display:none}}.brand{gap:8px}.brandLogo{display:block;width:64px;height:64px;object-fit:contain}.brand small{font-size:10px;letter-spacing:.23em;margin:0;color:#756484}.loginCard h1{font-family:DM Sans,Arial,sans-serif;font-weight:700;font-size:clamp(36px,4vw,47px);line-height:1.12;letter-spacing:-.035em}.loginIcon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px;color:var(--orange);font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:1}@media(max-width:480px){.brandLogo{width:54px;height:54px}.brand small{font-size:9px}}.hero{background-image:linear-gradient(90deg,rgba(25,14,49,.83),rgba(38,20,62,.55) 39%,rgba(33,17,49,.08)),url(/humphreys-sunrise-banner.png);background-size:cover;background-position:center 58%;min-height:320px}.hero:after{display:none}@media(max-width:800px){.hero{background-position:60% 55%}}@media(max-width:480px){.hero{background-position:63% 55%}}.loginLayout{background-image:linear-gradient(110deg,rgba(24,12,47,.77),rgba(33,16,55,.57)),url(/humphreys-sunrise-banner.png);background-size:cover;background-position:center 56%;padding:32px 20px}.loginCard{max-width:500px;padding:34px 38px 36px;border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(19,9,35,.34)}.loginIcon{margin-bottom:10px}.loginCard .eyebrow{margin-bottom:12px}.loginCard h1{font-size:clamp(36px,4vw,45px)}.loginCard .intro{margin:16px 0 24px}@media(max-width:480px){.loginLayout{background-position:64%;padding:24px 16px}.loginCard{padding:28px 24px 30px}}