/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{.bvc,.bvc *,.bvc :before,.bvc :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.bvc img{max-width:none;display:block}.bvc p{margin:0}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-\[-0\.6\%_-0\.23\%\]{inset:-.6% -.23%}.inset-\[-0\.11\%\]{inset:-.11%}.inset-\[-0\.16\%_0\]{inset:-.16% 0}.inset-\[-0\.17\%_0\]{inset:-.17% 0}.inset-\[-0\.22\%_-0\.1\%\]{inset:-.22% -.1%}.inset-\[-0\.29\%_-0\.11\%\]{inset:-.29% -.11%}.inset-\[-0\.29\%_-0\.13\%\]{inset:-.29% -.13%}.inset-\[-0\.32\%_-0\.12\%\]{inset:-.32% -.12%}.inset-\[-0\.37\%_-0\.14\%\]{inset:-.37% -.14%}.inset-\[-0\.41\%_-0\.16\%\]{inset:-.41% -.16%}.inset-\[-0\.42\%_-0\.23\%\]{inset:-.42% -.23%}.inset-\[-0\.43\%_-0\.2\%\]{inset:-.43% -.2%}.inset-\[-0\.54\%_-0\.21\%\]{inset:-.54% -.21%}.inset-\[-0\.77\%_-0\.36\%\]{inset:-.77% -.36%}.inset-\[-0\.89\%_-0\.34\%\]{inset:-.89% -.34%}.inset-\[-0\.99\%_-0\.38\%\]{inset:-.99% -.38%}.inset-\[0_0_-0\.17\%_-0\.31\%\]{inset:0 0 -.17% -.31%}.inset-\[0_0_-0\.19\%_-0\.25\%\]{inset:0 0 -.19% -.25%}.inset-\[0_0_-0\.21\%_-0\.21\%\]{inset:0 0 -.21% -.21%}.inset-\[0_0_-0\.29\%_-0\.17\%\]{inset:0 0 -.29% -.17%}.top-1\/2{top:50%}.top-\[calc\(50\%\+5\.79px\)\]{top:calc(50% + 5.79px)}.top-\[calc\(50\%\+6\.2px\)\]{top:calc(50% + 6.2px)}.top-\[calc\(50\%\+6\.06px\)\]{top:calc(50% + 6.06px)}.top-\[calc\(50\%\+53\.53px\)\]{top:calc(50% + 53.53px)}.top-\[calc\(50\%\+53\.83px\)\]{top:calc(50% + 53.83px)}.top-\[calc\(50\%\+59\.87px\)\]{top:calc(50% + 59.87px)}.top-\[calc\(50\%\+63\.89px\)\]{top:calc(50% + 63.89px)}.top-\[calc\(50\%\+65\.94px\)\]{top:calc(50% + 65.94px)}.top-\[calc\(50\%\+91\.15px\)\]{top:calc(50% + 91.15px)}.top-\[calc\(50\%\+99\.09px\)\]{top:calc(50% + 99.09px)}.top-\[calc\(50\%\+99\.65px\)\]{top:calc(50% + 99.65px)}.top-\[calc\(50\%\+114\.65px\)\]{top:calc(50% + 114.65px)}.top-\[calc\(50\%\+115\.91px\)\]{top:calc(50% + 115.91px)}.top-\[calc\(50\%\+116\.52px\)\]{top:calc(50% + 116.52px)}.top-\[calc\(50\%\+119\.05px\)\]{top:calc(50% + 119.05px)}.top-\[calc\(50\%\+120\.16px\)\]{top:calc(50% + 120.16px)}.top-\[calc\(50\%\+136\.25px\)\]{top:calc(50% + 136.25px)}.top-\[calc\(50\%\+156\.93px\)\]{top:calc(50% + 156.93px)}.top-\[calc\(50\%\+190\.19px\)\]{top:calc(50% + 190.19px)}.top-\[calc\(50\%-0\.22px\)\]{top:calc(50% - .22px)}.top-\[calc\(50\%-0\.41px\)\]{top:calc(50% - .41px)}.top-\[calc\(50\%-0\.81px\)\]{top:calc(50% - .81px)}.top-\[calc\(50\%-5\.04px\)\]{top:calc(50% - 5.04px)}.top-\[calc\(50\%-6\.64px\)\]{top:calc(50% - 6.64px)}.top-\[calc\(50\%-53\.39px\)\]{top:calc(50% - 53.39px)}.top-\[calc\(50\%-54\.26px\)\]{top:calc(50% - 54.26px)}.top-\[calc\(50\%-59\.86px\)\]{top:calc(50% - 59.86px)}.top-\[calc\(50\%-63\.6px\)\]{top:calc(50% - 63.6px)}.top-\[calc\(50\%-63\.89px\)\]{top:calc(50% - 63.89px)}.top-\[calc\(50\%-91\.97px\)\]{top:calc(50% - 91.97px)}.top-\[calc\(50\%-99\.53px\)\]{top:calc(50% - 99.53px)}.top-\[calc\(50\%-100\.08px\)\]{top:calc(50% - 100.08px)}.top-\[calc\(50\%-103\.36px\)\]{top:calc(50% - 103.36px)}.top-\[calc\(50\%-103\.98px\)\]{top:calc(50% - 103.98px)}.top-\[calc\(50\%-119\.05px\)\]{top:calc(50% - 119.05px)}.top-\[calc\(50\%-120\.16px\)\]{top:calc(50% - 120.16px)}.top-\[calc\(50\%-124\.72px\)\]{top:calc(50% - 124.72px)}.top-\[calc\(50\%-136\.69px\)\]{top:calc(50% - 136.69px)}.top-\[calc\(50\%-144\.38px\)\]{top:calc(50% - 144.38px)}.top-\[calc\(50\%-167\.16px\)\]{top:calc(50% - 167.16px)}.top-\[calc\(50\%-200\.26px\)\]{top:calc(50% - 200.26px)}.left-\[calc\(8\.33\%\+94\.72px\)\]{left:calc(8.33% + 94.72px)}.left-\[calc\(12\.5\%\+69\.11px\)\]{left:calc(12.5% + 69.11px)}.left-\[calc\(12\.5\%\+89\.19px\)\]{left:calc(12.5% + 89.19px)}.left-\[calc\(12\.5\%\+101\.74px\)\]{left:calc(12.5% + 101.74px)}.left-\[calc\(12\.5\%\+109\.52px\)\]{left:calc(12.5% + 109.52px)}.left-\[calc\(12\.5\%\+110\.27px\)\]{left:calc(12.5% + 110.27px)}.left-\[calc\(16\.67\%\+65\.8px\)\]{left:calc(16.67% + 65.8px)}.left-\[calc\(16\.67\%\+73\.91px\)\]{left:calc(16.67% + 73.91px)}.left-\[calc\(16\.67\%\+75\.67px\)\]{left:calc(16.67% + 75.67px)}.left-\[calc\(20\.83\%\+40\.11px\)\]{left:calc(20.83% + 40.11px)}.left-\[calc\(20\.83\%\+46\.33px\)\]{left:calc(20.83% + 46.33px)}.left-\[calc\(20\.83\%\+51\.38px\)\]{left:calc(20.83% + 51.38px)}.left-\[calc\(20\.83\%\+51\.62px\)\]{left:calc(20.83% + 51.62px)}.left-\[calc\(20\.83\%\+70\.35px\)\]{left:calc(20.83% + 70.35px)}.left-\[calc\(20\.83\%\+92\.69px\)\]{left:calc(20.83% + 92.69px)}.left-\[calc\(20\.83\%\+99\.24px\)\]{left:calc(20.83% + 99.24px)}.left-\[calc\(20\.83\%\+99\.29px\)\]{left:calc(20.83% + 99.29px)}.left-\[calc\(20\.83\%\+99\.56px\)\]{left:calc(20.83% + 99.56px)}.left-\[calc\(25\%\+45\.5px\)\]{left:calc(25% + 45.5px)}.left-\[calc\(25\%\+45\.47px\)\]{left:calc(25% + 45.47px)}.left-\[calc\(25\%\+45\.66px\)\]{left:calc(25% + 45.66px)}.left-\[calc\(25\%\+49\.95px\)\]{left:calc(25% + 49.95px)}.left-\[calc\(29\.17\%\+20\.65px\)\]{left:calc(29.17% + 20.65px)}.left-\[calc\(29\.17\%\+39\.44px\)\]{left:calc(29.17% + 39.44px)}.left-\[calc\(29\.17\%\+39\.71px\)\]{left:calc(29.17% + 39.71px)}.left-\[calc\(29\.17\%\+44\.67px\)\]{left:calc(29.17% + 44.67px)}.left-\[calc\(29\.17\%\+48\.52px\)\]{left:calc(29.17% + 48.52px)}.left-\[calc\(29\.17\%\+75\.33px\)\]{left:calc(29.17% + 75.33px)}.left-\[calc\(29\.17\%\+77\.03px\)\]{left:calc(29.17% + 77.03px)}.left-\[calc\(29\.17\%\+84\.97px\)\]{left:calc(29.17% + 84.97px)}.left-\[calc\(33\.33\%\+29\.41px\)\]{left:calc(33.33% + 29.41px)}.left-\[calc\(37\.5\%\+2\.13px\)\]{left:calc(37.5% + 2.13px)}.left-\[calc\(37\.5\%\+10\.43px\)\]{left:calc(37.5% + 10.43px)}.left-\[calc\(37\.5\%\+32\.08px\)\]{left:calc(37.5% + 32.08px)}.left-\[calc\(37\.5\%\+65\.18px\)\]{left:calc(37.5% + 65.18px)}.left-\[calc\(37\.5\%-10\.37px\)\]{left:calc(37.5% - 10.37px)}.left-\[calc\(37\.5\%-10\.74px\)\]{left:calc(37.5% - 10.74px)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.size-\[129\.036px\]{width:129.036px;height:129.036px}.size-\[142\.454px\]{width:142.454px;height:142.454px}.size-\[145\.308px\]{width:145.308px;height:145.308px}.size-\[211\.457px\]{width:211.457px;height:211.457px}.size-\[233\.446px\]{width:233.446px;height:233.446px}.size-\[238\.067px\]{width:238.067px;height:238.067px}.size-\[238\.599px\]{width:238.599px;height:238.599px}.size-\[259\.114px\]{width:259.114px;height:259.114px}.size-\[295\.959px\]{width:295.959px;height:295.959px}.size-\[312\.794px\]{width:312.794px;height:312.794px}.size-\[323\.877px\]{width:323.877px;height:323.877px}.size-\[345\.321px\]{width:345.321px;height:345.321px}.size-\[383\.421px\]{width:383.421px;height:383.421px}.size-\[398\.593px\]{width:398.593px;height:398.593px}.size-\[440\.042px\]{width:440.042px;height:440.042px}.size-\[461\.35px\]{width:461.35px;height:461.35px}.size-\[507\.728px\]{width:507.728px;height:507.728px}.size-\[509\.324px\]{width:509.324px;height:509.324px}.size-\[648\.497px\]{width:648.497px;height:648.497px}.size-\[743\.001px\]{width:743.001px;height:743.001px}.size-full{width:100%;height:100%}.h-\[50\.637px\]{height:50.637px}.h-\[55\.903px\]{height:55.903px}.h-\[64\.822px\]{height:64.822px}.h-\[83\.121px\]{height:83.121px}.h-\[91\.765px\]{height:91.765px}.h-\[115\.239px\]{height:115.239px}.h-\[119\.132px\]{height:119.132px}.h-\[123\.249px\]{height:123.249px}.h-\[136\.065px\]{height:136.065px}.h-\[156\.688px\]{height:156.688px}.h-\[170\.458px\]{height:170.458px}.h-\[172\.982px\]{height:172.982px}.h-\[174\.285px\]{height:174.285px}.h-\[225\.677px\]{height:225.677px}.h-\[243\.927px\]{height:243.927px}.h-\[268\.813px\]{height:268.813px}.h-\[288\.098px\]{height:288.098px}.h-\[295\.959px\]{height:295.959px}.h-\[312\.625px\]{height:312.625px}.h-\[312\.794px\]{height:312.794px}.h-\[312\.795px\]{height:312.795px}.h-\[337\.344px\]{height:337.344px}.h-\[505\.866px\]{height:505.866px}.h-\[648\.496px\]{height:648.496px}.w-\[131\.848px\]{width:131.848px}.w-\[140\.674px\]{width:140.674px}.w-\[145\.558px\]{width:145.558px}.w-\[162\.072px\]{width:162.072px}.w-\[203\.957px\]{width:203.957px}.w-\[215\.924px\]{width:215.924px}.w-\[217\.545px\]{width:217.545px}.w-\[238\.378px\]{width:238.378px}.w-\[251\.204px\]{width:251.204px}.w-\[288\.338px\]{width:288.338px}.w-\[288\.935px\]{width:288.935px}.w-\[312\.625px\]{width:312.625px}.w-\[312\.794px\]{width:312.794px}.w-\[312\.795px\]{width:312.795px}.w-\[319\.109px\]{width:319.109px}.w-\[327\.821px\]{width:327.821px}.w-\[352\.292px\]{width:352.292px}.w-\[371\.782px\]{width:371.782px}.w-\[407\.008px\]{width:407.008px}.w-\[449\.331px\]{width:449.331px}.w-\[492\.36px\]{width:492.36px}.w-\[505\.866px\]{width:505.866px}.w-\[629\.014px\]{width:629.014px}.w-\[648\.497px\]{width:648.497px}.max-w-none{max-width:none}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-scale-y-100{--tw-scale-y:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-84{--tw-scale-y:84%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-87{--tw-scale-y:87%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-95{--tw-scale-y:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.-rotate-135{rotate:-135deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-135{rotate:135deg}.rotate-180{rotate:180deg}.rotate-\[-1\.51deg\]{rotate:-1.51deg}.rotate-\[-36\.65deg\]{rotate:-36.65deg}.rotate-\[-73\.71deg\]{rotate:-73.71deg}.rotate-\[106\.29deg\]{rotate:106.29deg}.rotate-\[143\.35deg\]{rotate:143.35deg}.rotate-\[178\.49deg\]{rotate:178.49deg}.skew-x-\[-17\.72deg\]{--tw-skew-x:skewX(-17.72deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.skew-x-\[-28\.97deg\]{--tw-skew-x:skewX(-28.97deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.skew-x-\[32\.59deg\]{--tw-skew-x:skewX(32.59deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-clip{overflow:clip}.rounded-\[20px\]{border-radius:20px}.bg-\[\#fcf8f1\]{background-color:#fcf8f1}.opacity-40{opacity:.4}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false} @font-face { font-family: 'Samarqand'; src: url('../fonts/Samarqand-VF.woff2') format('woff2'), url('../fonts/Samarqand-VF.woff') format('woff'); font-weight: 300 1000; font-style: normal; font-display: swap; } :root { --bv-font: 'Samarqand', 'Peyda', 'Vazirmatn', Tahoma, sans-serif; --bv-z: 1; } html.bv-html, body.bv-body { margin: 0; padding: 0; background: linear-gradient(90deg, #fcf8f1 var(--au-left, 0px), #1f0b09 var(--au-left, 0px), #1f0b09 var(--au-split, 56.4vw), #fcf8f1 var(--au-split, 56.4vw)); } html.bv-html { height: 100%; overflow: hidden; } body.bv-body { height: 100%; overflow: hidden; } .bv-stage { width: 1440px; margin: 0 auto; zoom: var(--bv-z); position: relative; direction: ltr; } @layer base { :where(.bvc a) { color: inherit; text-decoration: none; } } .fz-r { font-weight: 400; } .fz-m { font-weight: 500; } .fz-sb { font-weight: 600; } .fz-b { font-weight: 700; } .bv-hv { transition: opacity .2s ease; } a.bv-hv:hover { opacity: .75; } .bvc { position: relative; width: 1440px; font-family: var(--bv-font); direction: ltr; } .au-stage { height: 861px; overflow: hidden; margin-top: calc(var(--au-mt, 0px) / var(--bv-z, 1)); } .au-st { position: absolute; left: 0; top: 0; width: 1440px; height: 861px; overflow: hidden; } .au-bg { position: absolute; left: 0; top: 0; width: 689px; height: 861px; background-image: url("data:image/svg+xml;utf8,"); background-size: 100% 100%; } .au-art { position: absolute; left: 0; top: 0; width: 1440px; height: 861px; clip-path: inset(0 751px 0 0); pointer-events: none; } .au-g { position: absolute; left: 0; top: 0; width: 1440px; height: 861px; } .au-g--a { animation: au-a 17.01s linear infinite; opacity: 0; } .au-g--b { transform-origin: 405.5px 430.5px; scale: .8; animation: au-b 17.01s linear infinite; } @keyframes au-a { 0%, 9.87% { opacity: 0; } 18.79%, 32.21% { opacity: 1; } 42.75%, 100% { opacity: 0; } } @keyframes au-b { 0%, 80.09% { scale: .8; } 97.05%, 99.99% { scale: 1; } 100% { scale: .8; } } @media (prefers-reduced-motion: reduce) { .au-g--a, .au-g--b { animation: none; } } .au-bc { position: absolute; right: 120px; top: 125px; height: 46px; display: flex; flex-direction: row; direction: rtl; align-items: center; gap: 9px; font-weight: 400; font-size: 16px; letter-spacing: -.32px; color: #866a48; white-space: nowrap; } .au-bc a, .au-bc span { line-height: 46px; } .au-bc img { width: 16px; height: 16px; } .au-card { position: absolute; left: 933px; top: 222px; width: 387px; height: 417px; box-sizing: border-box; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 23px 20px -8px rgba(76,48,49,.04); transition: top .45s cubic-bezier(.2,.7,.2,1), height .45s cubic-bezier(.2,.7,.2,1); } .au-card[data-step="otp"] { top: 234px; } .au-card[data-step="name"] { top: 203px; height: 454px; } .au-s { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .35s ease, transform .45s cubic-bezier(.2,.7,.2,1), visibility 0s linear .35s; } .au-s.is-on { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; } .au-logo { position: absolute; left: 166px; top: 49px; width: 54px; height: 54px; display: block; } .au-logo img { width: 54px; height: 54px; display: block; } .au-t { position: absolute; left: 41px; top: 137px; width: 305px; margin: 0; font-size: 17px; line-height: 26px; letter-spacing: -.34px; color: #4c3031; text-align: center; direction: rtl; font-weight: 500; } .au-h { position: absolute; left: 54px; top: 216px; width: 275px; margin: 0; font-size: 10px; line-height: 18px; letter-spacing: -.2px; color: #9b8c8d; text-align: center; direction: rtl; } .au-f { position: absolute; left: 41px; top: 243px; width: 305px; display: flex; flex-direction: column; gap: 10px; margin: 0; } .au-in { display: block; width: 305px; height: 48px; box-sizing: border-box; padding: 0 17px; border: 0; outline: 0; border-radius: 54px; background: rgba(236,224,203,.5); color: #4c3031; font-family: var(--bv-font); font-size: 14px; letter-spacing: -.42px; text-align: right; direction: rtl; transition: background .25s, box-shadow .25s; appearance: none; -webkit-appearance: none; } .au-in::placeholder { color: rgba(76,48,49,.47); opacity: 1; } .au-in:focus { background: rgba(236,224,203,.75); box-shadow: 0 0 0 2px rgba(29,187,189,.45); } .au-in.is-err { box-shadow: 0 0 0 2px rgba(180,69,45,.55); } .au-bt { display: block; width: 305px; height: 48px; padding: 0; border: 0; border-radius: 75px; background: #4c3031; color: #fff; font-family: var(--bv-font); font-size: 16px; letter-spacing: -.48px; cursor: pointer; transition: background .25s, opacity .25s, transform .2s; } .au-bt:hover { background: #5d3c3d; } .au-bt:active { transform: scale(.985); } .au-bt[disabled] { opacity: .55; cursor: default; } .au-bt--o { font-size: 18px; letter-spacing: -.54px; } .au-bar { position: absolute; left: 37px; top: 0; width: 314px; height: 2px; background: #1dbbbd; transform-origin: 50% 50%; } .au-chat { position: absolute; left: 159px; top: 50px; width: 70px; height: 70px; overflow: hidden; } .au-chat img { position: absolute; left: 6.566px; top: 10.941px; width: 56.868px; height: 52.5px; } .au-timer { position: absolute; left: 21px; top: 20px; width: 28px; height: 26px; margin: 0; font-size: 17px; line-height: 26px; letter-spacing: -.34px; color: #000; text-align: center; white-space: nowrap; font-weight: 600; } .au-ot { position: absolute; left: 82px; top: 144px; width: 223px; height: 68px; text-align: center; direction: rtl; font-size: 17px; line-height: 26px; letter-spacing: -.34px; color: #000; } .au-ot p { margin: 0 0 12px; } .au-ot .au-ot__d { margin: 0; font-weight: 400; } .au-f2 { position: absolute; left: 41px; top: 261px; width: 305px; margin: 0; } .au-ds { display: flex; flex-direction: row; gap: 2px; width: 305px; } .au-d { flex: 1 1 0; min-width: 1px; width: 0; height: 48px; box-sizing: border-box; padding: 0; margin: 0; border: 0; outline: 0; border-radius: 4px; background: rgba(236,224,203,.5); color: #fff; font-family: var(--bv-font); font-weight: 500; font-size: 20px; letter-spacing: -.4px; text-align: center; caret-color: #4c3031; transition: background .2s, box-shadow .2s; appearance: none; -webkit-appearance: none; } .au-d--0 { border-radius: 30px 4px 4px 30px; } .au-d--4 { border-radius: 4px 30px 30px 4px; } .au-d.is-fill { background: #1dbbbd; } .au-d:focus { box-shadow: 0 0 0 2px rgba(29,187,189,.5); } .au-d.is-err { box-shadow: 0 0 0 2px rgba(180,69,45,.55); } .au-bt--o { position: absolute; left: 0; top: 58px; } .au-ln { position: absolute; top: 376px; height: 26px; margin: 0; padding: 0; border: 0; background: transparent; display: flex; flex-direction: row; align-items: center; gap: 5px; color: #000; font-family: var(--bv-font); font-size: 13px; line-height: 26px; letter-spacing: -.26px; cursor: pointer; white-space: nowrap; transition: opacity .25s; } .au-ln img { width: 16px; height: 16px; display: block; } .au-ln--r { left: 194px; } .au-ln--c { left: 94px; } .au-ln[disabled] { opacity: .45; cursor: default; } .au-ln:not([disabled]):hover { opacity: .65; } .au-t--n { top: 112px; } .au-gift { position: absolute; left: 41px; top: 150px; width: 305px; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; background: rgba(29,187,189,.1); border: 1px solid rgba(29,187,189,.28); display: flex; flex-direction: column; align-items: center; gap: 6px; } .au-gift[hidden] { display: none; } .au-gift__b { height: 22px; padding: 0 12px; border-radius: 50px; background: #1dbbbd; color: #fff; font-size: 11px; line-height: 22px; letter-spacing: -.2px; white-space: nowrap; } .au-gift__t { margin: 0; font-size: 12px; line-height: 20px; letter-spacing: -.24px; color: #0f8a8c; text-align: center; direction: rtl; } .au-h--n { top: 250px; } .au-f3 { position: absolute; left: 41px; top: 280px; width: 305px; display: flex; flex-direction: column; gap: 10px; margin: 0; } .au-card[data-gift="0"] .au-t--n { top: 112px; } .au-card[data-gift="0"] .au-h--n { top: 168px; } .au-card[data-gift="0"] .au-f3 { top: 196px; } .au-msg { position: absolute; left: 933px; width: 387px; top: 0; margin: 0; font-size: 12px; line-height: 20px; letter-spacing: -.24px; color: #866a48; text-align: center; direction: rtl; min-height: 20px; opacity: 0; transition: opacity .25s; } .au-msg.is-on { opacity: 1; } .au-msg.is-err { color: #b4452d; } .au-msg.is-ok { color: #0f8a8c; } .au-card[data-step="phone"] + .au-msg { top: 655px; } .au-card[data-step="otp"] + .au-msg { top: 667px; } .au-card[data-step="name"] + .au-msg { top: 673px; } .au-card[data-step="name"][data-gift="0"] { top: 245px; height: 370px; } .au-card[data-step="name"][data-gift="0"] + .au-msg { top: 631px; } .au-glow { position: absolute; left: 0; top: 0; width: 689px; height: 861px; max-width: none; } .au-g--hc { opacity: .45; } .au-s--name .au-logo { top: 40px; } html.bv-html { margin-top: 0 !important; } #wpadminbar { display: none !important; } .au-mh, .au-ml, .au-mic, .au-mtx { display: none; } @media (max-width: 767px) { html.bv-html, body.bv-body { height: auto; min-height: 100%; overflow: visible; background: #fcf8f1; } html.bv-html { overflow-x: hidden; } .bv-stage.au-stage { width: 402px; height: auto; min-height: var(--au-mh, 740px); margin: 0 auto; zoom: var(--au-mz, 1); overflow: hidden; background: #fcf8f1; } .au-st { position: relative; width: 402px; height: var(--au-mh, 740px); } .au-bg, .au-art, .au-bc, .au-logo { display: none; } .au-mh { display: block; position: absolute; left: 0; top: 0; width: 402px; height: 438px; background: #4c3031; overflow: hidden; } .au-mh__r { position: absolute; left: 77px; top: 95px; width: 248px; height: 248px; max-width: none; } .au-mh__t { position: absolute; left: 0; top: 152px; width: 402px; margin: 0; text-align: center; direction: rtl; color: #fcf8f1; font-size: 28.7px; line-height: 40px; letter-spacing: -.9px; font-weight: 400; white-space: nowrap; } .au-ml { display: block; position: absolute; left: 339px; top: 20px; width: 43px; height: 43px; z-index: 2; } .au-ml img { width: 43px; height: 43px; display: block; } .au-st .au-card[data-step] { left: 20px; top: 279px; width: 362px; height: 417px; transition: none; } .au-st .au-card[data-step="name"][data-gift="0"] { top: 279px; height: 417px; } .au-s { transform: none; } .au-s--phone .au-t, .au-s--phone .au-h { display: none; } .au-mic { display: block; position: absolute; left: 147px; top: 50px; width: 70px; height: 70px; max-width: none; } .au-mtx { display: block; position: absolute; left: 29px; top: 147px; width: 305px; text-align: center; direction: rtl; color: #000; } .au-mtx p { margin: 0; font-size: 16.2px; line-height: 26px; letter-spacing: -.34px; font-weight: 500; } .au-mtx p + p { margin-top: 10px; font-weight: 400; } .au-f, .au-f2, .au-f3 { left: 29px; top: 261px; } .au-in { font-weight: 500; font-size: 17.2px; letter-spacing: -.54px; padding: 0 17px; } .au-in::placeholder { color: #4c3031; } .au-bt, .au-bt--o { font-weight: 500; font-size: 17.2px; letter-spacing: -.54px; } .au-d { font-size: 19.1px; } .au-ln { font-size: 12.4px; } .au-timer { font-size: 16.2px; } .au-ot { font-size: 16.2px; } .au-bar { left: 25px; } .au-chat { left: 147px; } .au-ot { left: 70px; top: 147px; } .au-ln { top: 381px; } .au-ln--r { left: 182px; } .au-ln--c { left: 82px; } .au-s--name .au-t--n { left: 29px; top: 56px; font-size: 20px; } .au-st .au-card[data-gift="0"] .au-t--n { top: 104px; } .au-gift { left: 29px; top: 100px; } .au-h--n { left: 29px; top: 206px; width: 305px; font-size: 14px; line-height: 22px; color: #866a48; } .au-st .au-card[data-gift="0"] .au-h--n { top: 160px; } .au-st .au-card[data-gift="0"] .au-f3 { top: 261px; } .au-st .au-card[data-step] + .au-msg { left: 20px; width: 362px; top: 712px; font-size: 13px; } } /* ویدیوی متحرک سمت چپ صفحهٔ ورود (دسکتاپ) */ .au-vid { display: none; } @media (min-width: 768px) { .au-vid { display: block; position: absolute; left: 0; top: 0; width: 689px; height: 861px; object-fit: cover; pointer-events: none; z-index: 1; background: #1f0b09; } .au-has-vid .au-art { display: none; } } @media (prefers-reduced-motion: reduce) { .au-vid { display: none !important; } .au-has-vid .au-art { display: block !important; } } /* انیمیشن Lottie سمت چپ صفحهٔ ورود (دسکتاپ) */ .au-lot { display: none; } @media (min-width: 768px) { .au-lot { display: block; position: absolute; left: 0; top: 0; width: 689px; height: 861px; overflow: hidden; background: #1f0b09; z-index: 1; pointer-events: none; } .au-lot svg { display: block; width: 100%; height: 100%; } .au-lot-ok .au-art { display: none; } } @media (prefers-reduced-motion: reduce) { .au-lot { display: none !important; } .au-lot-ok .au-art { display: block !important; } } /* صفحهٔ ورود (دسکتاپ): پنل انیمیشن چسبیده به لبهٔ چپ پنجره، باکس ورود بزرگ‌تر */ @media (min-width: 768px) { body.au-lot-ok.bv-body { background: linear-gradient(90deg, #1f0b09 calc(689px * var(--bv-z, 1)), #fcf8f1 calc(689px * var(--bv-z, 1))); } .au-lot-ok .au-bg { display: none; } .au-st .au-card, .au-st .au-msg { zoom: 1.2; left: 713px; } .au-st .au-card { top: 150px; } .au-st .au-card[data-step="otp"] { top: 160px; } .au-st .au-card[data-step="name"] { top: 134px; } .au-st .au-card[data-step="name"][data-gift="0"] { top: 169px; } .au-st .au-card[data-step="phone"] + .au-msg { top: 580px; } .au-st .au-card[data-step="otp"] + .au-msg { top: 590px; } .au-st .au-card[data-step="name"] + .au-msg { top: 602px; } .au-st .au-card[data-step="name"][data-gift="0"] + .au-msg { top: 553px; } .au-bc { top: 100px; } }