.login-page{color-scheme:dark;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,56fr) minmax(420px,44fr);min-height:100svh;overflow:hidden;background:linear-gradient(96deg,#07090d,#090c12 44%,#0b0e14 67%,#090c11);color:#f4f5f7;--color-red-200:oklch(88.5% 0.062 18.334);--color-amber-200:oklch(92.4% 0.12 95.746)}.login-page:before{inset:0;background:radial-gradient(ellipse 52% 72% at 71% 48%,#2636502b 0,#15203318 42%,transparent 74%),radial-gradient(ellipse 55% 80% at 33% 42%,#18263924 0,transparent 72%)}.login-page:after,.login-page:before{content:"";position:absolute;z-index:2;pointer-events:none}.login-page:after{top:0;bottom:0;left:47%;width:28%;background:linear-gradient(90deg,transparent,#0b0e133d 38%,#0b0e1375 70%,transparent);filter:blur(28px);transform:translateX(-18%)}.login-brand-panel{position:relative;display:flex;min-width:0;z-index:10}.login-brand-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column}.login-brand-composition{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:62%;max-width:560px;margin:0 auto;padding:84px 0 60px}.login-raventra-logo{width:100%;height:auto;filter:brightness(0) invert(1)}.login-brand-divider{width:100%;height:1px;margin:34px 0;background:linear-gradient(90deg,#bfcee000,#bfcee05c 25%,#bfcee05c 75%,#bfcee000)}.login-instance-logo{width:51%;height:auto}.login-brand-copy{padding:0 clamp(32px,4.3vw,80px) 76px}.login-brand-title{font-size:20px;font-weight:600;letter-spacing:-.04em;line-height:28px}.login-brand-title span{color:#c0c8d4;font-weight:400}.login-brand-description{margin-top:10px;font-size:14px;line-height:24px;color:#bec6d2}.login-panel{position:relative;z-index:10;display:flex;min-width:0;min-height:100svh;flex-direction:column;padding:24px clamp(24px,3.2vw,64px) 20px;background:radial-gradient(ellipse 78% 66% at 48% 49%,#22324b1c,transparent 72%)}.login-card-position{display:flex;flex:1;align-items:center;justify-content:center;padding:48px 0 28px;transform:translateX(-24px)}.login-card{width:100%;max-width:480px;padding:30px 38px 26px;border:1px solid #b8c9df24;border-radius:26px;background:linear-gradient(145deg,#202734b8,#141a24d9 52%,#10151dd9);box-shadow:0 30px 80px -28px #000c,0 0 90px -42px #7398d438,inset 0 1px 0 #edf4ff0b;-webkit-backdrop-filter:blur(18px) saturate(112%);backdrop-filter:blur(18px) saturate(112%)}.login-card-header{text-align:center}.login-card-logo{width:112px;height:auto;margin:0 auto 16px}.login-card-header h1{font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:36px}.login-card-header p{margin-top:6px;color:#a7b1c0;font-size:14px;line-height:22px}.login-form{display:grid;gap:16px;margin-top:24px}.login-form [role=alert]{border-color:#f8717140}.login-form [role=status]{border-color:#fbbf2440}.login-label{display:block;font-size:13px;font-weight:500;line-height:18px;color:#ced5df}.login-field-wrap{position:relative;margin-top:8px}.login-field-icon{position:absolute;top:17px;left:15px;width:17px;height:17px;color:#8795a9;pointer-events:none}.login-page .login-field{width:100%;height:52px;padding:0 16px 0 43px;border:1px solid #71829b40;border-radius:13px;outline:none;background:#202733;color:#f2f5fa;font-size:14px;line-height:22px;caret-color:#c8d9ff;transition:border-color .2s,box-shadow .2s,background-color .2s}.login-page .login-field--password{padding-right:50px}.login-page .login-field::placeholder{color:#909bab;opacity:1}.login-page .login-field:focus{border-color:#8da9d5;background:#252e3c;box-shadow:0 0 0 3px #9ab8e51a}.login-page .login-field:autofill{background:#202733;color:#f2f5fa}.login-page .login-field:-webkit-autofill{-webkit-text-fill-color:#f2f5fa;box-shadow:inset 0 0 0 100px #202733}.login-page .login-field:-webkit-autofill:focus{box-shadow:inset 0 0 0 100px #202733,0 0 0 3px #9ab8e51a}.login-password-toggle{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:#9ba9bc;outline:none;transition:background-color .2s,color .2s}.login-password-toggle:hover{background:#ffffff08;color:#edf3ff}.login-password-toggle:focus-visible{box-shadow:0 0 0 2px #a2bde0}.login-page .login-submit{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;margin-top:6px;border:1px solid #82aaff45;border-radius:13px;background:linear-gradient(110deg,#356ed5,#295ac0);color:#fff;font-size:14px;font-weight:600;outline:none;box-shadow:0 5px 20px -8px #2864cd80,inset 0 1px 0 #ffffff14;transition:filter .2s,transform .2s,box-shadow .2s}.login-submit:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 7px 24px -8px #2864cd99}.login-submit:active:not(:disabled){transform:translateY(1px);filter:brightness(.96)}.login-submit:focus-visible{outline:2px solid #b8d0fa;outline-offset:4px}.login-page .login-field:disabled,.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-integrations{margin-top:24px}.login-integrations-label{display:flex;align-items:center;gap:12px;color:#a8b2c1;font-size:12px;font-weight:400;line-height:20px;text-align:center}.login-integrations-label:after,.login-integrations-label:before{content:"";flex:1;height:1px;background:#8da1be26}.login-marketplaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.login-marketplace{display:flex;align-items:center;justify-content:center;height:58px;padding:10px;border:1px solid #8da1be21;border-radius:13px;background:linear-gradient(150deg,#ffffff04,#ffffff01)}.login-marketplace-logo{width:auto;max-width:100%;object-fit:contain}.login-marketplace-logo--n11,.login-marketplace-logo--ticimax,.login-marketplace-logo--trendyol{filter:brightness(0) invert(1)}.login-account-note{margin-top:20px;color:#a1acbc}.login-account-note,.login-footer{text-align:center;font-size:12px;line-height:20px}.login-footer{color:#919dad}.login-smoke{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 64% 88% at 15% 24%,#263448a8,transparent 69%)}.login-smoke__wisp{position:absolute;z-index:0;top:-12%;bottom:-12%;left:-10%;width:82%;background:url(/branding/login-smoke.svg) 50%/100% 100% no-repeat;-webkit-mask-image:radial-gradient(ellipse 82% 86% at 36% 50%,#000 0,#000 58%,#000c 72%,transparent 100%);mask-image:radial-gradient(ellipse 82% 86% at 36% 50%,#000 0,#000 58%,#000c 72%,transparent 100%);will-change:transform,opacity}.login-smoke__wisp--a{opacity:.78;animation:login-smoke-a 24s ease-in-out infinite}.login-smoke__wisp--b{top:-20%;bottom:-10%;left:-15%;width:92%;opacity:.4;animation:login-smoke-b 30s ease-in-out infinite}.login-smoke__wisp--c{top:-55%;bottom:-55%;left:-45%;width:170%;opacity:.46;animation:login-smoke-c 20s ease-in-out infinite}.login-smoke__shade{position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse 58% 74% at 34% 43%,#080a0eae 0,#080a0e5c 30%,transparent 70%),linear-gradient(90deg,transparent,transparent 42%,#090c1196 71%,#090c11d4),linear-gradient(0deg,#080a0eef,transparent 28%,transparent 88%,#080a0e3d)}.login-grain{position:absolute;z-index:1;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}@keyframes login-smoke-a{0%,to{transform:translate3d(-2%,0,0) scale(1);opacity:.78}50%{transform:translate3d(4%,-4%,0) scale(1.08);opacity:.9}}@keyframes login-smoke-b{0%,to{transform:translate3d(2%,-3%,0) rotate(180deg) scale(1.05);opacity:.38}50%{transform:translate3d(-4%,4%,0) rotate(188deg) scale(1.13);opacity:.56}}@keyframes login-smoke-c{0%,to{transform:translate3d(0,3%,0) rotate(-20deg);opacity:.44}50%{transform:translate3d(5%,-3%,0) rotate(-14deg) scale(1.08);opacity:.62}}@media (min-width:1024px) and (max-width:1199px){.login-panel{padding-inline:24px}.login-card{padding-inline:28px}.login-brand-copy{padding-inline:32px}}@media (max-width:1023px){.login-page{grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#080a0e,#0a0d13 46%,#090c11)}.login-page:before{background:radial-gradient(ellipse 90% 58% at 50% 28%,#1d2c422e 0,transparent 72%)}.login-page:after{top:35%;bottom:auto;left:0;width:100%;height:24%;background:linear-gradient(180deg,transparent,#0a0d1270 52%,transparent);filter:blur(22px);transform:none}.login-brand-panel{min-height:auto}.login-brand-composition{width:320px;padding:42px 0 28px}.login-brand-divider{margin:20px 0}.login-instance-logo{width:44%}.login-brand-copy{padding:0 24px 30px;text-align:center}.login-brand-title{font-size:16px;line-height:24px}.login-brand-description{margin-top:4px}.login-panel{min-height:auto;padding:28px 24px 24px;background:transparent}.login-card-position{padding:0 0 28px;transform:none}.login-smoke__wisp{top:-6%;bottom:auto;left:-18%;width:136%;height:62%}.login-smoke__wisp--b{top:-10%;left:-28%;width:154%;height:70%}.login-smoke__wisp--c{top:-35%;bottom:auto;left:-48%;width:190%;height:120%}.login-smoke__shade{background:radial-gradient(ellipse 82% 48% at 50% 22%,#080a0e82 0,transparent 72%),linear-gradient(180deg,transparent,#090c11b5 54%,#090c11e8)}}@media (max-width:639px){.login-brand-composition{width:240px;padding:28px 0 18px}.login-brand-divider{margin:16px 0}.login-instance-logo{width:46%}.login-brand-copy{padding:0 24px 24px}.login-brand-description{max-width:290px;margin-inline:auto;font-size:13px;line-height:20px}.login-panel{padding:20px 16px}.login-card{padding:28px 22px 24px;border-radius:24px}.login-card-header h1{font-size:26px}.login-card-logo{width:100px;margin-bottom:16px}.login-page .login-field{font-size:16px}.login-marketplaces{gap:7px}.login-marketplace{height:56px;padding:8px}.login-integrations-label{gap:8px}.login-smoke__wisp--c{display:none}}@media (prefers-reduced-motion:reduce){.login-smoke__wisp{animation:none;will-change:auto}.login-smoke__wisp--b{transform:rotate(180deg)}.login-smoke__wisp--c{transform:rotate(-20deg)}.login-page *,.login-page :after,.login-page :before{transition:none}.login-submit .animate-spin{animation:none}}