@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,Arial,sans-serif;color:#102a43;background:radial-gradient(circle at 85% 8%,rgba(124,58,237,.12),transparent 28%),radial-gradient(circle at 8% 90%,rgba(247,37,133,.09),transparent 30%),#fbf9ff}.premium-login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1480px,100%);min-height:min(890px,calc(100vh - 48px));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #e3d5ee;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(56,20,85,.13)}.login-brand-panel{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:60px 72px;color:#fff;background:radial-gradient(circle at 92% 100%,rgba(124,58,237,.65),transparent 39%),radial-gradient(circle at 25% 70%,rgba(247,37,133,.13),transparent 32%),linear-gradient(135deg,#1b0428 0%,#310746 65%,#240733 100%)}.login-brand-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,transparent 45%,#000);opacity:.18}.login-brand{position:relative;z-index:2;display:block;width:min(540px,95%)}.login-brand img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.2))}.login-brand-copy{position:relative;z-index:2;margin:auto 0;max-width:640px;padding:50px 0}.login-kicker,.form-kicker{margin:0 0 25px;color:#ff62b2;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.login-kicker span{display:inline-grid;width:27px;height:27px;margin-right:10px;place-items:center;border:1px solid #ff4ca6;border-radius:8px}.login-brand h1{margin:0;color:#fff;font:700 clamp(48px,4.3vw,70px)/1.08 "Playfair Display",Georgia,serif;letter-spacing:-.035em}.login-brand h1 em{color:#ff56aa;font-style:normal}.login-brand-copy>p:not(.login-kicker){max-width:610px;margin:28px 0 0;color:#e7dced;font-size:17px;line-height:1.8}.login-benefits{display:flex;flex-wrap:wrap;gap:13px;margin-top:38px}.login-benefits span{padding:13px 16px;border:1px solid rgba(230,179,244,.23);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);font-size:12px;font-weight:700;backdrop-filter:blur(8px)}.login-benefits span::first-letter{color:#ff4ca6}.login-orbit{position:absolute;width:460px;height:460px;right:-180px;bottom:-220px;border:1px solid rgba(244,155,255,.35);border-radius:50%;box-shadow:0 0 0 70px rgba(124,58,237,.1),0 0 0 140px rgba(247,37,133,.045)}.login-form-panel{display:grid;place-items:center;padding:60px clamp(45px,6vw,95px);background:linear-gradient(145deg,#fff,#fdfbff)}.login-form-wrap{width:min(560px,100%)}.member-mark{width:82px;height:82px;display:grid;margin-bottom:35px;place-items:center;border:1px solid #d8c5ee;border-radius:50%;color:#6e21b5;background:#fcf9ff;font:700 35px "Playfair Display",Georgia,serif;box-shadow:0 10px 28px rgba(93,40,132,.07)}.form-kicker{margin-bottom:18px}.login-form-wrap h2{margin:0;color:#102a43;font:700 clamp(36px,3vw,49px)/1.15 "Playfair Display",Georgia,serif;letter-spacing:-.025em}.form-subtitle{margin:14px 0 38px;color:#667085;font-size:16px}.login-error{display:flex;align-items:flex-start;gap:11px;margin:-16px 0 25px;padding:14px 16px;border:1px solid #ffc0d7;border-radius:12px;color:#8c1448;background:#fff2f7;font-size:13px;line-height:1.5}.login-error span{display:grid;min-width:21px;height:21px;place-items:center;border-radius:50%;color:#fff;background:#d92770;font-weight:800}.login-error p{margin:0}.premium-login-form{display:grid}.premium-login-form>label{margin:0 0 9px;color:#102a43;font-size:14px;font-weight:800}.premium-login-form>label:not(:first-of-type){margin-top:23px}.login-input-wrap{height:62px;display:flex;align-items:center;gap:13px;padding:0 17px;border:1px solid #d9cae8;border-radius:13px;background:#fdfbff;transition:border-color .2s,box-shadow .2s,background .2s}.login-input-wrap:focus-within{border-color:#a43cdb;background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.09)}.login-input-wrap>svg{width:22px;min-width:22px;fill:none;stroke:#5a496b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-input-wrap input{width:100%;min-width:0;height:100%;border:0;outline:0;color:#102a43;background:transparent;font:500 15px Inter,Arial,sans-serif}.login-input-wrap input::placeholder{color:#9a8fa6}.show-password{display:flex;align-items:center;gap:7px;padding:8px;border:0;color:#51425f;background:transparent;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.show-password svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.login-submit{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#f72585 0%,#7c3aed 100%);box-shadow:0 15px 32px rgba(187,35,177,.24);font:800 16px Inter,Arial,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(187,35,177,.31)}.login-submit:disabled{cursor:wait;opacity:.76;transform:none}.button-shield{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:8px}.login-switch{margin:34px 0 0;text-align:center;color:#667085;font-size:14px}.login-switch a,.login-home,.login-support a{color:#6e21b5;font-weight:800;text-decoration:none}.login-home{display:block;margin:27px auto 0;text-align:center;font-size:13px}.login-support{margin:34px 0 0;padding-top:24px;border-top:1px solid #eee6f3;color:#887c91;text-align:center;font-size:12px}.login-support a{color:#b5178d}.login-switch a:hover,.login-home:hover,.login-support a:hover{text-decoration:underline}

