:root{
  --one-navy:#10114f;
  --one-blue:#080b8c;
  --one-blue-2:#2228be;
  --one-pink:#ee1479;
  --one-ink:#161d33;
  --one-muted:#64708a;
  --one-line:#dce3ef;
  --one-canvas:#f5f7fb;
  --one-white:#fff;
  --one-focus:rgba(47,67,220,.2);
  --one-shadow:0 24px 70px rgba(17,24,55,.12);
}

.dtp-one-shell,
.dtp-one-shell *{box-sizing:border-box}
.dtp-one-shell{
  margin:0;
  min-width:320px;
  background:var(--one-canvas);
  color:var(--one-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.dtp-one-shell button,
.dtp-one-shell input{font:inherit}
.dtp-one-shell button{touch-action:manipulation}
.dtp-one-shell a{color:inherit;text-decoration:none}
.dtp-one-shell :focus-visible{outline:3px solid rgba(82,100,232,.32);outline-offset:3px}

.dtp-one-brand{display:inline-flex;align-items:center;min-width:0}
.dtp-one-brand>img{display:block;width:145px;height:auto;object-fit:contain}
.dtp-one-brand--login>img{width:178px}
.dtp-one-brand--hub>img{width:142px}

.dtp-one-overline{
  margin:0;
  color:var(--one-blue);
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
  line-height:1.3;
  text-transform:uppercase;
}
.dtp-one-overline--light{color:#daddff}

/* Sign in */
.dtp-one-login{min-height:100dvh;background:#fff}
.dtp-one-login__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(440px,.92fr);min-height:100dvh}
.dtp-one-login__hero{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  min-width:0;
  padding:clamp(48px,7vw,96px);
  color:#fff;
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 38%,rgba(231,18,120,.24),transparent 31%),
    radial-gradient(circle at 6% 94%,rgba(21,72,190,.48),transparent 36%),
    linear-gradient(145deg,#111351 0%,#14104c 58%,#090b3c 100%);
}
.dtp-one-login__hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(68vw,920px);
  aspect-ratio:1;
  right:-36%;
  bottom:-45%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  box-shadow:0 0 0 82px rgba(255,255,255,.025),0 0 0 164px rgba(255,255,255,.02);
}
.dtp-one-login__hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-13%;
  bottom:10%;
  width:122%;
  height:2px;
  opacity:.36;
  background:linear-gradient(90deg,transparent,#2059cf 22%,#e91a7d 60%,transparent);
  transform:rotate(-36deg);
  transform-origin:center;
}
.dtp-one-login__hero-inner{width:min(680px,100%);margin:auto 0}
.dtp-one-login__hero h1{
  max-width:670px;
  margin:28px 0 18px;
  color:#fff;
  font-size:clamp(54px,5.6vw,88px);
  font-weight:820;
  letter-spacing:-.065em;
  line-height:.94;
}
.dtp-one-login__promise{max-width:620px;margin:0;color:#c8d0f2;font-size:clamp(17px,1.35vw,21px);line-height:1.52}
.dtp-one-login__ecosystem{display:inline-flex;align-items:center;gap:10px;margin-top:38px;color:#f2f4ff;font-size:13px;font-weight:750}
.dtp-one-login__ecosystem i{width:9px;height:9px;border-radius:50%;background:#35dfbb;box-shadow:0 0 0 7px rgba(53,223,187,.12)}
.dtp-one-login__access{display:grid;place-items:center;min-width:0;padding:clamp(34px,5vw,78px);background:#fff}
.dtp-one-login__form-wrap{width:min(500px,100%)}
.dtp-one-login__heading{margin:58px 0 30px}
.dtp-one-login__heading h2{margin:12px 0 6px;color:#11162b;font-size:clamp(35px,3vw,44px);font-weight:820;letter-spacing:-.055em;line-height:1.05}
.dtp-one-login__heading>p:last-child{margin:0;color:var(--one-muted);font-size:16px}
.dtp-one-login__form{display:grid;gap:20px}
.dtp-one-field{display:grid;gap:7px}
.dtp-one-field label{color:#20283c;font-size:13px;font-weight:780}
.dtp-one-field input{
  width:100%;
  height:54px;
  margin:0;
  padding:0 15px;
  border:1px solid #cfd8e8;
  border-radius:12px;
  outline:0;
  background:#f8faff;
  color:#11182b;
  font-size:15px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.dtp-one-field input:hover{border-color:#aebbd0;background:#fff}
.dtp-one-field input:focus{border-color:#2a35bc;background:#fff;box-shadow:0 0 0 4px var(--one-focus)}
.dtp-one-field input::placeholder{color:#98a3b8}
.dtp-one-field.has-error input{border-color:#d84a61;background:#fff8f9}
.dtp-one-field>small{color:#b42338;font-size:12px;font-weight:650}
.dtp-one-password{position:relative}
.dtp-one-password input{padding-right:52px}
.dtp-one-password button{
  position:absolute;
  top:50%;
  right:7px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#758199;
  cursor:pointer;
}
.dtp-one-password button:hover{background:#eef2fa;color:var(--one-blue)}
.dtp-one-password button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dtp-one-password__hide{display:none}
.dtp-one-password button[aria-pressed="true"] .dtp-one-password__show{display:none}
.dtp-one-password button[aria-pressed="true"] .dtp-one-password__hide{display:block}
.dtp-one-primary-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  margin-top:3px;
  padding:0 22px;
  border:0;
  border-radius:12px;
  background:linear-gradient(105deg,#3832ce 0%,#080b91 68%,#05076e 100%);
  box-shadow:0 12px 28px rgba(8,11,145,.2);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.dtp-one-primary-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.dtp-one-primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(8,11,145,.27);filter:saturate(1.08)}
.dtp-one-primary-button:hover svg{transform:translateX(3px)}
.dtp-one-primary-button:active{transform:translateY(0)}
.dtp-one-alert{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid #f3c2ca;border-radius:12px;background:#fff4f5;color:#9f2437;font-size:13px;font-weight:650}
.dtp-one-alert svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dtp-one-login__support{margin:28px 0 0;color:#8791a6;font-size:12.5px;text-align:center}
.dtp-one-login__support span{color:var(--one-blue);font-weight:780}
.dtp-one-login__trust{margin:65px 0 0;color:#98a2b6;font-size:11.5px;text-align:center}

/* Application selector */
.dtp-one-platforms{
  min-height:100dvh;
  background:
    radial-gradient(circle at 8% 4%,rgba(44,55,194,.075),transparent 28%),
    radial-gradient(circle at 92% 90%,rgba(237,25,122,.055),transparent 30%),
    linear-gradient(145deg,#f8f9fc 0%,#f3f5fa 100%);
}
.dtp-one-platforms__topbar{
  position:sticky;
  z-index:20;
  top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:74px;
  padding:10px clamp(22px,4vw,64px);
  border-bottom:1px solid rgba(219,225,236,.8);
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 34px rgba(22,29,51,.025);
  backdrop-filter:blur(22px) saturate(1.3);
  -webkit-backdrop-filter:blur(22px) saturate(1.3);
}
.dtp-one-platforms__brand-link{display:inline-flex;border-radius:10px}
.dtp-one-platforms__account{display:flex;align-items:center;gap:10px;min-width:0}
.dtp-one-platforms__avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid #dce2ef;border-radius:50%;background:#f0f2ff;color:var(--one-blue);font-size:11px;font-weight:900;letter-spacing:.02em}
.dtp-one-platforms__identity{display:grid;min-width:0;line-height:1.25}
.dtp-one-platforms__identity strong,.dtp-one-platforms__identity small{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dtp-one-platforms__identity strong{font-size:12.5px}
.dtp-one-platforms__identity small{margin-top:2px;color:var(--one-muted);font-size:11px}
.dtp-one-platforms__account form{margin:0 0 0 8px}
.dtp-one-quiet-button{min-height:36px;padding:0 13px;border:1px solid #d9dfeb;border-radius:10px;background:rgba(255,255,255,.72);color:#34405b;font-size:12px;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.dtp-one-quiet-button:hover{border-color:#b4bfd3;background:#f8faff;color:var(--one-blue)}
.dtp-one-platforms__main{display:grid;align-content:center;width:min(920px,calc(100% - 40px));min-height:calc(100dvh - 74px);margin:0 auto;padding:clamp(52px,8vh,86px) 0}
.dtp-one-platforms__intro{max-width:650px}
.dtp-one-platforms__intro h1{margin:11px 0 10px;color:#11172b;font-size:clamp(39px,4.2vw,56px);font-weight:830;letter-spacing:-.058em;line-height:1.02}
.dtp-one-platforms__intro>p:last-child{max-width:590px;margin:0;color:var(--one-muted);font-size:15.5px;line-height:1.6}
.dtp-one-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px;width:100%;margin-top:34px}
.dtp-one-platform-card-form{margin:0}
.dtp-one-platform-card{
  position:relative;
  display:grid;
  grid-template-columns:146px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  width:100%;
  min-height:176px;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(211,219,234,.96);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 48px rgba(20,29,63,.065),inset 0 1px 0 rgba(255,255,255,.9);
  color:var(--one-ink);
  text-align:left;
  cursor:pointer;
  isolation:isolate;
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.dtp-one-platform-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#111a9b,#f0167c);
}
.dtp-one-platform-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-130px;
  right:-90px;
  width:310px;
  height:310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,40,190,.075),transparent 69%);
}
.dtp-one-platform-card:hover{transform:translateY(-3px);border-color:#aeb9d8;background:#fff;box-shadow:0 26px 65px rgba(20,29,63,.115),inset 0 1px 0 #fff}
.dtp-one-platform-card:active{transform:translateY(-1px)}
.dtp-one-platform-card__logo{display:grid;place-items:center;width:146px;height:118px;border:1px solid #e5e9f2;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f6fb);box-shadow:inset 0 1px 0 #fff}
.dtp-one-platform-card__logo img{display:block;width:190px;max-width:82%;height:76px;object-fit:contain}
.dtp-one-platform-card__copy{display:grid;align-content:center;gap:6px;min-width:0}
.dtp-one-platform-card__eyebrow{display:inline-flex;align-items:center;gap:7px;width:max-content;color:#64708a;font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.dtp-one-platform-card__eyebrow i{width:6px;height:6px;border-radius:50%;background:#18a87d;box-shadow:0 0 0 4px rgba(24,168,125,.10)}
.dtp-one-platform-card__copy strong{color:#141b30;font-size:21px;font-weight:830;letter-spacing:-.035em}
.dtp-one-platform-card__copy small{max-width:430px;color:var(--one-muted);font-size:12.5px;line-height:1.48}
.dtp-one-platform-card__action{display:flex;align-items:center;gap:9px;padding-left:10px;color:var(--one-blue);font-size:12px;font-weight:820;white-space:nowrap}
.dtp-one-platform-card__action svg{width:36px;height:36px;padding:9px;border:1px solid #d9def0;border-radius:50%;background:rgba(255,255,255,.8);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.dtp-one-platform-card:hover .dtp-one-platform-card__action svg{transform:translateX(2px);border-color:#b9c1e1;background:#f3f4ff}
.dtp-one-platforms__empty{display:grid;gap:4px;padding:24px;border:1px dashed #c8d1e1;border-radius:18px;background:rgba(255,255,255,.68)}
.dtp-one-platforms__empty span{color:var(--one-muted);font-size:13px}
.dtp-one-platforms__footnote{display:flex;align-items:center;gap:9px;margin-top:24px;color:#78849a;font-size:11.5px}
.dtp-one-platforms__footnote svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:#5363bf;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* DTP ONE application switcher inside CRM */
body.dtp-system .platform-switcher{position:relative;display:block;flex:0 0 auto;color:#344054}
body.dtp-system .platform-switcher>summary{
  display:grid;
  place-items:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid #d6deeb;
  border-radius:8px;
  background:#fff;
  color:#43506a;
  list-style:none;
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;
}
body.dtp-system .platform-switcher>summary::-webkit-details-marker{display:none}
body.dtp-system .platform-switcher>summary svg{width:19px;height:19px;fill:currentColor}
body.dtp-system .platform-switcher>summary:hover{border-color:#adb9cc;background:#f7f9fd;color:#11169a}
body.dtp-system .platform-switcher[open]>summary{border-color:#8f9fca;background:#eef0ff;color:#10149a;box-shadow:0 0 0 3px rgba(59,70,190,.10)}
body.dtp-system .platform-switcher-panel{
  position:absolute;
  z-index:350;
  top:calc(100% + 9px);
  right:0;
  display:block;
  width:min(310px,calc(100vw - 20px));
  overflow:hidden;
  padding:10px;
  border:1px solid #dbe2ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 65px rgba(16,24,52,.18);
  transform-origin:top right;
  animation:dtp-one-switcher-in .14s ease-out;
}
body.dtp-system .platform-switcher-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 7px 11px;border-bottom:1px solid #e9edf4}
body.dtp-system .platform-switcher-panel__brand-logo{display:inline-flex;align-items:center;min-width:0}
body.dtp-system .platform-switcher-panel__brand-logo img{display:block;width:100px;height:auto;object-fit:contain}
body.dtp-system .platform-switcher-panel__header>small{color:#7a869b;font-size:9.5px;font-weight:700;white-space:nowrap}
body.dtp-system .platform-switcher-panel__apps{display:grid;gap:4px;padding:8px 0}
body.dtp-system .platform-switcher-app{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:7px 8px;
  border-radius:10px;
  color:#1d263b;
  text-decoration:none;
}
body.dtp-system .platform-switcher-app:hover{background:#f4f6fb;color:#10159a;text-decoration:none}
body.dtp-system .platform-switcher-app__logo{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e1e6ef;border-radius:11px;background:#fff}
body.dtp-system .platform-switcher-app__logo img{width:39px;height:30px;object-fit:contain}
body.dtp-system .platform-switcher-app__copy{display:grid;min-width:0;line-height:1.25}
body.dtp-system .platform-switcher-app__copy strong{font-size:12px;font-weight:820}
body.dtp-system .platform-switcher-app__copy small{margin-top:3px;overflow:hidden;color:#7b869a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
body.dtp-system .platform-switcher-app__current{padding:4px 7px;border-radius:999px;background:#eef0ff;color:#1318a0;font-size:9px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
body.dtp-system .platform-switcher-panel__all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 9px 3px;border-top:1px solid #e9edf4;color:#1519a0;font-size:11.5px;font-weight:800;text-decoration:none}
body.dtp-system .platform-switcher-panel__all:hover{color:#050783;text-decoration:none}
body.dtp-system .platform-switcher-panel__all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s ease}
body.dtp-system .platform-switcher-panel__all:hover svg{transform:translateX(2px)}

@keyframes dtp-one-switcher-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .dtp-one-login__layout{grid-template-columns:1fr;min-height:100dvh}
  .dtp-one-login__hero{min-height:270px;padding:42px clamp(24px,7vw,64px)}
  .dtp-one-login__hero-inner{margin:auto}
  .dtp-one-login__hero h1{margin:18px 0 12px;font-size:clamp(44px,9vw,66px)}
  .dtp-one-login__promise{max-width:680px;font-size:16px}
  .dtp-one-login__ecosystem{margin-top:22px}
  .dtp-one-login__access{padding:46px 24px 38px}
  .dtp-one-login__heading{margin:34px 0 25px}
  .dtp-one-login__trust{margin-top:45px}
}

@media (max-width:700px){
  .dtp-one-login__hero{min-height:230px;padding:32px 22px}
  .dtp-one-login__hero h1{font-size:43px}
  .dtp-one-login__promise{font-size:14px;line-height:1.5}
  .dtp-one-login__ecosystem{font-size:11.5px}
  .dtp-one-login__access{align-items:start;padding:35px 20px 30px}
  .dtp-one-brand--login>img{width:158px}
  .dtp-one-login__heading h2{font-size:34px}
  .dtp-one-login__trust{margin-top:38px}
  .dtp-one-platforms__topbar{min-height:64px;padding:8px 14px}
  .dtp-one-platforms__identity{display:none}
  .dtp-one-platforms__account form{margin-left:0}
  .dtp-one-platforms__avatar{display:none}
  .dtp-one-brand--hub>img{width:122px}
  .dtp-one-platforms__main{align-content:start;width:min(100% - 28px,920px);min-height:calc(100dvh - 64px);padding:46px 0 34px}
  .dtp-one-platforms__intro h1{font-size:38px}
  .dtp-one-platforms__intro>p:last-child{font-size:14px}
  .dtp-one-platform-grid{margin-top:28px}
  .dtp-one-platform-card{grid-template-columns:90px minmax(0,1fr);gap:16px;min-height:0;padding:16px;border-radius:19px}
  .dtp-one-platform-card__logo{width:90px;height:82px;border-radius:14px}
  .dtp-one-platform-card__logo img{width:104px;height:48px;max-width:84%}
  .dtp-one-platform-card__copy strong{font-size:18px}
  .dtp-one-platform-card__copy small{font-size:11.5px}
  .dtp-one-platform-card__action{grid-column:1/-1;justify-content:space-between;padding:13px 2px 0;border-top:1px solid #e8ecf3}
  body.dtp-system .platform-switcher-panel{position:fixed;top:calc(58px + env(safe-area-inset-top) + 6px);right:max(8px,env(safe-area-inset-right));width:min(310px,calc(100vw - 16px));max-height:calc(100dvh - 80px);overflow:auto}
}

@media (prefers-reduced-motion:reduce){
  .dtp-one-shell *,
  body.dtp-system .platform-switcher-panel{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

@media (forced-colors:active){
  .dtp-one-primary-button,.dtp-one-platform-card,body.dtp-system .platform-switcher>summary{border:1px solid ButtonText}
}