.m-auth{--bg: #06080b;--surface: rgba(18, 24, 32, .72);--surface-solid: #111820;--surface-2: rgba(26, 34, 44, .65);--ink: #eef3f0;--muted: #8f9b95;--dim: #5c6862;--line: rgba(238, 243, 240, .07);--line-hot: rgba(61, 207, 154, .25);--em: #3dcf9a;--em-deep: #1faa78;--em-soft: rgba(61, 207, 154, .12);--em-glow: rgba(61, 207, 154, .3);--danger: #f07178;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--radius-pill: 999px;--glass-blur: 24px;--font-body: "Dana", "dana", "Vazirmatn", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);position:relative;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased}.m-auth *,.m-auth *:before,.m-auth *:after{box-sizing:border-box}.m-auth__atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 120% 60% at 20% -20%,rgba(61,207,154,.22),transparent 55%),radial-gradient(ellipse 90% 50% at 100% 20%,rgba(31,170,120,.12),transparent 50%),radial-gradient(ellipse 60% 70% at 10% 100%,rgba(126,184,168,.08),transparent 50%),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(129,140,248,.06),transparent 50%)}.m-auth__atmosphere:before,.m-auth__atmosphere:after{content:"";position:absolute;border-radius:50%;filter:blur(60px)}.m-auth__atmosphere:before{width:280px;height:280px;top:-80px;right:-60px;background:#3dcf9a2e;animation:m-auth-float-a 14s ease-in-out infinite alternate}.m-auth__atmosphere:after{width:200px;height:200px;bottom:10%;left:-40px;background:#818cf81a;animation:m-auth-float-b 18s ease-in-out infinite alternate-reverse}@keyframes m-auth-float-a{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,40px) scale(1.15)}}@keyframes m-auth-float-b{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-30px) scale(1.2)}}.m-auth__particles{position:fixed;inset:0;pointer-events:none;z-index:0}.m-auth__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;animation:m-auth-fade-down .6s var(--ease) both}.m-auth__brand{display:flex;align-items:baseline;gap:8px}.m-auth__mark{font-size:24px;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#fff 30%,var(--em));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.m-auth__sub{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--em);text-transform:uppercase;opacity:.8}.m-auth__links{display:flex;gap:16px;font-size:12px;font-weight:600}.m-auth__links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:46px;color:var(--dim);text-decoration:none;transition:color .2s}.m-auth__links a:active{color:var(--em)}.m-auth__main{position:relative;z-index:2;padding:8px 18px 40px;max-width:440px;margin:0 auto;animation:m-auth-card-enter .7s var(--ease) .15s both}.m-auth__hero{text-align:center;margin-bottom:28px}.m-auth__hero-icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#3dcf9a26,#3dcf9a0a);border:1px solid rgba(61,207,154,.2);margin-bottom:18px;animation:m-auth-pulse-ring 3s ease-in-out infinite;position:relative}.m-auth__hero-icon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(61,207,154,.08);animation:m-auth-pulse-outer 3s ease-in-out infinite}.m-auth__hero-icon svg{width:30px;height:30px;color:var(--em)}.m-auth__title{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#fff 40%,var(--em));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.m-auth__lead{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted);font-weight:500}.m-auth__glass{background:var(--surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--line-hot);border-radius:var(--radius-lg);padding:22px 20px 24px;position:relative;overflow:hidden}.m-auth__glass:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--em-glow),transparent)}.m-auth__tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:20px;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--line);position:relative}.m-auth__tabs button{min-height:48px;border:0;border-radius:var(--radius-pill);padding:11px 12px;background:transparent;color:var(--dim);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);position:relative;z-index:1}.m-auth__tabs button.is-active{background:linear-gradient(145deg,#3dcf9a2e,#3dcf9a14);color:var(--em);box-shadow:0 0 20px #3dcf9a1f}.m-auth__oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.m-auth__oauth--stack{grid-template-columns:1fr;gap:12px;margin-bottom:2px}.m-auth__oauth button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 12px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s var(--ease)}.m-auth__oauth--stack button{padding:15px 16px;font-size:14.5px;font-weight:800;letter-spacing:-.01em;border-radius:var(--radius-pill)}.m-auth__oauth-primary{border:0!important;background:linear-gradient(145deg,#1faa78,#3dcf9a)!important;color:#04150f!important;box-shadow:0 8px 28px #3dcf9a47}.m-auth__oauth-primary:active{transform:scale(.97);box-shadow:0 4px 16px #3dcf9a38}.m-auth__oauth-secondary{border-color:#eef3f01f!important;background:#ffffff0b!important}.m-auth__oauth-secondary:active{border-color:var(--em-glow)!important;background:var(--em-soft)!important;transform:scale(.97)}.m-auth__oauth button:active{border-color:var(--em-glow);background:var(--em-soft);transform:scale(.97)}.m-auth__oauth button:disabled{opacity:.55;cursor:not-allowed}.m-auth__oauth button svg{width:18px;height:18px;flex-shrink:0}.m-auth__oauth--stack button svg{width:20px;height:20px}.m-auth__or{display:flex;align-items:center;gap:14px;margin:4px 0 16px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--dim)}.m-auth__or:before,.m-auth__or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.m-auth__form{display:flex;flex-direction:column;gap:14px}.m-auth__field{display:flex;flex-direction:column;gap:6px;animation:m-auth-field-in .4s var(--ease) both}.m-auth__field>span{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}.m-auth__input-wrap{display:flex;align-items:center;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08;transition:all .3s var(--ease);overflow:hidden}.m-auth__input-wrap:focus-within{border-color:var(--em-glow);background:#3dcf9a0a;box-shadow:0 0 0 3px #3dcf9a14}.m-auth__input-icon{display:flex;align-items:center;padding-right:12px;color:var(--dim);transition:color .2s;flex-shrink:0}.m-auth__input-wrap:focus-within .m-auth__input-icon{color:var(--em)}.m-auth__input-icon svg{width:18px;height:18px}.m-auth__field input,.m-auth__pw input{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--ink);font:inherit;font-size:15px;font-weight:500;outline:none}.m-auth__input-wrap .m-auth__field input,.m-auth__input-wrap input{padding:14px 14px 14px 0;border-radius:0}.m-auth__field input::-moz-placeholder{color:var(--dim);opacity:.7}.m-auth__field input::placeholder{color:var(--dim);opacity:.7}.m-auth__pw{display:flex;align-items:center;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff08;overflow:hidden;transition:all .3s var(--ease)}.m-auth__pw:focus-within{border-color:var(--em-glow);background:#3dcf9a0a;box-shadow:0 0 0 3px #3dcf9a14}.m-auth__pw .m-auth__input-icon{padding-right:12px}.m-auth__pw input{border:0;border-radius:0;flex:1;min-width:0;padding:14px 14px 14px 0}.m-auth__pw button{border:0;min-width:44px;align-self:stretch;min-height:46px;padding:0 14px;background:transparent;color:var(--dim);font:inherit;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .2s}.m-auth__pw button:active{color:var(--em)}.m-auth__error{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(240,113,120,.25);background:#f0717814;color:#ffb4b8;font-size:13px;font-weight:600;line-height:1.4;animation:m-auth-shake .4s ease}.m-auth__error:before{content:"⚠";font-size:16px;flex-shrink:0}.m-auth__ok{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(61,207,154,.3);background:#3dcf9a14;color:var(--em);font-size:13px;font-weight:700;animation:m-auth-card-enter .35s var(--ease)}.m-auth__ok:before{content:"✓";font-size:16px;font-weight:800}.m-auth__submit{margin-top:6px;padding:15px 16px;border:0;border-radius:var(--radius-pill);background:linear-gradient(145deg,#1faa78,#3dcf9a,#2ec48d);background-size:200% 100%;color:#04150f;font:inherit;font-size:15px;font-weight:800;letter-spacing:.01em;cursor:pointer;position:relative;overflow:hidden;transition:all .3s var(--ease);animation:m-auth-shimmer 3s ease infinite}.m-auth__submit:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.m-auth__submit:active:not(:disabled):after{width:300px;height:300px}.m-auth__submit:disabled{opacity:.5;cursor:not-allowed}.m-auth__submit:active:not(:disabled){transform:scale(.97)}.m-auth__spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(4,21,15,.3);border-top-color:#04150f;border-radius:50%;animation:m-auth-spin .6s linear infinite;vertical-align:middle;margin-left:8px}.m-auth__note{margin:22px 0 0;font-size:11.5px;line-height:1.6;color:var(--dim);font-weight:500;text-align:center}.m-auth__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;animation:m-auth-fade-up .6s var(--ease) .5s both}.m-auth__trust-badge{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff08;border:1px solid var(--line);font-size:10px;font-weight:600;color:var(--dim);letter-spacing:.02em}.m-auth__trust-badge svg{width:12px;height:12px;color:var(--em);flex-shrink:0}@keyframes m-auth-card-enter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes m-auth-fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes m-auth-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes m-auth-field-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes m-auth-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes m-auth-pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #3dcf9a26}50%{transform:scale(1.04);box-shadow:0 0 24px #3dcf9a1f}}@keyframes m-auth-pulse-outer{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}@keyframes m-auth-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes m-auth-spin{to{transform:rotate(360deg)}}