@media(max-width:1050px){.premium-login-page{padding:14px}.login-shell{grid-template-columns:.85fr 1.15fr;min-height:calc(100vh - 28px)}.login-brand-panel{padding:48px 42px}.login-brand h1{font-size:48px}.login-form-panel{padding:50px 44px}}
@media(max-width:780px){.premium-login-page{display:block;padding:0;background:#fff}.login-shell{display:block;min-height:100vh;border:0;border-radius:0}.login-brand-panel{min-height:auto;padding:30px 24px 42px}.login-brand{width:320px;max-width:90%}.login-brand img{max-height:90px}.login-brand-copy{padding:35px 0 0}.login-brand h1{font-size:40px}.login-brand-copy>p:not(.login-kicker){font-size:15px}.login-benefits{margin-top:25px}.login-form-panel{padding:48px 24px 55px}.member-mark{width:66px;height:66px;margin-bottom:27px;font-size:29px}.login-form-wrap h2{font-size:37px}.form-subtitle{margin-bottom:30px}}
@media(max-width:440px){.login-benefits{display:grid}.login-benefits span{width:max-content;max-width:100%}.login-input-wrap{height:58px}.show-password span{display:none}}

/* Approved photographic login treatment */
.login-brand-panel{background-image:linear-gradient(100deg,rgba(24,3,36,.92) 0%,rgba(38,5,54,.82) 52%,rgba(35,4,50,.48) 100%),url('assets/login/login-workspace.png');background-size:cover;background-position:center center}
.login-brand-panel:before{z-index:1;background:radial-gradient(circle at 12% 88%,rgba(247,37,133,.24),transparent 30%),linear-gradient(to top,rgba(124,58,237,.2),transparent 38%);mask-image:none;opacity:1}
.login-brand-panel:after{content:"";position:absolute;z-index:4;right:-138px;top:-2%;width:190px;height:104%;border-radius:50% 0 0 50%;background:#fff;box-shadow:-15px 0 0 rgba(232,214,244,.72)}
.login-brand,.login-brand-copy{z-index:3}.login-orbit{display:none}.login-brand h1{text-shadow:0 3px 22px rgba(0,0,0,.34)}.login-brand-copy>p:not(.login-kicker){color:#f0e7f4}.login-benefits span{border-color:rgba(255,255,255,.24);background:rgba(31,5,45,.62);box-shadow:0 8px 22px rgba(0,0,0,.13)}
@media(max-width:1050px){.login-brand-panel:after{right:-122px;width:165px}.login-brand-panel{background-position:58% center}}
@media(max-width:780px){.login-brand-panel{background-position:center 60%}.login-brand-panel:after{display:none}}

/* Final logo and form-header correction */
.login-brand{width:min(625px,calc(100% - 38px));margin-top:-10px}
.login-brand img{width:100%;max-height:168px;object-fit:contain;object-position:left center;image-rendering:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}
.login-form-wrap>.form-kicker{margin-top:0}.member-mark{display:none!important}
@media(max-width:1050px){.login-brand{width:min(520px,calc(100% - 25px));margin-top:0}.login-brand img{max-height:145px}}
@media(max-width:780px){.login-brand{width:min(390px,92%);margin-top:0}.login-brand img{max-height:105px}}