/* Animated login. All selectors scoped to avoid changing member/onboarding screens. */
.butterfly-login{--login-plum:#3e1730;--login-rose:#af4168;display:grid;grid-template-columns:48% 52%;min-height:100svh;background:#fcfaf7;color:#34282f}.login-story{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:#401b32;min-height:800px;padding:44px clamp(30px,4.5vw,78px);color:#fff}.story-wash{position:absolute;z-index:-2;inset:-25%;background:radial-gradient(ellipse at 70% 28%,#b95d7c9e,transparent 43%),radial-gradient(ellipse at 18% 80%,#902f5670,transparent 48%),#401b32;animation:wash-drift 16s ease-in-out infinite alternate}.login-story::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(95deg,transparent 0,transparent 3px,#ffffff02 4px)}.login-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;width:max-content;z-index:2;color:#fff!important;font:600 25px/1.1 var(--latin);letter-spacing:-1px}.login-brand small{display:block;font:400 9px/1.5 var(--latin);letter-spacing:3.7px;margin-top:7px;color:#e6c8d5}.login-brand-icon{display:grid;place-items:center;width:46px;height:46px;color:#efb7cb}.login-brand-icon svg{width:46px;height:46px}.login-brand-icon .wing{animation:none}.story-art{height:350px;position:relative;margin-top:25px}.orbit{position:absolute;top:50%;left:50%;border:1px solid #efc9d826;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:295px;height:295px;animation:orbit-breathe 9s ease-in-out infinite}.orbit-two{width:390px;height:390px;border-style:dashed;border-color:#efc9d814;animation:orbit-spin 90s linear infinite}.orbit-three{width:210px;height:210px;border-color:#efc9d812}.flight{position:absolute;color:#f0bdcd;filter:drop-shadow(0 14px 20px #20071930);will-change:transform}.flight svg{width:100%;height:100%;overflow:visible}.flight-one{width:180px;height:160px;left:calc(50% - 90px);top:75px;animation:butterfly-float 7s ease-in-out infinite}.flight-two{width:77px;height:70px;left:14%;top:210px;transform:rotate(-24deg);color:#d393ac;animation:butterfly-small 9s ease-in-out infinite}.flight-three{width:55px;height:50px;right:10%;top:53px;color:#f5d5df;animation:butterfly-small 8s ease-in-out -3s infinite reverse}.wing{transform-box:view-box;transform-origin:90px 85px}.wing-left{animation:wing-left 2.3s ease-in-out infinite}.wing-right{animation:wing-right 2.3s ease-in-out infinite}.flight-two .wing,.flight-three .wing{animation-duration:1.7s}.stardust{position:absolute;width:5px;height:5px;background:#f8dfce;border-radius:50%;box-shadow:0 0 14px #ffd8bfb0;animation:dust-glow 4s ease-in-out infinite}.dust-one{left:28%;top:54px}.dust-two{right:21%;top:237px;animation-delay:-2s}.dust-three{left:40%;top:273px;animation-delay:-1s}.art-caption{position:absolute;bottom:0;width:100%;text-align:center;color:#d2a5b9;font:400 8px var(--latin);letter-spacing:3px}.story-copy{margin-top:42px;animation:login-rise 1s .15s both}.story-eyebrow{font-size:13px;color:#e3b7c9;display:block;margin-bottom:18px}.story-copy h1{font-size:clamp(42px,4.6vw,68px);line-height:1.35;font-weight:500;color:#fff7f4;letter-spacing:-1.3px;margin:0 0 20px}.story-copy h1 em{font-style:normal;color:#f1b9cc}.story-copy p{font-size:16px;line-height:1.9;color:#dbc2ce;margin:0}.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff21;margin-top:auto;padding-top:24px;color:#c7a5b6;font-size:11px}.motion-toggle{display:inline-flex;align-items:center;gap:7px;color:#eddae2;background:none;border:1px solid #fff3;border-radius:30px;padding:8px 12px;min-height:38px;font-size:11px;white-space:nowrap}.motion-toggle:hover{background:#ffffff12}.login-main{padding:42px clamp(28px,5.4vw,92px) 26px;display:flex;flex-direction:column;min-width:0}.login-topline,.login-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#83757c}.login-topline a{display:inline-flex;align-items:center;gap:8px;color:#8c3456;font-size:13px;text-decoration:none}.login-topline svg{width:16px}.login-form-wrap{width:100%;max-width:420px;margin:auto; padding:62px 0 48px;animation:login-rise .85s .15s both}.login-welcome-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #dbc9d1;border-radius:50%;color:#9d4c6b;margin-bottom:26px;background:#fffaf9;animation:welcome-unfold 1.1s .3s both}.login-welcome-icon svg{width:22px;height:22px;stroke-width:1.2}.login-eyebrow{font-size:13px;color:#aa607b;margin-bottom:8px}.login-form-wrap h2{font-size:clamp(29px,2.9vw,40px);font-weight:600;line-height:1.4;margin:0 0 12px;letter-spacing:-.5px}.login-form-wrap h2>span{color:#b34770}.login-description{font-size:15px;line-height:1.8;color:#81727c;margin:0 0 32px}.login-field{margin:0 0 21px;animation:login-rise .7s .3s both}.login-field+.login-field{animation-delay:.42s}.login-field>label{font-size:13px;font-weight:500;color:#57454f;margin-bottom:9px;display:block}.login-input{display:flex;align-items:center;background:#fffdfb;border:1px solid #ddd3d6;border-radius:10px;min-height:56px;padding:0 16px;gap:13px;transition:border-color .25s,box-shadow .25s,transform .25s}.login-input>svg{width:18px;height:18px;color:#aa98a1;stroke-width:1.5;transition:color .25s}.login-input:focus-within{border-color:#ae5277;box-shadow:0 0 0 4px #ab42690d;transform:translateY(-2px)}.login-input:focus-within>svg{color:#a13c63}.login-input input{min-width:0;width:100%;height:54px;padding:0;border:0!important;box-shadow:none!important;outline:none;background:transparent;font-size:14px;color:#382530;border-radius:0}.login-input input::placeholder{color:#a2959d;font-size:13px}.password-toggle{border:0;padding:10px 0 10px 8px;background:none;color:#963a5e;font-size:12px;min-height:44px;white-space:nowrap}.login-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 23px;font-size:11px}.login-help>span{display:flex;align-items:center;gap:5px;color:#8b7d85}.login-help svg{width:13px;height:13px;stroke-width:1.5}.login-help-button{background:transparent;border:0;padding:5px 0;min-height:32px;font-size:12px;color:#924261}.login-help-note{font-size:13px;line-height:1.7;padding:12px;background:#f0e7ec;border-radius:8px}.login-submit{width:100%;min-height:57px;padding:8px 10px 8px 22px;display:flex;justify-content:space-between;background:#a23e63!important;border-radius:10px;overflow:hidden;position:relative;transition:box-shadow .3s,transform .3s!important}.login-submit:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px #a23e6333!important}.login-submit .submit-arrow{display:grid;place-items:center;width:39px;height:39px;background:#ffffff13;border-radius:7px;transition:background .3s}.login-submit:hover .submit-arrow{background:#ffffff26}.login-submit .submit-arrow svg{transition:transform .3s}.login-submit:hover .submit-arrow svg{transform:translateX(3px)}.login-submit[aria-busy=true] .submit-arrow svg{display:none}.login-submit[aria-busy=true] .submit-arrow::after{content:'';width:17px;height:17px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:loader-spin .7s linear infinite}.login-submit[aria-busy=true] .login-submit-label{font-size:0}.login-submit[aria-busy=true] .login-submit-label::after{content:'প্রবেশ করা হচ্ছে…';font-size:15px}.login-divider{display:flex;align-items:center;gap:15px;margin:29px 0 20px;font-size:11px;color:#a1939b}.login-divider::before,.login-divider::after{content:'';height:1px;background:#e7dfe0;flex:1}.login-join{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:16px 18px;border:1px solid #e2d6da;border-radius:10px;transition:background .25s,border-color .25s}.login-join>span{color:#93818b;font-size:12px}.login-join strong{display:block;color:#70334e;font-size:14px;font-weight:500;margin-top:3px}.login-join>svg{color:#a05d7a;width:18px}.login-join:hover{background:#f4eaf0;border-color:#c7acba}.login-privacy{text-align:center;font-size:11px;color:#9a8b94;line-height:1.8;margin:20px 10px 0}.login-footer{border-top:1px solid #e8dfe2;padding-top:18px;font-size:10px}.login-footer>span:first-child{font-family:var(--latin)}.butterfly-login .notice{font-size:13px;line-height:1.6}.butterfly-login #auth-error:empty{display:none}.butterfly-login #auth-error:not(:empty){margin-bottom:18px;animation:error-nudge .25s ease-out}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@keyframes wing-left{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.6)}}@keyframes wing-right{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.6)}}@keyframes butterfly-float{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(12px,-23px) rotate(2deg)}}@keyframes butterfly-small{0%,100%{transform:translate(0,0) rotate(-25deg)}50%{transform:translate(15px,-18px) rotate(-6deg)}}@keyframes wash-drift{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(3%,4%) scale(1.12)}}@keyframes orbit-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.07);opacity:1}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dust-glow{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-8px)}}@keyframes login-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-unfold{from{opacity:0;transform:scale(.7) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes error-nudge{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
@media(min-width:1450px){.login-story{min-height:900px}.story-art{margin-top:40px;height:370px}.story-copy{margin-top:52px}.login-form-wrap{max-width:440px}}
@media(max-width:1050px){.butterfly-login{grid-template-columns:44% 56%}.login-story{padding:34px 30px}.login-main{padding:34px 35px 24px}.story-art{height:300px}.story-copy h1{font-size:48px}.orbit-two{width:330px;height:330px}.story-bottom>span{display:none}.story-copy{margin-top:32px}.login-topline>span{display:none}.login-topline{justify-content:flex-end}.login-form-wrap h2{font-size:32px}}
@media(max-width:740px){.butterfly-login{display:block}.login-story{min-height:0;height:256px;padding:23px 25px;display:block}.login-brand{font-size:20px;gap:8px}.login-brand small{font-size:7px;letter-spacing:3px}.login-brand-icon,.login-brand-icon svg{width:36px;height:36px}.story-art{position:absolute;width:230px;height:230px;right:-26px;top:8px;margin:0;opacity:.9}.flight-one{width:108px;height:96px;left:65px;top:66px}.flight-two{width:43px;height:40px;left:35px;top:153px}.flight-three{width:33px;height:31px;right:28px;top:48px}.orbit-one{width:200px;height:200px}.orbit-two{width:270px;height:270px}.orbit-three{width:130px;height:130px}.art-caption,.dust-three{display:none}.story-copy{position:relative;margin-top:24px;max-width:230px}.story-eyebrow{font-size:10px;margin-bottom:7px}.story-copy h1{font-size:32px;line-height:1.35;margin:0;letter-spacing:-.6px}.story-copy p{display:none}.story-bottom{position:absolute;right:18px;bottom:14px;border:0;margin:0;padding:0}.motion-toggle{padding:5px 9px;min-height:32px;font-size:10px}.login-main{padding:0 25px 22px;position:relative;border-radius:22px 22px 0 0;margin-top:-16px;background:#fcfaf7}.login-topline{padding-top:21px}.login-topline a{font-size:12px}.login-form-wrap{padding:25px 0 30px;max-width:440px}.login-welcome-icon{display:none}.login-eyebrow{font-size:12px}.login-form-wrap h2{font-size:30px}.login-description{font-size:14px;margin-bottom:25px}.login-description br{display:none}.login-field{margin-bottom:18px}.login-input{min-height:54px}.login-help{font-size:10px;gap:8px}.login-help-button{font-size:11px}.login-divider{margin-top:23px}.login-footer{font-size:9px}.login-privacy{font-size:10px}}
@media(max-width:360px){.login-main{padding-left:18px;padding-right:18px}.login-story{padding-left:22px}.story-art{right:-53px}.login-help{align-items:flex-start;flex-direction:column;gap:0}.login-form-wrap h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.butterfly-login *,.butterfly-login *::before,.butterfly-login *::after{animation:none!important;transition:none!important}.motion-toggle{display:none}}

/* The official wordmark replaces the provisional login mark; flying butterflies remain decorative. */
.login-brand{position:relative;width:170px;height:70px;padding:7px 10px;border-radius:10px;background:#fff;box-shadow:0 8px 26px #21091828}
.login-brand::before{content:'';display:block;width:100%;height:100%;background:url('./assets/butterfly-logo.png') left center/contain no-repeat}
.login-brand>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:740px){.login-brand{width:142px;height:58px;padding:5px 8px}}

/* Keep the desktop login usable on common laptop-height viewports. */
@media(min-width:741px) and (max-height:820px){
  .login-story{min-height:100svh;padding-top:24px;padding-bottom:24px}
  .story-art{height:200px;margin-top:8px}
  .orbit-one{width:210px;height:210px}.orbit-two{width:290px;height:290px}.orbit-three{width:150px;height:150px}
  .flight-one{width:130px;height:116px;left:calc(50% - 65px);top:40px}
  .flight-two{width:57px;height:53px;top:135px}.flight-three{width:43px;height:40px;top:24px}
  .dust-two{top:150px}.dust-three{top:170px}
  .story-copy{margin-top:12px}.story-copy h1{font-size:clamp(34px,3.7vw,50px);line-height:1.28;margin-bottom:10px}
  .story-copy p{font-size:14px;line-height:1.6}.story-eyebrow{margin-bottom:7px}
  .story-bottom{padding-top:12px;margin-top:16px}
  .login-main{padding-top:24px;padding-bottom:16px}
  .login-form-wrap{padding:20px 0 16px}.login-welcome-icon{margin-bottom:12px}
  .login-description{margin-bottom:18px}.login-field{margin-bottom:14px}.login-help{margin-bottom:14px}
  .login-divider{margin-top:16px}.login-join{margin-top:12px}
  .login-welcome-icon,.login-divider,.login-privacy{display:none}
}