@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#2b1d25;--plum:#672943;--plum2:#8e4964;--rose:#d68f9d;--cream:#fbf4f0;--line:#ead9d5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Vazirmatn,Tahoma,sans-serif;background:#21070d;color:var(--ink)}body{overflow-x:hidden}.login-page{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 80%,#8c3e5d 0,transparent 30%),radial-gradient(circle at 82% 18%,#e9b7b7 0,transparent 32%),linear-gradient(125deg,#270914,#5e253e 52%,#f3dedb)}.visual{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 30% 45%,rgba(255,255,255,.35),transparent 25%),radial-gradient(circle at 75% 75%,rgba(229,149,163,.4),transparent 28%),linear-gradient(145deg,#6b2d47,#c8878e 60%,#ead1ca)}.visual:before,.visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.visual:before{width:65vw;height:65vw;left:-20vw;bottom:-35vw;background:radial-gradient(circle,rgba(255,241,232,.34),transparent 65%);box-shadow:0 0 0 40px rgba(255,220,216,.05),0 0 0 90px rgba(255,220,216,.035)}.visual:after{width:40vw;height:40vw;right:-18vw;top:-14vw;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 68%)}.visual__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,5,14,.15),rgba(255,226,220,.2));z-index:1}.visual__grain{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.6) .6px,transparent .6px);background-size:7px 7px;mix-blend-mode:soft-light;z-index:2}.visual__light{position:absolute;border-radius:50%;filter:blur(25px);z-index:2}.visual__light--one{width:180px;height:180px;right:18%;top:18%;background:rgba(255,236,222,.38)}.visual__light--two{width:260px;height:260px;left:12%;bottom:8%;background:rgba(255,164,185,.22)}.brand-mark{position:absolute;top:8%;left:9%;z-index:4;color:#fff}.brand-mark__as{font:500 clamp(54px,7vw,100px)/.8 Georgia,serif;display:block;letter-spacing:-5px}.brand-mark__name{font:500 10px/1 Vazirmatn,sans-serif;letter-spacing:7px;margin-left:7px;opacity:.8}.editorial{position:absolute;left:9%;bottom:18%;z-index:4;color:#fff;display:flex;flex-direction:column;gap:8px}.editorial span{font-size:10px;letter-spacing:4px;opacity:.75}.editorial b{font:500 clamp(24px,3vw,46px) Georgia,serif;letter-spacing:2px}.product-caption{position:absolute;left:9%;bottom:8%;display:flex;align-items:center;gap:12px;color:#fff;z-index:4;font-size:9px;letter-spacing:2px}.product-caption i{width:45px;height:1px;background:#fff8}.floating-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25);z-index:3}.floating-orb--one{width:130px;height:130px;right:12%;bottom:14%;box-shadow:0 0 0 25px rgba(255,255,255,.03),0 0 0 50px rgba(255,255,255,.025)}.floating-orb--two{width:65px;height:65px;right:30%;top:15%}.login-shell{position:relative;display:flex;flex-direction:column;justify-content:center;padding:7vh 7vw 5vh;background:linear-gradient(135deg,rgba(255,247,244,.88),rgba(255,235,232,.72));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.back-link{align-self:flex-start;display:flex;align-items:center;gap:8px;color:#6b3449;text-decoration:none;font-size:10px;margin-bottom:18px}.back-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.login-card{width:min(540px,100%);margin:auto;background:rgba(255,250,248,.7);border:1px solid rgba(255,255,255,.8);border-radius:32px;padding:38px;box-shadow:0 30px 80px rgba(61,18,35,.15);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#9c6a78}.eyebrow{font-size:9px;letter-spacing:2.2px}.card-index{font:500 12px Georgia}.heading{text-align:right;margin:30px 0}.heading p{margin:0 0 8px;color:#a45c70;font-size:13px}.heading h1{margin:0;font-size:clamp(26px,3vw,40px);line-height:1.5;letter-spacing:-.7px}.heading h1 em{font-style:normal;color:#9b3f5e;font-family:Georgia,serif}.heading>span{display:block;margin-top:13px;color:#77676e;font-size:11px;line-height:2}.login-form{display:flex;flex-direction:column;gap:13px}.field>span{display:block;font-size:10px;color:#684253;margin-bottom:7px}.field__box{display:flex;direction:ltr;align-items:center;border:1px solid #e4cfd0;background:rgba(255,255,255,.76);border-radius:17px;height:58px;padding:0 17px;transition:.25s;box-shadow:inset 0 1px 0 #fff}.field__box:focus-within{border-color:#c67b8d;box-shadow:0 0 0 4px rgba(190,92,116,.08)}.field input{border:0;outline:0;background:transparent;flex:1;font:500 15px Vazirmatn;color:#3a2530;min-width:0}.field input::placeholder{color:#b7a8ad}.field__icon{font-size:10px;color:#a05d70;padding-right:8px;border-right:1px solid #eadbdd}.primary-btn{position:relative;height:58px;border:0;border-radius:17px;background:linear-gradient(105deg,#7c294d,#b65172);color:#fff;font:700 12px Vazirmatn;cursor:pointer;box-shadow:0 16px 30px rgba(117,35,68,.2);overflow:hidden}.primary-btn__arrow{margin-right:8px;font-size:16px}.primary-btn i{position:absolute;top:-20%;left:-30%;width:25%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);transition:1s}.primary-btn:hover i{left:110%}.divider{display:flex;align-items:center;gap:12px;color:#a38b94;font-size:9px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:#e7d7d8;flex:1}.socials{display:flex;justify-content:center;gap:10px}.socials button{width:42px;height:42px;border-radius:50%;border:1px solid #e5d3d4;background:rgba(255,255,255,.55);color:#734258;font:600 14px Georgia}.terms{text-align:center;color:#9a898f;font-size:8px;line-height:1.8;margin:18px 0}.terms a{color:#85445d}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eadbdd;padding-top:18px;font-size:9px;color:#8c7980}.card-footer a{color:#8c3e5c;text-decoration:none;font-weight:800}.micro-copy{display:flex;justify-content:space-between;color:#a3848e;font-size:7px;letter-spacing:1.5px;margin-top:16px}
@media(max-width:760px){html,body{min-height:100svh}.login-page{display:block;min-height:100svh;background:#3b1021}.visual{position:absolute;inset:0;height:100%;min-height:100svh;background:radial-gradient(circle at 75% 12%,rgba(255,226,220,.85),transparent 24%),radial-gradient(circle at 15% 68%,rgba(190,83,116,.55),transparent 32%),linear-gradient(150deg,#f0d6d0 0%,#c87886 37%,#4b142d 100%)}.visual:before{width:100vw;height:100vw;left:-45vw;bottom:-30vw}.visual:after{width:85vw;height:85vw;right:-40vw;top:-25vw}.visual__veil{background:linear-gradient(180deg,rgba(255,244,240,.08),rgba(46,8,24,.58) 68%,rgba(31,4,15,.9))}.brand-mark{top:4.5%;left:50%;transform:translateX(-50%);text-align:center}.brand-mark__as{font-size:58px;letter-spacing:-4px}.brand-mark__name{font-size:8px;letter-spacing:6px;margin-left:6px}.editorial{left:7%;bottom:12%;opacity:.72}.editorial span{font-size:7px;letter-spacing:2.5px}.editorial b{font-size:23px}.product-caption{display:none}.floating-orb--one{width:100px;height:100px;right:5%;top:23%}.floating-orb--two{width:46px;height:46px;right:22%;top:18%}.login-shell{position:relative;z-index:5;min-height:100svh;padding:18px 14px 24px;display:flex;justify-content:flex-start;background:transparent;backdrop-filter:none}.back-link{align-self:flex-end;color:#fff;margin:4px 5px 16px;font-size:9px;text-shadow:0 1px 8px #4b1728}.back-link svg{width:17px;height:17px}.login-card{width:100%;margin:0 auto;padding:24px 18px 20px;border-radius:28px;background:rgba(255,247,245,.9);border-color:rgba(255,255,255,.9);box-shadow:0 25px 70px rgba(42,7,22,.28);backdrop-filter:blur(22px)}.card-top{margin-bottom:2px}.eyebrow{font-size:7px;letter-spacing:1.7px}.card-index{font-size:10px}.heading{margin:17px 0 18px}.heading p{font-size:11px;margin-bottom:5px}.heading h1{font-size:27px;line-height:1.42}.heading>span{font-size:9px;margin-top:8px;line-height:1.9}.field>span{font-size:9px}.field__box{height:52px;border-radius:15px;padding:0 14px}.field input{font-size:13px}.primary-btn{height:52px;border-radius:15px;font-size:11px}.divider{margin:15px 0;font-size:8px}.socials button{width:38px;height:38px}.terms{font-size:7px;margin:13px 0}.card-footer{padding-top:13px;font-size:8px}.micro-copy{display:none}
}
@media(max-width:380px){.login-card{padding:20px 15px 17px}.heading h1{font-size:24px}.heading{margin:14px 0}.field__box,.primary-btn{height:49px}.socials button{width:35px;height:35px}}