/* Member Auto Access - 自己完結フォームCSS (どのテーマでも崩れにくいよう .maa-wrap でスコープ) */
.maa-wrap{--maa-accent:#ff3366;--maa-radius:14px;display:flex;justify-content:center;margin:28px 0}
.maa-wrap *{box-sizing:border-box}
.maa-card{
	width:100%;max-width:440px;background:#fff;color:#1a1a1a;
	border:1px solid rgba(0,0,0,.08);border-radius:var(--maa-radius);
	padding:30px 26px;box-shadow:0 10px 40px rgba(0,0,0,.08);
	animation:maaFade .5s ease both;
}
@keyframes maaFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.maa-ttl{margin:0 0 18px;font-size:1.35rem;font-weight:800;letter-spacing:.02em;text-align:center;line-height:1.4}
.maa-form{display:flex;flex-direction:column;gap:14px}
.maa-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:#555}
.maa-input{
	width:100%;padding:13px 14px;font-size:1rem;border:2px solid #e4e4e7;border-radius:10px;
	background:#fafafa;transition:border-color .2s,box-shadow .2s,background .2s;
}
.maa-input:focus{outline:none;border-color:var(--maa-accent);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--maa-accent) 18%,transparent)}
.maa-check{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#555}
.maa-btn{
	display:inline-block;width:100%;padding:15px 18px;margin-top:4px;
	font-size:1.05rem;font-weight:800;letter-spacing:.03em;text-align:center;text-decoration:none;
	color:#fff;background:var(--maa-accent);border:none;border-radius:10px;cursor:pointer;
	transition:transform .12s ease,filter .2s ease,box-shadow .2s ease;
	box-shadow:0 6px 18px color-mix(in srgb,var(--maa-accent) 35%,transparent);
}
.maa-btn:hover{filter:brightness(1.07);transform:translateY(-2px);color:#fff}
.maa-btn:active{transform:translateY(0)}
.maa-btn-ghost{background:transparent;color:var(--maa-accent);border:2px solid var(--maa-accent);box-shadow:none}
.maa-btn-ghost:hover{background:var(--maa-accent);color:#fff}
.maa-note{font-size:.8rem;color:#888;text-align:center;margin:6px 0 0;line-height:1.6}
.maa-note a{color:var(--maa-accent)}
.maa-msg{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:.9rem;font-weight:700}
.maa-msg-ok{background:#e8f9ee;color:#0a7a3d;border:1px solid #b6e8c9}
.maa-msg-err{background:#fdecec;color:#c0271a;border:1px solid #f5c2bd}
.maa-list{list-style:none;margin:0 0 18px;padding:0}
.maa-list li{border-bottom:1px solid #eee}
.maa-list li a{display:block;padding:13px 4px;text-decoration:none;color:#1a1a1a;font-weight:700;transition:color .2s,padding .2s}
.maa-list li a:hover{color:var(--maa-accent);padding-left:10px}
/* ロック表示 */
.maa-lock{text-align:center}
.maa-lock-icon{font-size:2.6rem;line-height:1;margin-bottom:8px}
.maa-lock-ttl{margin:0 0 8px;font-size:1.25rem;font-weight:800}
.maa-lock-txt{margin:0 0 18px;color:#666;font-size:.95rem}
@media (prefers-color-scheme:dark){
	.maa-card{background:#1c1c20;color:#f2f2f4;border-color:rgba(255,255,255,.1)}
	.maa-input{background:#26262b;border-color:#3a3a42;color:#f2f2f4}
	.maa-input:focus{background:#2d2d33}
	.maa-label{color:#bdbdc4}.maa-list li a{color:#f2f2f4}.maa-list li{border-color:#33333a}
}