@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203653;background:#f5f8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#2563eb;text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.shell{display:grid;grid-template-columns:45% 55%;min-height:100svh}.story{background:#12316b;color:#edf4ff;padding:48px 58px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:800px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:27px;letter-spacing:-1px}.logo{display:grid;place-items:center;width:36px;height:36px;border:1px solid #93b5ef;border-radius:10px;font-size:29px;line-height:1}.story-copy{margin-top:104px;z-index:1}.eyebrow,.small-label{font-size:10px;letter-spacing:2.2px;font-weight:600}.eyebrow{color:#a8c8fa}h1{font-family:Manrope,sans-serif;font-size:clamp(34px,3.5vw,53px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:23px 0} .story-copy p{color:#b6ceef;line-height:1.85;font-size:15px}.art{height:300px;position:relative;margin-top:30px;max-width:390px;width:100%;align-self:center}.circle{position:absolute;left:18%;top:35px;width:165px;height:165px;border-radius:50%;background:#c7e3ff}.arch{position:absolute;left:36%;top:57px;width:175px;height:235px;border-radius:100px 100px 0 0;background:repeating-linear-gradient(90deg,#6598e6 0px,#6598e6 2px,#4e7ec8 2px,#4e7ec8 7px);transform:rotate(-12deg)}.leaf{position:absolute;left:13%;top:138px;width:130px;height:140px;border-radius:0 100% 0 100%;background:#98c3f6;transform:rotate(-14deg)}.line{position:absolute;left:3%;bottom:6px;width:94%;height:1px;background:#7aa7e6;transform:rotate(-12deg)}.story footer{margin-top:auto;padding-top:35px;color:#a7c1e7;font-size:12px}.form-panel{padding:43px 54px 28px;display:flex;flex-direction:column}.top-note{text-align:right;color:#65738b;font-size:12px}.top-note a{margin-left:10px}.top-note span{margin-left:8px}.form-wrap{width:100%;max-width:390px;margin:auto; padding:60px 0}.small-label{color:#607ba4;font-size:9px;letter-spacing:1.7px}h2{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.4px;font-weight:600;margin:16px 0 12px}.subtitle{font-size:13px;color:#67758c;margin:0 0 34px;line-height:1.6}.field{margin-bottom:22px}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}input:not([type=checkbox]){width:100%;height:49px;border:1px solid #d9e2f1;border-radius:7px;background:#fff;padding:0 14px;color:#203653;font-size:13px;outline:none}input::placeholder{color:#8b9ab0}input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}.password-field{position:relative}.password-field input{padding-right:63px}.reveal{position:absolute;right:12px;top:0;height:49px;border:0;background:none;color:#537099;font-size:11px;padding:0 4px}.options{display:flex;justify-content:space-between;align-items:center;margin:1px 0 27px}.check{display:flex;align-items:center;gap:7px;margin:0;color:#61738e;font-size:11px;font-weight:400}input[type=checkbox]{accent-color:#2563eb;width:14px;height:14px;margin:0}.text-button{background:none;border:0;padding:0;color:#2563eb;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;border:0;border-radius:7px;padding:0 18px;background:#2563eb;color:#fff;font-size:13px;font-weight:500;transition:background .15s}.submit:hover{background:#1d4ed8}.submit span{font-size:20px}.switch{text-align:center;color:#67758c;font-size:12px;margin:22px 0 35px}.switch a{margin-left:4px}.demo-note{border-top:1px solid #dfe7f5;padding-top:20px;font-size:10px;color:#6b7c96;text-align:center}.demo-note span{margin-right:5px}.panel-footer{display:flex;justify-content:space-between;color:#6b7c96;font-size:10px}.status{font-size:12px;line-height:1.5;color:#2563eb;margin:12px 0 0}.status:empty{display:none}.registration{padding:35px 0}.registration h2{font-size:30px}.registration .subtitle{margin-bottom:24px}.registration .field{margin-bottom:16px}small{display:block;font-size:10px;color:#667b99;margin-top:7px}.registration .switch{margin:20px 0}.registration .submit{margin-top:23px}@media(min-width:1500px){.story{padding-left:90px}.story-copy{margin-top:130px}.art{margin-top:65px}}@media(max-width:900px){.story{padding:35px 30px}.form-panel{padding:35px 30px}h1{font-size:36px}.shell{grid-template-columns:42% 58%}.art{transform:scale(.85)}h2{font-size:30px}}@media(max-width:650px){.shell{display:block}.story{min-height:0;padding:24px}.brand{font-size:23px}.story-copy{margin-top:35px}h1{font-size:31px;margin:15px 0}.story-copy p,.art,.story footer{display:none}.eyebrow{font-size:8px}.form-panel{padding:25px 24px;min-height:65svh}.top-note{font-size:11px}.form-wrap{padding:45px 0;max-width:410px}.registration{padding:35px 0}.panel-footer{margin-top:auto}.registration h2{font-size:28px}}

/* Account dashboard */
.dashboard-page{min-height:100svh;display:flex;flex-direction:column}
.dashboard-header{background:#12316b;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100% - 1040px)/2))}
.dashboard-signout{border:1px solid #93b5ef;border-radius:7px;color:#fff;background:transparent;padding:10px 16px;font-size:13px}
.dashboard-signout:hover{background:#254b8e}
.dashboard-main{width:min(100% - 48px,1040px);margin:48px auto;flex:1}
.dashboard-welcome{margin:20px 0 28px;background:#fff;border:1px solid #d9e2f1;border-radius:12px;padding:32px}
.dashboard-welcome h1{font-size:32px;letter-spacing:-1px;margin:0 0 14px;color:#203653;overflow-wrap:anywhere}
.dashboard-welcome p{color:#61738e;font-size:15px;line-height:1.6}
.dashboard-welcome .dashboard-email{font-size:13px;margin-top:24px;overflow-wrap:anywhere}
.dashboard-clock{background:#eaf2ff;border:1px solid #cbdcf8;border-radius:12px;padding:28px 32px;max-width:440px}
#current-date{font-size:15px;color:#385783;margin:18px 0 10px}
#current-time{display:block;color:#12316b;font-family:Manrope,sans-serif;font-size:36px;font-weight:600;font-variant-numeric:tabular-nums}
.dashboard-timezone{font-size:12px;color:#61738e;margin:14px 0 0}
.dashboard-footer{border-top:1px solid #d9e2f1;padding:22px max(24px,calc((100% - 1040px)/2));display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#6b7c96}
@media(max-width:650px){.dashboard-main{margin:32px auto}.dashboard-welcome,.dashboard-clock{padding:24px}.dashboard-welcome h1{font-size:27px}#current-time{font-size:30px}.dashboard-footer{font-size:10px}}