:root{--navy:#102a56;--navy2:#173d76;--blue:#2e8fe6;--cyan:#42c7d8;--mint:#39d0a0;--mintDark:#0d9b72;--ink:#10223f;--muted:#64748b;--line:#dfe8f1;--soft:#f4f8fb;--danger:#d33f49;--shadow:0 30px 90px #102a5629}.blogin *{box-sizing:border-box}.blogin,.blogin{min-height:100%;margin:0}.blogin{font-family:var(--font-manrope),Manrope,Arial,sans-serif;color:var(--ink);background:#f7fbfe}.blogin a{color:inherit;text-decoration:none}.blogin button,.blogin input{font:inherit}.blogin .icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.blogin .page{grid-template-columns:minmax(480px,1.08fr) minmax(480px,.92fr);min-height:100vh;display:grid}.blogin .story{color:#fff;background:radial-gradient(circle at 12% 84%,#39d0a047,#0000 27%),radial-gradient(circle at 86% 16%,#42c7d840,#0000 28%),linear-gradient(145deg,#0d2854 0%,#174f89 58%,#168f9a 100%);flex-direction:column;justify-content:space-between;padding:42px clamp(42px,6vw,90px);display:flex;position:relative;overflow:hidden}.blogin .story:before{content:"";border:1px solid #ffffff17;border-radius:50%;width:520px;height:520px;position:absolute;top:-170px;right:-255px;box-shadow:0 0 0 76px #ffffff06,0 0 0 152px #ffffff05}.blogin .brand{z-index:2;align-items:center;gap:11px;width:max-content;font-size:20px;font-weight:800;display:inline-flex;position:relative}.blogin .brand-mark{background:linear-gradient(145deg,var(--mint),var(--cyan));color:#073b39;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 25px #00000024}.blogin .brand .accent{color:#69e4bd}.blogin .story-main{z-index:2;max-width:600px;margin:70px 0;position:relative}.blogin .eyebrow{background:#ffffff17;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.blogin .eyebrow i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #39d0a01f}.blogin h1{letter-spacing:-.055em;margin:24px 0 18px;font-size:clamp(43px,4.3vw,66px);line-height:1.04}.blogin .story-main>.copy>p{color:#c8d8ea;max-width:560px;margin:0;font-size:17px;line-height:1.7}.blogin .dashboard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:22px;max-width:555px;margin-top:40px;padding:13px}.blogin .dash-inner{color:var(--ink);background:#fff;border-radius:16px;padding:19px;box-shadow:0 18px 48px #00000026}.blogin .dash-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.blogin .dash-org{align-items:center;gap:10px;display:flex}.blogin .dash-org i{width:34px;height:34px;color:var(--mintDark);background:#e0f8ef;border-radius:11px;place-items:center;font-style:normal;font-weight:800;display:grid}.blogin .dash-org b{font-size:12px;display:block}.blogin .dash-org small{color:#7d8c9f;font-size:8px}.blogin .status{color:#08765a;background:#e6faf3;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.blogin .stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.blogin .stat{background:#f3f7fa;border-radius:11px;padding:11px}.blogin .stat b{font-size:16px;display:block}.blogin .stat span{color:#78879a;font-size:7px}.blogin .dash-task{border:1px solid #e5edf3;border-radius:11px;align-items:center;gap:9px;margin-top:9px;padding:10px;font-size:8px;display:flex}.blogin .dash-task i{color:#b76c00;background:#fff1d8;border-radius:8px;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.blogin .chips{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.blogin .chip{color:#dfeaf5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700}.blogin .chip.active,.blogin .chip:hover{color:var(--navy);background:#fff}.blogin .story-footer{z-index:2;color:#aebfd3;justify-content:space-between;font-size:10px;display:flex;position:relative}.blogin .story-footer span{align-items:center;gap:7px;display:flex}.blogin .story-footer svg{width:16px;color:var(--mint)}.blogin .access{background:radial-gradient(circle at 100% 0,#42c7d81a,#0000 30%),#fbfdff;justify-content:center;align-items:center;padding:35px clamp(35px,7vw,105px);display:flex;position:relative}.blogin .back{color:#65758b;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex;position:absolute;top:36px;right:42px}.blogin .back:hover{color:var(--navy)}.blogin .back svg{width:16px}.blogin .login-wrap{width:min(100%,465px)}.blogin .login-intro{margin-bottom:28px}.blogin .welcome{color:var(--mintDark);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.blogin .welcome:before{content:"";background:var(--mint);width:22px;height:2px}.blogin .login-intro h2{letter-spacing:-.045em;margin:10px 0;font-size:38px;line-height:1.1}.blogin .login-intro p{color:var(--muted);margin:0;font-size:14px}.blogin .card{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe8f1e6;border-radius:24px;padding:29px}.blogin .field{margin-bottom:17px}.blogin .label-row{justify-content:space-between;margin-bottom:7px;display:flex}.blogin .label-row label{font-size:11px;font-weight:800}.blogin .label-row a{color:var(--blue);font-size:10px;font-weight:700}.blogin .control{position:relative}.blogin .control>svg{color:#8392a5;width:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.blogin .control input{width:100%;height:52px;color:var(--ink);background:#f9fbfd;border:1px solid #d7e1eb;border-radius:13px;outline:none;padding:0 46px 0 44px;font-size:13px}.blogin .control input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e8fe61a}.blogin .toggle{color:#718197;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.blogin .toggle:hover{color:var(--navy);background:#eef4f8}.blogin .remember{color:#64748b;align-items:center;gap:9px;margin:3px 0 19px;font-size:10px;display:flex}.blogin .remember input{accent-color:var(--mint)}.blogin .submit{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;font-size:12px;font-weight:800;display:flex;box-shadow:0 13px 27px #102a5633}.blogin .submit:hover{background:var(--navy2);transform:translateY(-1px)}.blogin .secure{color:#8794a5;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.blogin .secure svg{width:13px;color:var(--mintDark)}.blogin .choice{margin-top:22px}.blogin .choice-title{color:#8491a2;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:11px;font-size:9px;font-weight:800;display:flex}.blogin .choice-title:before,.blogin .choice-title:after{content:"";background:var(--line);flex:1;height:1px}.blogin .choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.blogin .choice-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:13px;display:flex}.blogin .choice-card:hover{border-color:#b9d4e9;transform:translateY(-1px);box-shadow:0 8px 20px #102a5612}.blogin .choice-icon{width:34px;height:34px;color:var(--navy);background:#e8f5ff;border-radius:10px;flex:none;place-items:center;display:grid}.blogin .choice-card:last-child .choice-icon{color:#087559;background:#e2f9f0}.blogin .choice-card b{font-size:10px;display:block}.blogin .choice-card small{color:#8190a2;font-size:8px}.blogin .legal{text-align:center;color:#8996a6;margin-top:22px;font-size:9px}.blogin .legal a{text-decoration:underline}.blogin .error{color:var(--danger);background:#fff0f0;border:1px solid #ffd1d1;border-radius:11px;margin-bottom:15px;padding:10px 12px;font-size:10px;display:none}.blogin .error.visible{display:block}.blogin.editing [data-editable]{outline:2px dashed var(--blue);outline-offset:3px}.blogin .edit-tools{z-index:20;gap:7px;display:flex;position:fixed;bottom:14px;right:14px}.blogin .edit-tools button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;box-shadow:0 7px 20px #102a561f}.blogin .edit-tools .save{background:var(--mint);border-color:var(--mint);display:none}.blogin.editing .edit-tools .save{display:block}@media (max-width:980px){.blogin .page{grid-template-columns:1fr}.blogin .story{min-height:480px;padding:30px 35px}.blogin .story-main{grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:52px 0 30px;display:grid}.blogin .story-main h1{font-size:42px}.blogin .story-main>.copy>p{font-size:14px}.blogin .dashboard{grid-area:1/2;margin:0}.blogin .chips{grid-column:1}.blogin .access{min-height:720px;padding:75px 25px}.blogin .story-footer{display:none}}@media (max-width:680px){.blogin .page{display:block}.blogin .story{min-height:245px;padding:23px 20px 34px}.blogin .story-main{margin:42px 0 0;display:block}.blogin .eyebrow{font-size:8px}.blogin .story-main h1{margin:16px 0 11px;font-size:34px}.blogin .story-main>.copy>p{font-size:12px;line-height:1.55}.blogin .dashboard,.blogin .chips{display:none}.blogin .brand{font-size:17px}.blogin .brand-mark{width:32px;height:32px}.blogin .access{min-height:auto;padding:68px 14px 80px;display:block}.blogin .back{font-size:9px;top:18px;right:18px}.blogin .login-intro h2{font-size:31px}.blogin .card{padding:22px 18px;box-shadow:0 18px 50px #102a561f}.blogin .choice-grid{grid-template-columns:1fr}.blogin .edit-tools{bottom:8px;right:8px}}@media (min-width:981px){.blogin .story{justify-content:center}.blogin .brand{margin:0;font-size:22px;position:absolute;top:42px;left:clamp(42px,6vw,90px)}.blogin .brand-mark{width:42px;height:42px}.blogin .story-footer{font-size:13px;position:absolute;bottom:34px;left:clamp(42px,6vw,90px);right:clamp(42px,6vw,90px)}.blogin .story-main{width:100%;max-width:700px;margin:0 auto}.blogin .eyebrow{padding:9px 14px;font-size:14px}.blogin .story-main h1{font-size:clamp(52px,5.6vw,88px)}.blogin .story-main>.copy>p{max-width:620px;font-size:21px;line-height:1.65}.blogin .dashboard{border-radius:26px;max-width:none;margin-top:46px;padding:16px}.blogin .dash-inner{border-radius:20px;padding:28px}.blogin .dash-head{margin-bottom:24px}.blogin .dash-org{gap:15px}.blogin .dash-org i{border-radius:15px;width:50px;height:50px;font-size:22px}.blogin .dash-org b{font-size:19px}.blogin .dash-org small{font-size:13px}.blogin .status{padding:8px 14px;font-size:13px}.blogin .stats{gap:14px}.blogin .stat{border-radius:15px;padding:18px}.blogin .stat b{font-size:34px}.blogin .stat span{font-size:13px}.blogin .dash-task{border-radius:15px;gap:13px;margin-top:14px;padding:16px;font-size:14px}.blogin .dash-task i{border-radius:11px;width:34px;height:34px;font-size:17px}.blogin .chips{gap:10px;margin-top:20px}.blogin .chip{padding:10px 17px;font-size:14px}.blogin .back{font-size:13px;top:40px;right:clamp(24px,4vw,48px)}.blogin .back svg{width:18px}.blogin .login-wrap{width:min(100%,560px)}.blogin .login-intro{margin-bottom:32px}.blogin .welcome{font-size:14px}.blogin .login-intro h2{font-size:46px}.blogin .login-intro p{font-size:17px}.blogin .card{border-radius:26px;padding:38px}.blogin .field{margin-bottom:20px}.blogin .label-row{margin-bottom:9px}.blogin .label-row label{font-size:14px}.blogin .label-row a{font-size:13px}.blogin .control>svg{width:20px;left:17px}.blogin .control input{border-radius:15px;height:60px;padding:0 52px 0 50px;font-size:16px}.blogin .toggle{width:44px;height:44px;right:9px}.blogin .remember{gap:10px;margin:6px 0 22px;font-size:13px}.blogin .submit{border-radius:15px;height:60px;font-size:15px}.blogin .secure{margin-top:16px;font-size:12px}.blogin .choice{margin-top:26px}.blogin .choice-title{font-size:12px}.blogin .choice-grid{margin-top:18px}.blogin .choice-card{padding:16px}.blogin .choice-icon{border-radius:13px;width:44px;height:44px}.blogin .choice-card b{font-size:14px}.blogin .choice-card small{font-size:12px}.blogin .legal{margin-top:24px;font-size:12px}}
