s.esmaeili
ea86636027
First commit of the Hedena Gold product (separate from gold-bank): branding, package names, and deploy defaults aligned to the new brand; legacy Henza trees stay local-only via .gitignore.
2 lines
9.7 KiB
CSS
2 lines
9.7 KiB
CSS
#page-login[data-v-59990315]{--bg: #060b1c;--navy: #1c2d56;--gold-1: #fff1c1;--gold-2: #f2c95c;--gold-3: #c8902a;--teal: #13877a;position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;color:#e6ebf5;background:radial-gradient(1000px 700px at 85% -10%,#14234a 0%,transparent 60%),radial-gradient(800px 600px at 0% 110%,#0e2a33 0%,transparent 60%),var(--bg)}.aurora[data-v-59990315]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:blur(90px);opacity:.85}.blob[data-v-59990315]{position:absolute;border-radius:50%;animation:drift-59990315 18s ease-in-out infinite alternate}.blob--gold[data-v-59990315]{width:46vmax;height:46vmax;top:-18vmax;left:-10vmax;background:radial-gradient(circle,rgba(242,201,92,.38),transparent 65%)}.blob--teal[data-v-59990315]{width:40vmax;height:40vmax;bottom:-20vmax;right:-8vmax;background:radial-gradient(circle,rgba(19,135,122,.42),transparent 65%);animation-duration:22s;animation-direction:alternate-reverse}.blob--navy[data-v-59990315]{width:36vmax;height:36vmax;top:30%;left:40%;background:radial-gradient(circle,rgba(60,90,170,.35),transparent 65%);animation-duration:26s}@keyframes drift-59990315{0%{transform:translate(0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.08)}to{transform:translate(-4vmax,6vmax) scale(.95)}}.grid-bg[data-v-59990315]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 80%)}.sparkles[data-v-59990315]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkles i[data-v-59990315]{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold-1);box-shadow:0 0 10px 2px #f2c95cb3;opacity:0;animation:twinkle-59990315 6s ease-in-out infinite}@keyframes twinkle-59990315{0%,to{opacity:0}50%{opacity:.9}}.login-layout[data-v-59990315]{position:relative;z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.hero[data-v-59990315]{display:flex;flex-direction:column}.brand-row[data-v-59990315]{display:flex;align-items:center;gap:12px}.logo-chip[data-v-59990315]{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #fff3,0 10px 30px -8px #f2c95c73}.logo-chip img[data-v-59990315]{width:64%}.brand-name[data-v-59990315]{font-size:16px;font-weight:500;letter-spacing:1px;color:#fff}.hero-title[data-v-59990315]{margin:36px 0 14px;font-size:16px;font-weight:500;line-height:1.35;color:#fff}.gold-text[data-v-59990315]{display:block;background:linear-gradient(100deg,var(--gold-1) 0%,var(--gold-2) 40%,var(--gold-3) 70%,var(--gold-1) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-flow-59990315 6s linear infinite}@keyframes gold-flow-59990315{to{background-position:200% center}}.hero-sub[data-v-59990315]{margin:0;max-width:440px;font-size:15px;line-height:1.9;color:#e6ebf5a6}.ingots[data-v-59990315]{position:relative;width:100%;max-width:420px;margin:40px 0 28px;animation:float-59990315 6s ease-in-out infinite}.ingot-glow[data-v-59990315]{position:absolute;left:10%;right:10%;bottom:-6%;height:40%;border-radius:50%;background:radial-gradient(ellipse,rgba(242,201,92,.55),transparent 70%);filter:blur(24px)}.ingot-svg[data-v-59990315]{position:relative;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}.ingot-label[data-v-59990315]{font:700 13px/1 ui-sans-serif,system-ui,sans-serif;fill:#6e460a8c;letter-spacing:1px}.shine[data-v-59990315]{animation:shine-59990315 4.5s ease-in-out infinite}@keyframes shine-59990315{0%,55%{transform:translate(0)}to{transform:translate(320px)}}@keyframes float-59990315{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.chips[data-v-59990315]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chips li[data-v-59990315]{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chips li[data-v-59990315] .anticon{color:var(--gold-2)}.form-side[data-v-59990315]{display:flex;justify-content:center}.glass-card[data-v-59990315]{position:relative;width:100%;max-width:440px;padding:40px 36px 32px;border-radius:28px;background:linear-gradient(160deg,#ffffff1a,#ffffff08);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px #ffffff1f,0 30px 80px -20px #0009}.glass-card[data-v-59990315]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(140deg,#f2c95c99,#ffffff14 35%,#13877a80);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card-head[data-v-59990315]{display:flex;align-items:center;justify-content:space-between}.logo-chip--sm[data-v-59990315]{width:44px;height:44px;border-radius:14px}.eyebrow[data-v-59990315]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--gold-2);background:#f2c95c1a;border:1px solid rgba(242,201,92,.25)}.dot[data-v-59990315]{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39933}.title[data-v-59990315]{margin:28px 0 8px;font-size:16px;font-weight:500;color:#fff}.subtitle[data-v-59990315]{margin:0 0 28px;font-size:13.5px;line-height:1.9;color:#e6ebf599}.login-form[data-v-59990315] .ant-form-item{margin-bottom:20px}.login-form[data-v-59990315] .ant-form-item-label>label{color:#e6ebf5d9;font-weight:500;font-size:13px}.login-form[data-v-59990315] .ant-input-affix-wrapper{height:52px;border-radius:14px;background:#060b1c8c;border:1px solid rgba(255,255,255,.12);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-form[data-v-59990315] .ant-input-affix-wrapper:hover{border-color:#f2c95c73}.login-form[data-v-59990315] .ant-input-affix-wrapper-focused{background:#060b1cbf;border-color:var(--gold-2);box-shadow:0 0 0 4px #f2c95c26}.login-form[data-v-59990315] .ant-input-affix-wrapper-status-error{border-color:#f87171!important;box-shadow:0 0 0 4px #f871711f!important}.login-form[data-v-59990315] .ant-input{background:transparent;color:#fff;font-size:15px}.login-form[data-v-59990315] .ant-input::placeholder{color:#e6ebf54d}.login-form[data-v-59990315] .ant-input-password-icon,.login-form[data-v-59990315] .ant-input-suffix .anticon{color:#e6ebf573}.login-form[data-v-59990315] .ant-input-password-icon:hover{color:var(--gold-2)}.login-form[data-v-59990315] .ant-form-item-explain-error{color:#fca5a5;font-size:12px;margin-top:4px}.login-form[data-v-59990315] input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-in-out 0s}.ltr-input[data-v-59990315] input{direction:ltr;text-align:right;letter-spacing:.6px}.field-icon[data-v-59990315]{color:var(--gold-2);font-size:16px;margin-inline-end:8px;opacity:.85}.submit-btn[data-v-59990315]{position:relative;overflow:hidden;height:54px;margin-top:8px;border:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500;color:#2a1a02;background:linear-gradient(135deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);box-shadow:inset 0 1px #fff9,0 14px 30px -12px #f2c95cbf;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.submit-btn[data-v-59990315]:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg)}.submit-btn[data-v-59990315]:not(:disabled):hover{color:#2a1a02;background:linear-gradient(135deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 1px #fff9,0 18px 36px -12px #f2c95ce6}.submit-btn[data-v-59990315]:not(:disabled):hover:after{animation:btn-shine-59990315 .9s ease}@keyframes btn-shine-59990315{to{left:120%}}.submit-btn[data-v-59990315]:disabled,.submit-btn[data-v-59990315]:disabled:hover{color:#e6ebf559;background:#ffffff12;box-shadow:none;transform:none}.btn-arrow[data-v-59990315]{font-size:15px;transition:transform .2s ease}.submit-btn:not(:disabled):hover .btn-arrow[data-v-59990315]{transform:translate(-4px)}.secure-note[data-v-59990315]{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 0;font-size:12px;color:#e6ebf573}.secure-note[data-v-59990315] .anticon{color:#34d399}.page-footer[data-v-59990315]{position:relative;z-index:1;padding:0 0 18px;text-align:center;font-size:12px;color:#e6ebf54d;direction:ltr}@media (max-width: 1100px){.hero-title[data-v-59990315]{font-size:16px}.login-layout[data-v-59990315]{gap:40px}}@media (max-width: 991px){.login-layout[data-v-59990315]{grid-template-columns:1fr;max-width:480px;padding:32px 20px;gap:0}.hero[data-v-59990315]{display:none}}@media (max-width: 575px){.login-layout[data-v-59990315]{padding:20px 16px;align-items:start}.glass-card[data-v-59990315]{padding:28px 20px 24px;border-radius:24px;margin-top:24px}.title[data-v-59990315]{font-size:16px}}@media (prefers-reduced-motion: reduce){.blob[data-v-59990315],.sparkles i[data-v-59990315],.gold-text[data-v-59990315],.ingots[data-v-59990315],.shine[data-v-59990315]{animation:none}}
|