@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{font-family:Roboto,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f4f6fb}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}:root{--light-blue: #6cbde6;--tdk-blue: #0046ad;--dark-blue: #22294a;--white: #ffffff}.screen{min-height:100dvh;display:grid;place-items:center;background:#f4f6fb;font-family:Roboto,sans-serif;font-weight:100}.login-card{width:600px;height:500px;border-radius:20px;background:#fff;box-shadow:0 16px 40px #0003;overflow:hidden;display:grid;grid-template-rows:auto 290px}.login-header{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:0;padding-block:34px;box-sizing:border-box;height:100%}.brand-logo{width:200px;height:auto}.accelerate-logo{width:516px;height:auto}.cta-bar{height:290px;background:linear-gradient(135deg,var(--light-blue),var(--tdk-blue) 60%,var(--dark-blue));display:grid;place-items:center;position:relative}.ms-button{width:230px;height:55px;border-radius:15px;background:#fff3;border:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;font-size:0;line-height:0;cursor:pointer;box-shadow:0 6px 18px #00000040;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);min-width:200px;overflow:hidden}.error-box{margin-top:1rem;background:#ff50501f;color:#ff5a5a;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.retry-btn{background:#005fa5;color:#fff;border:none;padding:.4rem .9rem;border-radius:4px;cursor:pointer;font-size:.8rem}.retry-btn:disabled{opacity:.6;cursor:not-allowed}.ms-button .ms-logo{width:100%;height:100%;object-fit:cover;display:block}.copy{padding:24px 32px 32px;color:#fff;background:transparent;position:relative}.copy p{margin:0 0 12px;font-size:14px}.copy p:first-child{margin-top:0;transform:translateY(-20px)}.copy>.legal{margin-top:0;transform:translateY(-20px)}.divider{height:2px;width:70%;background:#fff;opacity:.9;margin:8px 0 10px}.accent{font-weight:700}.legal{opacity:.75;font-size:10px;display:grid}.tdk-footer{position:absolute;right:62px;bottom:16px;width:72px}@media (max-width: 680px){.login-card{width:min(100%,420px);height:auto;display:flex;flex-direction:column}.login-header{padding-block:24px}.brand-logo{width:160px}.cta-bar{height:auto;padding:36px 20px 40px;display:flex;flex-direction:column;gap:28px}.ms-button{width:80%;max-width:260px;font-size:22px;height:56px;padding:0;gap:0}.copy{padding:0 4px}.copy p{font-size:13px;transform:none}.copy>.legal{transform:none}.accelerate-logo{width:100%;max-width:360px}.tdk-footer{position:static;align-self:center;margin-top:20px}}@media (max-width: 380px){.ms-button{width:100%;font-size:20px}.brand-logo{width:140px}.accelerate-logo{max-width:300px}}.screen{min-height:100dvh;display:grid;place-items:center;background:#f4f6fb;font-family:Roboto,sans-serif}.home-card{width:1000px;height:720px;border-radius:20px;background:#fff;box-shadow:0 16px 40px #0003;position:relative;overflow:hidden;display:flex;flex-direction:column}.home-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.home-header .brand{width:200px;height:auto}.home-header .studio-logo{width:574px;height:auto;flex-shrink:0}.home-hero{position:relative;flex:1;background:linear-gradient(135deg,#6cbde6,#0046ad 50%,#22294a 95%);color:#fff;padding:18px 40px 64px;display:flex;flex-direction:column;height:500px}.hero-inner{display:flex;flex-direction:column;justify-content:space-evenly;gap:0;min-height:100%}.home-hero .intro{font-weight:700;font-size:20pt;margin:8px 0 0;text-align:center}.products{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:stretch}.products .product{justify-self:stretch;width:auto;min-width:0}.product{display:grid;grid-template-rows:minmax(70px,auto) auto auto auto;gap:8px;padding:14px 18px 18px;background:#fff3;border:none;border-radius:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff42,0 10px 24px #00000047}.product .desc{overflow:hidden}.product .desc p{text-overflow:ellipsis}.clickable-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;will-change:transform}.clickable-card:focus{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.clickable-card:hover{background:#ffffff5c;box-shadow:inset 0 1px #ffffff47,0 12px 28px #00000052;transform:translateY(-4px) scale(1.01)}.clickable-card:focus-visible{transform:translateY(-3px) scale(1.005)}.clickable-card:active{transform:translateY(-1px) scale(1.005);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #0000004d}@media (prefers-reduced-motion: reduce){.clickable-card{transition:none}.clickable-card:hover,.clickable-card:focus-visible,.clickable-card:active{transform:none}}.product .product-logo{grid-row:1;justify-self:center;align-self:center}.product .divider{grid-row:2;justify-self:center}.product .desc{grid-row:3}.product .cta-text{grid-row:4;justify-self:center;align-self:end;margin-top:30px}.product-logo{width:300px;max-width:100%;height:auto;display:block;margin:0 auto}@media (min-width: 1025px){.products .product:first-child .product-logo{width:320px}.products .product:last-child .product-logo{width:250px}}.product>:not(.product-logo){width:100%;max-width:520px;margin-left:auto;margin-right:auto}.product .desc{min-width:0}.product .desc p{overflow-wrap:anywhere}.divider{height:1px;width:240px;background:#fff;opacity:.9;margin:0 auto}.desc{display:flex;align-items:center;gap:16px}.desc p{margin:0;max-width:100%;font-size:17px;line-height:1.4}.products .product:last-child .desc p{font-size:16px}.desc-icon{height:70px;width:auto;opacity:.95}.cta-text{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500;letter-spacing:.1px;opacity:.98;align-self:center;background:transparent;border:none;box-shadow:none;border-radius:0;padding:0;min-height:auto}.cta-text span{color:inherit}.cta .arrow{height:18px;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.products .product:first-child .cta-text{align-self:center}.footer-row{position:absolute;left:40px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between}.footer-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.powered-by{height:18px;width:auto;opacity:.95}.user-pill{display:flex;align-items:center;gap:10px;color:#fff;position:relative}.avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:#0046ad;display:grid;place-items:center;font-weight:700}.user-name{font-size:14px;font-weight:500}.user-name.clickable{cursor:pointer;position:relative}.user-menu{position:absolute;bottom:calc(100% + 10px);left:0;background:#fff;color:#1a1a1a;border-radius:12px;box-shadow:0 12px 32px #00000047;padding:10px;min-width:220px;display:flex;flex-direction:column;gap:6px;z-index:10;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.user-menu.open{opacity:1;transform:translateY(0)}.user-menu:before{content:"";position:absolute;bottom:-8px;left:22px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:3px 3px 8px #00000014}.user-menu-title{font-size:12px;font-weight:600;color:#5b6b8c;letter-spacing:.4px;padding:2px 8px 0}.user-menu-item{appearance:none;border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px;color:#1f2a44;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.user-menu-item:hover{background:#f2f5fb}.user-menu-item.active{background:#e8f0fe;color:#0b57d0;font-weight:600}.user-menu-sep{height:1px;background:#eef1f7;margin:4px 6px}.user-menu-item.signout{color:#b00020}.user-menu-item.has-sub.language:after{content:"›";font-weight:700;color:#5b6b8c}.user-menu-item .current-lang{font-size:12px;color:#5b6b8c}.user-submenu{position:absolute;top:0;left:calc(100% + 8px);background:#fff;border-radius:10px;box-shadow:0 10px 28px #00000038;padding:8px;min-width:160px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translate(8px);transition:opacity .16s ease,transform .16s ease;z-index:12}.user-submenu.open{opacity:1;transform:translate(0)}.user-submenu:before{content:"";position:absolute;left:-8px;top:12px;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:3px -3px 8px #0000000f}.user-submenu-item{appearance:none;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:14px;color:#1f2a44;cursor:pointer}.user-submenu-item:hover{background:#f2f5fb}.user-submenu-item.active{background:#e8f0fe;color:#0b57d0;font-weight:600}.tdk-footer{width:100px}@media (max-width: 1180px){.home-card{width:94%}}@media (max-width: 1024px){.home-card{height:auto}.home-header{flex-direction:column;gap:20px;padding:24px 24px 12px}.home-header .brand{width:180px}.home-header .studio-logo{width:80%;max-width:480px}.home-hero{padding:26px 30px 80px;height:auto}.products{grid-template-columns:1fr;gap:18px}.products .product{width:100%;height:clamp(240px,34vh,300px)}.product-logo{width:240px}.product>:not(.product-logo),.divider{width:90%;max-width:420px}.divider{margin:0 auto 4px}.desc{flex-direction:row}.desc-icon{height:60px}.products .product:last-child .desc p{font-size:15px}.home-hero .intro{font-size:18px;margin-bottom:6px}.footer-row{position:static;margin-top:40px;padding-bottom:8px}.tdk-footer{width:64px}.product{grid-template-rows:120px auto 1fr auto;gap:8px}.products .product:last-child .product-logo{width:220px}.products .product:last-child .desc-icon{height:56px}.products .product:first-child .cta-text{font-size:16px}.products .product:last-child .cta-text{font-size:16px}}@media (max-width: 560px){.home-header{gap:16px;padding:20px 16px 10px}.home-hero{padding:20px 18px 56px;height:auto}.home-header .brand{width:150px}.home-header .studio-logo{width:95%;max-width:360px}.cta-text{white-space:normal}.home-hero .intro{font-size:18px;margin-bottom:4px}.products .product{height:clamp(220px,40vh,280px)}.products{gap:16px}.product-logo{width:200px}.product>:not(.product-logo),.divider{width:100%;max-width:360px}.desc{gap:12px}.desc p{font-size:15px}.products .product:last-child .desc p{font-size:13px}.desc-icon{height:54px}.avatar{width:34px;height:34px}.footer-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:10px 16px;margin-top:24px;position:static}.footer-center{grid-column:1 / -1;justify-self:center;position:static;transform:none}.user-pill{grid-column:1;justify-self:start}.tdk-footer{grid-column:2;justify-self:end;width:56px}.powered-by{height:18px}.product{grid-template-rows:100px auto 1fr auto;gap:8px}.products .product:last-child .product-logo{width:190px}.products .product:last-child .desc-icon{height:52px}.products .product:first-child .cta-text{font-size:16px}.products .product:last-child .cta-text{font-size:16px}}@media (min-width: 601px) and (max-width: 1024px){.products .product{width:100%;height:clamp(240px,34vh,300px)}.product-logo{max-width:320px}}@media (max-width: 380px){.home-header .brand{width:130px}.home-header .studio-logo{max-width:300px}.home-hero .intro{font-size:16px;margin-bottom:4px}.product-logo{width:180px}.desc p{font-size:14px}.products .product:last-child .desc p{font-size:12px}.desc-icon{height:48px}.product{grid-template-rows:90px auto 1fr auto;gap:8px}.products .product:last-child .product-logo{width:172px}.products .product:last-child .desc-icon{height:46px}.products .product:first-child .cta-text{font-size:16px}.products .product:last-child .cta-text{font-size:16px}}@media (min-width: 1025px){.products .product{height:300px}.products .product:last-child{padding:10px 18px 18px;gap:8px}.products .product:last-child .product-logo{width:250px}.products .product:last-child .desc-icon{height:52px}.products .product:last-child .cta-text{font-size:16px;align-self:center}.products .product:first-child .cta-text{font-size:16px;align-self:center}}